All Projects → eBay → accessibility-ruleset-runner

eBay / accessibility-ruleset-runner

Licence: Apache-2.0 license
eBay Accessibility Ruleset Runner automates 20% of WCAG 2.0 AA recommendations, saving time on manual testing.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to accessibility-ruleset-runner

accessibility-testing-tools
A collection of useful tools for accessibility testing and debugging in the browser, online and desktop
Stars: ✭ 18 (-25%)
Mutual labels:  accessibility, a11y, wcag, a11y-testing
a11y-guidelines
アメーバアクセシビリティガイドライン
Stars: ✭ 61 (+154.17%)
Mutual labels:  accessibility, a11y, wcag
accessibility-resources
Screen reader and WCAG testing resources to maintain a consistent approach to testing and documenting behaviour.
Stars: ✭ 25 (+4.17%)
Mutual labels:  accessibility, a11y, a11y-testing
chusho
A library of bare & accessible components and tools for Vue.js 3
Stars: ✭ 47 (+95.83%)
Mutual labels:  accessibility, a11y, wcag
a11y-checker
Identifies accessibility issues in HTML markup.
Stars: ✭ 103 (+329.17%)
Mutual labels:  accessibility, a11y, wcag
buttonbuddy
Learn about accessible button contrast then generate your own accessible button color palette
Stars: ✭ 60 (+150%)
Mutual labels:  accessibility, a11y, a11y-testing
a11y-contracting
Building Accessibility Best Practices into Contracting
Stars: ✭ 43 (+79.17%)
Mutual labels:  accessibility, a11y, wcag
ckeditor4-plugin-a11ychecker
Accessibility checker for CKEditor 4
Stars: ✭ 17 (-29.17%)
Mutual labels:  accessibility, a11y, wcag
enabler
✋ Accessibility analyzer for your frontend.
Stars: ✭ 19 (-20.83%)
Mutual labels:  accessibility, a11y, wcag
AccessSniff
Automated accessibility testing using HTML_Codesniffer (WCAG and Section508)
Stars: ✭ 84 (+250%)
Mutual labels:  accessibility, a11y, wcag
accessibility-resources
A curated list of accessibility resources
Stars: ✭ 66 (+175%)
Mutual labels:  accessibility, a11y, a11y-testing
cluse
Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.
Stars: ✭ 54 (+125%)
Mutual labels:  accessibility, a11y, wcag
alfa
♿ Suite of open and standards-based tools for performing reliable accessibility conformance testing at scale
Stars: ✭ 75 (+212.5%)
Mutual labels:  accessibility, a11y, wcag
eufemia
DNB Design System
Stars: ✭ 38 (+58.33%)
Mutual labels:  accessibility, a11y, wcag
agnostic-axe
Framework agnostic accessibility reporter, powered by axe-core
Stars: ✭ 80 (+233.33%)
Mutual labels:  accessibility, a11y, a11y-testing
Tanaguru
Automated accessibility (a11y) testing tool, with emphasis on reliablity and automation
Stars: ✭ 116 (+383.33%)
Mutual labels:  accessibility, a11y, a11y-testing
makeup-js
Mono-repo for all vanilla JavaScript utility modules and headless ui
Stars: ✭ 28 (+16.67%)
Mutual labels:  accessibility, a11y
SAPC-APCA
APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
Stars: ✭ 266 (+1008.33%)
Mutual labels:  accessibility, wcag
openacr
OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.
Stars: ✭ 61 (+154.17%)
Mutual labels:  accessibility, a11y
lint-html-with-css
Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.
Stars: ✭ 35 (+45.83%)
Mutual labels:  accessibility, a11y

eBay Accessibility Ruleset Runner

The eBay Accessibility Ruleset Runner automates 20% of WCAG 2.0 AA recommendations, saving time on manual testing.

Summary

Getting started with accessibility testing can be difficult. Not only are there a variety of tools out there to choose from but testers must be accessibility experts to sort through the large number of false positives identified by these tools. In addition, accessibility testing requires a lot of time to perform manual acceptance tests and only a small portion of these tests can be automated.

This project demonstrates how accessibility testing is done upstream during the development process. The project includes two rulesets, which is what we use internally (Custom Ruleset, aXe Ruleset). Developers can reuse our custom ruleset, exchange rulesets or add their own.

What is WCAG 2.0

WCAG 2.0 recommendations are published by the World Wide Web Consortium. The WCAG 2.0 Abstract reads as follows:

"Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general."

Getting Started

There are 3 types of users of this project:

  • Users that want to explore the benefit of using a ruleset
  • Users that want to run the rulesets in their project
  • Users that want to modify/create rulesets

Some users do not know ahead of time whether they want to use these rulesets and may just be exploring. They should checkout the examples section. Our examples were created to guide new users through environment setup (less than 1 hour) and running (less than 5 minutes).

Users that want to run the rulesets in their project can either modify one of our examples or create their own framework. When creating a framework, it is suggested to check out the examples to get an idea of how we run the rulesets.

Users can also contribute to our custom ruleset or even create their own rulesets. We give some top level guidance here on creating rulesets.

Examples

Each example has its own Readme file which includes information about the following:

  • Prerequisites for general environment setup
  • Running the rulesets against a default website
  • Modifications to test another website
  • Modifications to include in your project

The ruleset runner examples require zero configuration. This “one click” setup allows new users to quickly run the examples, to get an idea of what the ruleset runner does. In other words, the ruleset runners are preconfigured to test a default web page and the examples can typically be run using a single command.

Here are some basic examples:

Here are some projects that follow the General Steps for Running Rulesets.

Next Steps

Creating a Ruleset

We created these general principles after reviewing publically available accessibility tools. These principles were used to build our Custom Ruleset. Later, we started using the aXe Ruleset from Deque Systems due to their alignment with these principles.

  1. Rulesets should place an emphasis on 0 false positives. By having 0 false positives, there is no room for interpretation and teams can be required to have 100% pass rate prior to launching a new feature.
  2. Rulesets should be written in vanilla javascript and published as a single javascript file. This makes the rulesets highly portable so they can run in a variety of environments.
  3. Rulesets should return a well formed JSON. JSON is also highly portable. Results can be stored in a database for tracking, aggregated/displayed in dashboards and even converted directly into user friendly HTML Reports.
  4. Rulesets should be vetted against a library of html code snippets. There should be examples of good/bad code that pass/fail various rules, as expected. Covering a large number of code variations tends to make the ruleset more robust. See also Testing Methodology.

Contribution

Contributions in terms of patches, features, or comments are always welcome. Refer to the Contributing Guidelines for help. Submit Github issues for any feature enhancements, bugs, or documentation problems as well as questions and comments.

Topic Guide

Several topics are discussed and scattered throughout this repository. Please use this Topic Guide.

License

Copyright (c) 2018-2019 eBay Inc.

Use of this source code is governed by a Apache 2.0 license that can be found in the LICENSE file or at https://opensource.org/licenses/Apache-2.0.

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].