Intermediate

Designing Accessible Data Tables

Semantic markup, keyboard navigation, and RTL-aware layouts for complex tables.

UXA11y· Tuspa Design· 2026-03-15

Semantics first

Use real <table> elements with <th scope> headers — screen readers depend on them.

Keyboard support

  • Focusable rows with visible focus rings
  • Sort controls reachable by Tab
  • No hover-only actions

RTL

Mirror column alignment and iconography in RTL locales; numbers stay LTR.