Awesome

Accessible Components

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

More may come...

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!