Tota11y

Tota11y - Visualization Toolkit: https://github.com/Khan/tota11y

The Visualization Toolkit, often referred to as tota11y, is a tool for visualizing accessibility issues on websites. It was developed by Khan Academy and offers a range of features to help developers, designers and testers quickly identify and fix potential accessibility issues. Here is some important information about tota11y:

Visual tools: tota11y provides a variety of visual tools to identify and visualize accessibility issues on web pages. These include contrast checks, label checks, headings check and more.
Easy integration: The tool can be easily integrated into web pages by inserting a JavaScript script into the source code of the page. Once integrated, users can open the tota11y panel on the web page and use the various visualization options.
Live feedback: tota11y provides live feedback on potential accessibility issues directly on the website. Users can check elements on the page and immediately see whether they comply with accessibility guidelines or not.
Customizable settings: The tool provides customizable settings that allow users to adjust the way accessibility issues are visualized and checked. This allows users to customize the tool to their specific needs.
Open source: tota11y is an open source project and is available free of charge. Developers can view the source code, contribute and customize the tool to their own needs.

Overall, tota11y is a useful toolkit for visualizing accessibility issues on websites. With its easy-to-use interface, live feedback and customizable settings, it provides an effective way to improve the accessibility of websites and ensure that they are accessible to all users.