Developer's introduction and index

1.0 - Design Basics #1 (non-technical) - section introduction and index

• DEV 1.1 - Be consistent throughout
• DEV 1.2 - Enhance clarity with good design
• DEV 1.3 - Do not convey information with colour alone
• DEV 1.4 - Create contrast between foreground and background
• DEV 1.5 - Avoid using flashing, flicker and unnecessary animation
• DEV 1.6 - Use multimedia with care
• DEV 1.7 - Create flexible width design if possible and appropriate

2.0 - Design Basics #2 (technical) - section introduction and index

• DEV 2.1 - Do not use frames
• DEV 2.2 - Use style sheets to control all formatting and layout where possible
• DEV 2.3 - Use JavaScript wisely
• DEV 2.4 - Do not cause pop-ups or new windows to appear
• DEV 2.5 - Avoid pages that auto-refresh or auto-redirect
• DEV 2.6 - Construct accessible image maps

3.0 - Navigation and Orientation - section introduction and index

• DEV 3.1 - Provide effective navigation based on recognised conventions
• DEV 3.2 - Provide additional navigational aids
• DEV 3.3 - Make links meaningful
• DEV 3.4 - Allow the user to easily bypass information
• DEV 3.5 - Create a logical tab order through the page

4.0 - Content - section introduction and index

• DEV 4.1 - Use clear and simple language
• DEV 4.2 - Prioritise information, maximise readability and scanning
• DEV 4.3 - Provide accessible alternatives - don't rely on PDF/ Word

5.0 - HTML Coding - section introduction and index

• DEV 5.1 - Include this information at the top
• DEV 5.2 - Construct proper headings
• DEV 5.3 - Define list and list items properly
• DEV 5.4 - Use lang, abbr & acronym to embed useful information
• DEV 5.5 - Use structural and semantic markup properly and validate code
• DEV 5.6 - Use relative font sizing, not absolute units

6.0 - Images - section introduction and index

• DEV 6.1 - All images must have alt text to convey the equivalent information
• DEV 6.2 - Provide full descriptions for informational images
• DEV 6.3 - Avoid using images to display text
• DEV 6.4 - Use the correct image format for the job

7.0 - Forms - section introduction and index

• DEV 7.1 Simplify form design, use good spacing and sensible grouping
• DEV 7.2 Provide labels for every form element, place correctly, explicitly associate
• DEV 7.3 Enhance forms with special HTML mark up
• DEV 7.4 Prevent errors and assist recovery from errors by providing supportive information

8.0 - Tables - section introduction and index

• DEV 8.1 - Data tables: simplify and markup with special HTML
• DEV 8.2 - Layout tables: ensure correct readout order, avoid complicated nesting, describe with summary attribute