Giter Site home page Giter Site logo

accesslint.js's Introduction

accesslint.js

Accessibility warnings for dynamic web content. Join the conversation on Slack or sign up for the hosted service.

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

accesslint.js's People

Contributors

ckundo avatar connormckelvey avatar jaimeiniesta avatar wyattdanger avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.