Create inclusive designs, one block at a time 🤝
A11y Blocks is a collection of accessible components built using JavaScript and ARIA (Accessible Rich Internet Applications) attributes. The project provides examples of how to create accessible components, with the goal of making it easier for developers to build accessible web applications.
A11y Blocks currently includes the following components:
- Tooltip: A component that displays additional information when the user hovers over an element.
- Tabs: A component that displays multiple panels of content and allows the user to switch between them.
- Toolbar: A component that contains a set of controls for a specific context.
- Toggle: A component that allows the user to switch between two states.
- Timer: A component that displays a countdown or elapsed time.
- Progress: A component that displays the progress of a task.
- Combobox: A component that combines a text input with a dropdown list of options.
- Autocomplete: A component that suggests and completes the user's input based on a set of options.
A11y Blocks is an open-source project, and contributions are always welcome. If you find a bug, have an idea for a new accessible component, or want to improve the existing components, you can create a pull request on GitHub.
A11y Blocks is released under the MIT License.