NEXT: Introduce the skeleton-a11y package

[endigo9740]

Goal

After reviewing with @Hugos68 we've decided it may be beneficial to create framework agnostic tooling for component a11y. This will provide a shared and reusable centralized package and allow us to cover use cases such as:

• Common keyboard interactions (ex: up/down, home/end)
• As well as give us a way to inject common ARIA APG attribute patterns

It will be loosely modeled after Zag, but likely much more limited in scope and purpose built for our needs.

Package

This should be introduced as a new monorepo workspace:

/packages/skeleton-a11y

Within the package we can subdivide by:

• interactions - keyboard interactions or anything related to event listeners
• aria - ARIA attributes or anything related to templates

This component will only be promoted in-house for now, but we may open it to the public in the future.

Updating Components

Once in place, we should begin retrofitting our existing components to utilize these new tools. We can utilize the Accordion as our initial test case. Then bring this to Listbox, Tabs, etc

See Also

• https://www.w3.org/WAI/ARIA/apg/patterns/
• https://zagjs.com/