An example project setup with accessibility checking in place.
You can run the following commands to start / stop / update the example project.
make init- Update/install the node packagesmake start- Start the example containersmake stop- Stop the example containersmake dev- Run the assets watchermake build- Build the assetsmake test- Run the accessibility tests (with docker and locally)
In this project the accessibility testing is setup in two ways:
- With docker
- Locally (not in a docker container)
Both test setups use cucumber as a test runner, puppeteer (chromium) is used to render the webpage and axe does the actual accessibility testing.
For your own project you can choose what fits best. If you're using docker to run your app then it is most recommended to use the docker approach. It uses a pre-build image with all tools included (more info).
When using docker you don't need to install the devDependency cucumber-puppeteer-axe. That is only needed when you want to test it using NPM locally
We are deploying and testing in the pipeline using Travis-CI. You can see results of the pipeline tests here.
Deployment of the example website is done to GitHub Pages
The MIT License (MIT). Please view the License File for more information.