1. Semantic Markup: Do all elements have the correct semantic markup?
Relevant Explanation:
Examples of relevant techniques:
2. Input Labels: Are there descriptive labels marking each input element, and labels for input groups?
Relevant Explanation:
Examples of relevant techniques:
3. Focus: Is there an indicator when interactive elements have keyboard focus, and does its order follow a logical sequence?
Relevant Explanation:
Examples of relevant techniques:
- Provide Focus Order for Interactive Elements
- Indicate Paragraph Link Focus
- Managing focus and inactive elements
4. Keyboard: Can all interactive elements be selected and activated using the keyboard?
Relevant Explanation:
Examples of relevant techniques:
- Create Accessible Modal Dialogs
- Create Accessible Expandable Sections
- Create Custom Controls that are Keyboard Operable
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?
Relevant explanation:
Example of relevant technique:
8. Colors: Does the design provide sufficient color contrast?
Relevant explanation:
Example of relevant technique:
- Indicate Required Fields without Reliance on Color
- Indicate Accessible Current Page without Reliance on Color
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?
Relevant explanation:
Examples of relevant techniques:
Related: Tools and checklists
- Tools for evaluating accessibility of content and controls.
- Easy Checks—A First Review of Web Accessibility (WAI)—quick and easy ways to assess the accessibility of your web pages.