You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

axe for Web browser extension 

What does axe do?

Axe is an automated accessibility checker. It will list accessibility violations and issues. There are options to highlight each issue instance on the page or in the code.

How do I run axe?

  1. Go to the web page you'd like to analyze. Open Inspect (on PC, right-click → select Inspect).
  2. Click the double arrow in the panel's top nav. Select "axe".



  3. Click the "Analyze" button to analyze the page.

How is accessibility (a11y) information displayed?

Information can be filtered by the type of issue (Violation, Needs review, Best practices). Beneath each of these types, a list of issues appears. Each item can be further split into individual occurrences.

Inspect Node shows the issue in the code. Highlight shows the issue on the rendered page.

Each issue has a description, shows element location & source, and provides ways to solve the problem.

 

  • No labels