Skip to content

Latest commit

 

History

History
12 lines (9 loc) · 739 Bytes

readme.md

File metadata and controls

12 lines (9 loc) · 739 Bytes
Raw

A Study in Accessibility: Grid Example

This is a demo of an editable data grid with numerous accessibility errors, paired with a talk on accessibility in more complex scenarios. The slides are on github.

Branches with a11y fixes:

  • step1: Start here!
  • step2: Semantics applied, start here to add focus styles
  • step3a: Intermediate step to add focus refs (similar to React refs). Skip to step3 to begin keyboard and focus handling with refs already defined.
  • step3: Focus styles applied, start here to work on keyboard functionality
  • step4: Keyboard and focus handling applied, start here to sprinkle on ARIA to enhance a11y.
  • fixed: Test the finished product