Data table

• Accessibility considerations
• Resources
• Accessibility testing

Accessibility considerations

1. The data table headers accurately describe the data contained in the rows and columns.
2. If the data table has a labels it should be clear and concise.
3. If the data table has a caption or description, aria-describedby should be set on the table element with a value referring to the element containing the description.

Resources

• W3C WAI-ARIA Authoring Practices Table Design Pattern covers the usage of ARIA names, state and roles, as well as the expected keyboard intractions.
• W3C Tutorial - Table Concepts covers the usage of various tables, headers, and captions.
• IBM Accessibility Checklist Checkpoint:
  • 1.3.1 Info and Relationships (WCAG Success Criteria 1.3.1)
  • 1.3.2 Meaningful Sequence (WCAG Success Criteria 1.3.2)
  • 2.1.1 Keyboard (WCAG Success Criteria 2.1.1)
  • 2.4.3 Focus Order (WCAG Success Criteria 2.4.3)
  • 2.4.6 Headings and Labels (WCAG Success Criteria 2.4.6)
  • 2.4.7 Focus Visible (WCAG Success Criteria 2.4.7)
  • 4.1.2 Name, Role, Value (WCAG Success Criteria 4.1.2)

Accessibility testing

Automated test