10 Essentials - Developers

1. Semantic Markup: Do all elements have the correct semantic markup?

2. Input Labels: Are there descriptive labels marking each input element, and labels for input groups?

3. Focus: Is there an indicator when interactive elements have keyboard focus, and does its order follow a logical sequence?

4. Keyboard: Can all interactive elements be selected and activated using the keyboard?

5. Names: Do all interactive controls have an accessible descriptive name?

Relevant explanation:

Example of relevant technique:

6. Roles: Do all custom controls and widgets have the correct role (e.g., link, button, tab panel)?

Relevant explanation:

Example of relevant technique:

7. Dynamic Updates: Are all dynamic updates, including error messages, conveyed to assistive technology?

8. Colors: Does the design provide sufficient color contrast?

9. Layouts: Do page layouts adapt to different window widths and text sizes?

Relevant explanation:

Example of relevant technique:

10. Images: Do images and icons have the appropriate text alternative?