Browser-based evaluation tools offer developers the opportunity to test pages in real-time and identify potential accessibility issues. Two common browser-based solutions that can check a page for accessibility issues include Deque's aXe extension and WebAIM's WAVE toolbar. While both tools can be helpful in evaluating page content for technical accessibility issues, it is important to recognize that these tools do not indicate if a person using assistive technology will have success when interacting with the page.
Deque aXe Extension
The aXe extension is available for both the Firefox and Chrome web browsers. In order to begin evaluating a page, you perform a right-click and choose Inspect Element. Once in the code view, you may select aXe and press the Analyze button. aXe will review the page contents for potential accessibility issues and identify these in the developer interface. The following YouTube video provides additional information on using the aXe extension.
WebAIM WAVE Toolbar
The WAVE toolbar is available for the Chrome web browser, although it functions in a different manner from the aXe extension. The WAVE toolbar will evaluate a page and identify issues visually using different icons. By selecting an icon, the specific accessibility issue will be identified along with any alerts (i.e., warnings), accessibility features, and HTML structural elements. The WAVE toolbar can also provide a view of the HTML page with CSS disabled as well as identify contrast issues.