A11y First and Everyone Wins
summary
Claims a drag‑and‑drop sidebar feature is rescued by accessibility while keeping mouse and touch intact, implemented by wrapping Ember Sortable with composable accessible components that use splattributes and custom modifiers to handle focus and keyboard events. Automation proves it: tests use triggerKeyEvent and focus/click simulation so reordering via keyboard is repeatable, CI‑green, and lets teams iterate faster; screen announcements remain to be added.
AI-written summary · about
chapters (12)
- 0:00Start
- 3:22Accessibility
- 4:07What Is Equity
- 4:19Drag and Drop
- 8:12An Example of List Boxes with Rearrangeable Options
- 12:41The Component Structure
- 16:43Implementation Details
- 17:06Splattributes
- 18:52Event Modifiers
- 21:47Trigger Event and Trigger Key Event
- 29:53Accessible Screen Announcements
- 30:30Ember Accessibility Testing
