https://github.com/hokulea/aria-voyager

Navigation patterns for various aria roles and features.
https://github.com/hokulea/aria-voyager

agnostic aria ember navigation universal

Last synced: 23 days ago
JSON representation

Navigation patterns for various aria roles and features.

• Host: GitHub
• URL: https://github.com/hokulea/aria-voyager
• Owner: hokulea
• Created: 2024-07-14T20:21:44.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-30T19:08:53.000Z (about 1 month ago)
• Last Synced: 2024-10-01T08:41:41.897Z (about 1 month ago)
• Topics: agnostic, aria, ember, navigation, universal
• Language: TypeScript
• Homepage:
• Size: 703 KB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# ARIA Voyager

[![Test Coverage](https://api.codeclimate.com/v1/badges/6bd88c10540e66d94e2a/test_coverage)](https://codeclimate.com/github/hokulea/aria-voyager/test_coverage)

[![Maintainability](https://api.codeclimate.com/v1/badges/6bd88c10540e66d94e2a/maintainability)](https://codeclimate.com/github/hokulea/aria-voyager/maintainability)

_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](https://www.w3.org/WAI/ARIA/apg/patterns/). This library does not

apply styling, it will operate on the accessibility tree.

## Supported Roles and Features

  

    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="menuitemcheckbox"


      ❌ role="menuitemradio"

    

    

      Roving tabindex

    

  

## Packages

See each package for instructions

- [`aria-voyager`](./packages/aria-voyager/README.md) - universal / framework agnostic package

- [`ember-aria-voyager`](./packages/ember-aria-voyager/package/README.md) - bindings for ember.js