tota11y

An accessibility visualization toolkit

Try tota11y in your browser, or read why we built tota11y.

Installation

First, grab the latest release of tota11y.

Then, include it right before </body> like so:

<script src="tota11y.min.js"></script>

Building

You can build tota11y with:

npm install
npm run build   # or simply "npm build" on Windows systems

Testing

You can run unit tests on tota11y with the following:

npm test

Or lint with:

npm run lint    # "npm lint" on Windows systems

To perform manual testing as you work, you can run a live dev-server with the following:

npm run live-test   # or "npm live-test" on Windows systems

Then navigate to http://localhost:8080/webpack-dev-server/test/. This page will automatically reload with changes.

Special thanks

Many of tota11y's features come straight from Google Chrome's Accessibility Developer Tools. We use this library heavily at Khan Academy.

The awesome glasses in our logo were created by Kyle Scott and are licensed under CC BY 3.0.

License

MIT