Keep accessibility errors in check.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin Update documentation Jan 22, 2016
src Observe for mutations after document onload Nov 1, 2016
test Remove server reporting, fixes for poltergeist May 22, 2016
.babelrc
.eslintrc Add eslint May 11, 2016
.gitignore Add configuration for AWS release Jan 15, 2017
.hound.yml Add eslint May 11, 2016
.javascript-style.json Auditor accepts arguments, update config and tests Dec 4, 2015
.travis.yml Update tests for logging and auditor May 21, 2016
LICENSE Update LICENSE Dec 21, 2015
README.md Update README.md Aug 3, 2018
gulpfile.js Add configuration for AWS release Jan 15, 2017
karma.conf.js Update tests for logging and auditor May 21, 2016
package.json Update package.json details Jan 15, 2017
webpack.config.js Add configuration for AWS release Jan 15, 2017

README.md

Looking for Accessibility CI?

Use the AccessLint App for GitHub.

accesslint.js

Accessibility warnings for dynamic web content.

Usage

Include the javascript in your page before </body>.

<script src="https://cdn.accesslint.com/accesslint-1.1.2.js"></script>

Then, run your phantomjs browser tests to get accessibility warning logs, or open your browser and get automatic warnings in the JavaScript console.

Phantomjs tests

With RSpec, Capybara, and Poltergeist:

% bundle exec rspec spec/features

Randomized with seed 35702
<html> element must have a valid lang attribute [object HTMLHtmlElement]
Form elements must have labels [object HTMLInputElement]
.

Finished in 2.18 seconds (files took 1.11 seconds to load)
1 example, 0 failures

Randomized with seed 35702

Browser Console

Firefox JavaScript console with accessibility warnings

How it works

accesslint.js runs assertions from the aXe-core accessibility library wherever you include the script once on page load, and again for each DOM change event.

This feature gives you feedback on new content introduced via AJAX, for example, or updates to a single page app.

Development

Setup

$ bin/setup

Testing

$ gulp

Building

Development

$ gulp build-dev # build and watch for changes

Production

$ gulp build