https://github.com/scottaohara/accessible_components

Listing of accessible components & patterns
https://github.com/scottaohara/accessible_components

a11y accessibility aria html javascript patterns ui-components

Last synced: 3 days ago
JSON representation

Listing of accessible components & patterns

• Host: GitHub
• URL: https://github.com/scottaohara/accessible_components
• Owner: scottaohara
• License: other
• Created: 2014-07-18T11:25:37.000Z (over 10 years ago)
• Default Branch: main
• Last Pushed: 2023-10-16T15:16:19.000Z (about 1 year ago)
• Last Synced: 2024-12-13T21:07:50.999Z (10 days ago)
• Topics: a11y, accessibility, aria, html, javascript, patterns, ui-components
• Homepage: https://scottaohara.github.io/accessible_components/
• Size: 141 KB
• Stars: 659
• Watchers: 31
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-list - accessible_components

README

        
# 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)](https://github.com/scottaohara/accessible_accordions)  

* [ARIA Links (v2)](https://github.com/scottaohara/aria-links)   

* [ARIA Buttons (v2)](https://github.com/scottaohara/a11y_button)   

* [Breadcrumb Navigation (v1.1)](https://github.com/scottaohara/a11y_breadcrumbs)  

* [Clear text field buttons (v1)](https://github.com/scottaohara/clear-text-field-button)

* [Disclosure Widgets (v2.0.1)](https://github.com/scottaohara/aria_disclosure_widget)  

* [Landmarks Demonstration](https://github.com/scottaohara/landmarks_demo)

* [Modal Dialogs (v3 - archived)](https://github.com/scottaohara/accessible_modal_window)

* [Switch Toggle Web Component (v0)](https://github.com/scottaohara/a11y_switch_web_component)

* [Switch Toggles (v2.0.1)](https://github.com/scottaohara/aria-switch-button)  

* [Tab Widgets (v2)](https://github.com/scottaohara/a11y_tab_widget)

* [Tooltips (v1)](https://github.com/scottaohara/a11y_tooltips) 

* [Various Styled Form Controls](https://github.com/scottaohara/a11y_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](https://twitter.com/scottohara)!  

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!