ARIA Voyager

Canoe vessel that navigates your aria.

A framework agnostic / universal package that implements navigation patterns for various aria roles and features.

BYOM: Bring Your Own Markup

... 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.

Supported Roles and Features

Navigation Patterns	Features	Behavior
Role: group Focus Strategy: Roving tabindex
✅ ArrowUp / ArrowLeft (prev) ✅ ArrowDown / ArrowRight (next) ✅ Home (first) ✅ End (last) ✅ Pointer Navigation	✅ Disabled	-
Role: listbox Focus Strategy: aria-activedescendant
✅ ArrowUp (prev) ✅ ArrowDown (next) ✅ Home (first) ✅ End (last) ✅ Pointer Navigation	✅ Disabled ✅ Scroll into view ✅ Single selection ✅ Multi selection ✅ Checked	-
Role: menu Focus Strategy: Roving tabindex
✅ ArrowUp (prev) ✅ ArrowDown (next) ✅ ArrowRight / Enter (expand) ✅ ArrowLeft / Esc (collapse) ✅ Home (first) ✅ End (last) ✅ Pointer Navigation	✅ Disabled ✅ role="menuitem" ✅ role="menuitemcheckbox" ✅ role="menuitemradio"	-
Role: tablist Focus Strategy: Roving tabindex
✅ ArrowRight / ArrowUp (prev) ✅ ArrowLeft / ArrowDown (next) ✅ Home (first) ✅ End (last) ✅ Pointer Navigation	✅ Disabled ✅ Orientation ✅ Single selection ❌ Multi selection	✅ Manual (with spacebar) / Automatic Selection
Role: radiogroup Focus Strategy: Roving tabindex
✅ ArrowUp / ArrowLeft (prev) ✅ ArrowDown / ArrowRight (next) ✅ Home (first) ✅ End (last) ✅ Pointer Navigation	✅ Disabled ✅ Selection (via aria-checked)	-

Packages

See each package for instructions

• aria-voyager - universal / framework agnostic package
• ember-aria-voyager - bindings for ember.js