Accessible Tables & Data Displays

Tables and data displays should communicate structure clearly, remain readable at different zoom levels, and support keyboard and assistive technology navigation.

Read table guidance
Accessible data table example with clear column headers, readable spacing, and structured information hierarchy.
Example accessibility review table with category, status, and priority columns.
Category Status Priority
Contrast Passed High
Labels Review Medium
Keyboard Passed High

Readable Structure

  • Use clear headers, spacing, and consistent alignment.
  • Avoid overly dense tables that require excessive scanning.

Accessibility Checks

  • Ensure keyboard navigation works logically across rows and columns.
  • Use semantic table markup with properly associated headers.

Quick Wins

  • Keep labels concise and easy to scan.
  • Use color as support — not the only way information is conveyed.