Canoe vessel that navigates your aria.
A framework agnostic / universal package that implements navigation patterns for various aria roles and features.
... and this library will make it interactive, according to applicable ARIA patterns. This library does not apply styling, it will operate on the accessibility tree.
Role | Navigation Patterns | Features | Focus Strategy |
listbox
|
✅ ArrowUp (prev)✅ ArrowDown (next)✅ Home (first)✅ End (last)✅ Pointer Navigation |
✅ Disabled ✅ Scroll into view ✅ Single selection ✅ Multi selection ❌ Checked |
aria-activedescendant
|
menu
|
✅ ArrowUp (prev)✅ ArrowDown (next)✅ ArrowRight / Enter (expand)✅ ArrowLeft / Esc (collapse)✅ Home (first)✅ End (last)✅ Pointer Navigation |
✅ Disabled ❌ Hover Behavior Configurable ✅ role="menuitem" ❌ role="menuitemcheckbox" ❌ role="menuitemradio"
|
Roving tabindex
|
See each package for instructions
aria-voyager
- universal / framework agnostic packageember-aria-voyager
- bindings for ember.js