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. I do enjoy making these :)

These components all live in their own repositories. There are a few components that are just static markup patterns, and any additional functionality would need to be supplied by you.

Vanilla JavaScripts

The following scripts create custom UI components and widgets that require the use of ARIA:

• Accordions (v3)
• Disclosure Widgets (v2)
• Modal Dialogs (v3)
• Tab Widgets (v2)
• Switch Toggles (v2.0.1)
• Switch Toggle Web Component (v0)
• Tooltips (v1)
• Links (v2)
• Buttons (v2)

Markup Components

• Breadcrumb Navigation (v1.1)
• Landmarks Demonstration
• Various Styled Form Controls

More may come...

I'll update these patterns as I see fit.

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!