Enable
A space for developers to learn and collaborate on making the web accessible.
Proudly sponsored by The
Accessibility Centre of Excellence.
Learn How To Create Accessible Code
Whether you are new to accessibility or are a seasoned veteran, Enable's aim is to teach developers how to make something accessible and to show why it is. Developers can walk through the code step by step to understand what HTML, CSS, and JavaScript are needed to ensure their work "just works" for all users, no matter how they navigate the web.
Add Accessible Code Quickly To Existing Projects
The Enable Accessibility Project follows the First Rule of ARIA when recommending code and encourages the use of native HTML5 functionality whenever possible (as long as browser accessibility support is there).
Use Pre-built Accessible Components
Enable also includes components that can be included into your own projects via NPM, with instructions on how to integrate them as Webpack modules, native ES6 Modules or as old school ES4 JavaScript libraries.
What Makes Enable Different?
- We strive to keep our codebase up-to-date, with a focus on innovation (some of the examples have not appeared on any other site before).
- The components have been tested on mobile devices (a lot of other components forget that screen readers on mobile devices work slightly differently to their desktop cousins).
- Enable is focused on UX. It's goal is to help developers make an accessible web that is usable by everyone.
- Not only do we want to help developers, but we want the help from developers to contribute their accessible code. If you have a component that you'd like to submit, please feel free to create a PR.
Want to donate code to Enable?
We would love to know about any code you would like to donate to Enable!
- If you would like to discuss this with us first, please go to the Enable Github issue page and open up a new issue describing the code you would like to donate and a sample page on how it works.
- If you would like to submit a PR, feel free to do so! Please read the Github article about creating a pull request from a fork for more information on how to do this.
Found a bug?
Feel free to log a bug on our Github project page! If are a developer and know how to fix it, please create a PR (if you have never done this before, read the the Github article about creating a pull request from a fork).