Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Go to your web page. 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.

Image Added