araujosnathan / axe-report-guide

This is a package to generate a pretty report for Axe Results Violations for Accessibility Test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tests

Axe-Report-Guide is a report for Axe Result Violations for Accessibility Test.

How to generate my report?

Axe-Report-Guide's installation for git:

git clone https://github.com/araujosnathan/axe-report-guide.git

What is need for running it?

You need to have node installed in your machine.
And you will need to have nvm installed for managing versions of node.
After these installations, you can execute command below for installing all dependencies.

nvm install 15 (You should use a version equal or above 15)
nvm use 15
npm install (This command installs all dependecies of the project)

Command to create a report

All result files should be in a specific folder, you will need to passing the path for this folder as parameter. You can have one ou many result file. Note: The result files should be identified for a final tag in json file. Like this: myReesult_file.axe_result.json

The JSON should have the Axe.Result[] object, see an exemple in srs/test/resources/a11yResult.json. It was generate from a Axe Configuration Reporter V2.

node app.js -r=../path/results -o=path/output

In the output path will be generated an axe-report folder with the dashboard for the result files like this:

Main Dasboard with general metrics:

Violations details of each result file:

Remember: This Initial project was created for attend my problem to report for the team about the results of accessibility test, but I understaned that can help other people. Feel free to send suggestions.

Note: This template uses a Corona Free Dark Bootstrap components.

About

This is a package to generate a pretty report for Axe Results Violations for Accessibility Test

License:MIT License


Languages

Language:CSS 72.3%Language:SCSS 21.3%Language:JavaScript 4.0%Language:HTML 2.3%