Download
tota11y helps visualize how your site performs with assistive technologies. The process of testing for accessibility (a11y) is often tedious and confusing. In many cases, developers must have some prior accessibility knowledge in order to make sense of the results. Instead, tota11y aims to reduce this barrier of entry by helping visualize accessibility violations (and successes), while educating on best practices. tota11y is a single JavaScript file that inserts a small button in the bottom corner of your document. The toolbar consists of several plugins that each provide their own functionality. Many of these plugins "annotate" elements on the page. Sometimes to show their existence, other times to point out when something's wrong. tota11y makes it easy to spot some of the most common accessibility violations made by page authors today.
Features
- tota11y uses a variety of technologies, including jQuery, webpack, babel, and JSX
- Most of the functionality in tota11y comes from its plugins
- Each plugin gets its own directory in plugins/ and maintains its own JavaScript, CSS, and even handlebars
- You can run unit tests on tota11y
- Create a development build as the test server
- Create a production build, with minified and unminified output
Project Samples
