Accesibility tools

In

Checking web accesibility

Manual tools

  • Check reading nad colour contrast with Wave extension
  • Tab through the site

Use the CLI

aXe-cli

Gives documentation, but doesn’t tell you where exactly you have messed up

  • Install the package

    1
    npm install axe-cli --save dev

  • Generate the script

    package.json
    1
    2
    3
    "scripts": {
        "test-axe": "run axe ./index.html"
    }

  • Run the script

    1
    npm test-axe

pa11y - automated accesibility testing

Tells you where exactly is the error, but not so well documented

  • Install the package

    1
    npm install pa11y --save dev

  • Generate the script

    package.json
    1
    2
    3
    "scripts": {
        "test-a11y": "run pa11y ./index.html"
    }

  • Run the script

    1
    npm test-a11y