Git Product home page Git Product logo

webdriverio-a11y-demo's Introduction

webdriverio-a11y-demo

A simple WebdriverIO project with axe integration to perform accessibility testing

Steps To Get Started

Step 1: Clone the repository [email protected]:manoj9788/webdriverio-a11y-demo.git

Step 2: Install node dependencies npm install

Step 3: Execute tests npm test

Step 4: (optional: The base url of your application can be changes from the env file)

Accessibility Rule

You could change audit rules as per your requirement like, WCAG or Section 508, add tags in the below function, which can be found in helper class,

let results = browser.executeAsync(function (done) {
        axe.run(
            {
                runOnly: {
                    type: 'tag',
                    values: ['wcag2a', 'wcag21aa', 'best-practice', 'section508']
                }
            }, (err, results) => {
                if (err) done(err)
                done(results)
            })
    })
Tag Name Accessibility Standard / Purpose
wcag2a WCAG 2.0 Level A
wcag2aa WCAG 2.0 Level AA
wcag21a WCAG 2.1 Level A
wcag21aa WCAG 2.1 Level AA
best-practice Common accessibility best practices
wcag*** WCAG success criterion e.g. wcag111 maps to SC 1.1.1
ACT W3C approved Accessibility Conformance Testing rules
section508 Old Section 508 rules
section508.. Requirement in old Section 508
experimental Cutting-edge rules, disabled by default

webdriverio-a11y-demo's People

Contributors

manoj9788 avatar sparshkesari avatar

Stargazers

Aditya Mali avatar

Watchers

James Cloos avatar  avatar Aditya Mali avatar

Forkers

sparshkesari

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.