This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
tota11y with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
An accessibility visualization toolkit
Then, include it right before
</body> like so:
Want to contribute to tota11y? Awesome! Run the following in your terminal:
git clone https://github.com/Khan/tota11y.git cd tota11y/ npm install
Most of the functionality in tota11y comes from its plugins. Each plugin
gets its own directory in
and even handlebars. Here's what the simple LandmarksPlugin looks like.
index.js brings it all together.
tota11y uses a variety of technologies, including jQuery, webpack, babel, and JSX. There's no need to know all (or any!) of these to contribute to tota11y, but we hope tota11y is a good place to learn something new and interesting.
You can run unit tests on tota11y with the following:
Or lint with:
npm run lint
To perform manual testing as you work, you can run a live dev-server with the following:
npm run live-test
Then navigate to
http://localhost:8080/webpack-dev-server/test/. This page
will automatically reload with changes.
You can build a bundled copy of tota11y with:
npm run build