An attempt at collecting some of the collections of accessible components but also to list some common components.
- Web Accessibility Tutorials - A https://www.w3.org/WAI/ guidance on how to create websites that meet WCAG
- Accessible UI Components List - A W3 collection with frameworks, snippets and widgets
- Inclusive Components - A pattern library by Heydon Pickering
- React Inclusive Components - Inclusive components for React. Based on Inclusive Components
- A11y Project Patterns - An accessible widget & pattern library
- Reakit - Accessible, Composable and Customizable components for React
- Downshift - React autocomplete/dropdown/select/combobox components by Paypal
- React Autosuggest - WAI-ARIA compliant React autosuggest component More info at react-autosuggest.js.org
- A11y Dialog - A very lightweight and flexible accessible modal dialog script by Kitty Giraudel
- React Aria Modal - a modal built with React
- Inclusive Menu Button - By Heydon Pickering. Read more about this in the article at Inclusive Components
- React Menu Button - By Hugo Giraudel and based upon the inclusive menu button by Heydon Pickering
- Accessible Mega Menu - The navigation menu at the top of this page demonstrates how one can implement an accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others.
- Application Menu - An example from W3 on how to do a web application menu using a horizontal menu bar and fly-out functionality.
- Star rating - Rating with stars by WAI
- Share Button - An example of a share-button from by WAI
- Accessible Range Inputs - A codepen by Sarah Higley showing a slider with and without JavaScript
- ARIA Switch Button - A switch button by Scott O'Hara Demo of switch available here.
- CSS Toggle Switch - Different toggle switches and light switches by Ionuț Colceriu
- Responsive Table - A full tutorial for a responsive, accessible table. Table demo here
- A11y Tabs - A lightweight (<1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces by Rob Levin.
- AgnosticUI Tabs - An a11y-compliant tabbed interface component that works in React, Vue 3, Svelte, and Angular.
-
Accessible HTML5 Video Player - A lightweight HTML5 video player which includes support for captions and screen reader accessibility by PayPal. Read more about it on their blog
-
Universal Video Player - A responsive video player based upon PayPals video player. Read more about it on the Ind.ie blog.
If you know of a collection or a component that you think should be on this list please make a pull request or if that feels complicated just file an issue.