Wave Evaluation Tool
Is a tool that helps to check several things on a site within a few clicks, its a free google chrome extension and you can download it from here:
https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh
It will display a summary, that shows a quick view on the Errors, Contrast Errors, Alerts, Features, Structural Elements and Aria tags
The main menu seems pretty structured:
By default you will see:
- Summary (Selected by default, with a quick summary of the "alerts" that were found on its first run)
- Details (User will be able to see the errors, alerts, contrast errors and all the items listed in the summary with all details, and clickable icons that highlight were the element is within the inspected page)
- Reference: will show you what does the icons mean within the app
- Order: In case you are wondering for an easy way to check the order when navigating thru keyword, this will display the order of the elements
- Structure: Focusing on headers and navigation
- Contrast: Will check the color contrast for the different elements within the website
Wave Summary
Wave Details
It will be as simple as clicking the error in the details page, and the element will be highlighted in the website
Top Features:
It does have a way to check redundant elements, like if in alt tag or description can be considered redundant you will get a warning