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