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.
Here's a listing of all the ones I've actually put enough effort into making public with explainers, demos n' such.
- Accordions (v3)
- ARIA Links (v2)
- ARIA Buttons (v2)
- Breadcrumb Navigation (v1.1)
- Clear text field buttons (v1)
- Disclosure Widgets (v2.0.1)
- Landmarks Demonstration
- Modal Dialogs (v3 - archived)
- Switch Toggle Web Component (v0)
- Switch Toggles (v2.0.1)
- Tab Widgets (v2)
- Tooltips (v1)
- Various Styled Form Controls
I update these patterns as I see fit, and will list any new ones I create here.
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.
Thanks!