I've built some accessible components based on testing with users, needs of past projects, and official specifications.
These components all reside in their own individual repositories. Some are written in ES5 JavaScript, and can be easily added to any exiting project. Others require jQuery as a dependency. While some are just straight markup patterns and any additional functionality would need to be supplied via the underlying language of a particular project (e.g. PHP, Ruby, more JavaScript)
- ARIA Accordions
- ARIA Toggle Blocks
- ARIA Switch Button
- ARIA Links
- ARIA Buttons
- Hidden FigCaptions Revealed on Hover/Focus
- Accessible Modal Window - version 2
- ARIA (or not) Tabs
- Hamburger Menu Button
- Tooltips (ARIA 1.0)
- Keyboard & Screen Reader Friendly, Custom Number Input Component
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!
And most importantly, if there's ever a bug or awkward/inaccessible quirk with a component listed here, please file an issue here or in the component's GitHub repository.
Thanks!