tota11y is an in-browser accessibility testing tool that runs as a bookmarklet, scanning any live web page and overlaying visual indicators directly on elements that violate common accessibility guidelines. All analysis happens client-side without any server communication, making it a self-contained auditing and education tool.
The tool uses a plugin-driven rule engine where each accessibility check is encapsulated as a separate module, and results are displayed through a toggleable toolbar interface that uses CSS-based colored labels and icons positioned over the page elements. Users can enable or disable specific checks and see issues such as missing alt text, low contrast, or broken ARIA attributes mapped directly onto the rendered DOM.
Beyond simple detection, tota11y is designed to support an educational workflow — allowing developers and testers to inspect a page and see real examples of accessibility issues in context, without modifying source code or build tools. It is distributed as a bookmarklet that injects a JavaScript bundle on click.