All Projects → AccessLint → Accesslint.js

AccessLint / Accesslint.js

Licence: mpl-2.0
Keep accessibility errors in check.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Accesslint.js

A11y Courses
Courses offered in web accessibility (and other learning opportunities)
Stars: ✭ 288 (-31.91%)
Mutual labels:  accessibility, a11y
A11yproject.com
The A11Y Project is a community-driven effort to make digital accessibility easier.
Stars: ✭ 3,436 (+712.29%)
Mutual labels:  accessibility, a11y
react-native-aria
A library of React Hooks for React-Native (Android/iOS/web) to provide accessible UI primitives for a design system.
Stars: ✭ 164 (-61.23%)
Mutual labels:  accessibility, a11y
Pa11y Ci
Pa11y CI is a CI-centric accessibility test runner, built using Pa11y
Stars: ✭ 291 (-31.21%)
Mutual labels:  accessibility, a11y
Checka11y.css
A CSS stylesheet to quickly highlight a11y concerns.
Stars: ✭ 313 (-26%)
Mutual labels:  accessibility, a11y
chaarts
Charts with HTML & CSS
Stars: ✭ 79 (-81.32%)
Mutual labels:  accessibility, a11y
A11y styled form controls
Various styled accessible form controls
Stars: ✭ 335 (-20.8%)
Mutual labels:  accessibility, a11y
AccessSniff
Automated accessibility testing using HTML_Codesniffer (WCAG and Section508)
Stars: ✭ 84 (-80.14%)
Mutual labels:  accessibility, a11y
Js Offcanvas
A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.
Stars: ✭ 272 (-35.7%)
Mutual labels:  accessibility, a11y
Accessibility
A repo to organize the guidelines and best practices for accessibility at 18f.
Stars: ✭ 269 (-36.41%)
Mutual labels:  accessibility, a11y
a11ymyths
a11ymyths.com
Stars: ✭ 26 (-93.85%)
Mutual labels:  accessibility, a11y
A11y Toggle
A tiny script for accessible content toggles.
Stars: ✭ 304 (-28.13%)
Mutual labels:  accessibility, a11y
Parvus
An accessible, open-source image lightbox with no dependencies.
Stars: ✭ 248 (-41.37%)
Mutual labels:  accessibility, a11y
Axe Core
Accessibility engine for automated Web UI testing
Stars: ✭ 4,293 (+914.89%)
Mutual labels:  accessibility, a11y
van11y-accessible-hide-show-aria
ES2015 accessible hide-show system (collapsible regions), using ARIA
Stars: ✭ 34 (-91.96%)
Mutual labels:  accessibility, a11y
Accessible components
Listing of accessible components & patterns
Stars: ✭ 393 (-7.09%)
Mutual labels:  accessibility, a11y
DomainAccessibilityAudit
Web application to create domain and subdomain accessibility audits, with violation statistics.
Stars: ✭ 41 (-90.31%)
Mutual labels:  accessibility, a11y
bookworm
The Universally Accessible document Reader
Stars: ✭ 50 (-88.18%)
Mutual labels:  accessibility, a11y
Whocanuse
WhoCanUse is a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Stars: ✭ 259 (-38.77%)
Mutual labels:  accessibility, a11y
Pa11y
Pa11y is your automated accessibility testing pal
Stars: ✭ 3,207 (+658.16%)
Mutual labels:  accessibility, a11y

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].