I've built a good handful of accessible markup patterns and widgets at this point. Each is based on testing with users, UX and design needs of past projects, and from following W3C specifications & notes. I do enjoy making these :)
The following scripts create custom UI components and widgets that require the use of ARIA:
- Accordions (v3)
- Disclosure Widgets (v1)
- Modal Dialogs (v3)
- Tab Widgets (v2)
- Switch Toggles (v1)
- Switch Toggle Web Component (v0)
- Tooltips (v1)
- Links (v1)
- Buttons (v1)
More to come...
This is an on-going project, so expect to see more scripts (and non-JS markup & CSS patterns) as time permits.
If you end up using any of these components, please let me know!
Most importantly, if you ever come across a bug or awkward UX quirk with a component listed here, please file an issue in the that component's GitHub repository.