Accessibility Health Chart

Link to Accessibility Health Chart copied to clipboard

The Accessibility Health chart displays data in three different ways:

  • Issues by Category
  • Issues by Severity
  • Pages with Issues

You can also view the data as a table, and export the data into a CSV or JSON file.

Issues by Category

This Bubble Chart provides a view into the total number of accessibility violations found within the selected hierarchy level by Fifteen (15) actionable categories. The categories are (alphabetical order):

  • Aria

  • Color

  • Forms

  • Keyboard

  • Language

  • Name, Role, Value

  • Other

  • Parsing

  • PDF

  • Semantics

  • Sensory and Visual Cues

  • Structure

  • Tables

  • Text Alternatives

  • Time and Media

Grouped chart for Issues by Week

The colour of the bubble is reflective of the total number of violations found in that Issue Group. The counts provide the count of issues for each category.

Issues by Severity

This chart captures the total number of accessibility issues captured at the selected level of hierarchy by issue severity. Currently supported issue severity levels are:

  • Critical

  • Serious

  • Moderate, and

  • Minor

This information is presented in a Grouped Bar Chart format, by default.

Activating any bar in the chart triggers a drill down into the comprising hierarchy levels. Activating the severity level control in the legend provides a filtered view on the same chart filtered by the selected severity.

You can select or deselect the severity icon below the graph to view or remove the type of severity from the graph.

Activating the leaf node (Does not apply to axe DevTools charts) opens a new browser tab/window to navigate you to the comprising axe Monitor® project or axe Auditor test case for this leaf node.

Stacked Chart display for issues by severity

Pages with Issues

You can find the number of pages with any accessibility violation within each unit of the selected hierarchy level with this Donut Chart. Within an organization this chart can provide you with a sense of workload for each unit.

Donut chart for Pages with Issues

You can drill-down into the comprising levels for a unit by clicking on that specific unit.

This chart also includes a data table view as available with the previous charts that can be triggered using the Kebab menu. The information included in the data table includes the name of the unit, Count of pages with any accessibility violation, a 'Drill-Down' button for each row (for non-leaf nodes).

Activating the leaf node (not applicable for axe DevTools charts) opens a new browser tab/window to navigate you to the data comprising axe Monitor project for this leaf node.

Viewing Accessibility Health as a Table

Use the kebab menu option (three dots) on the right of the screen and select View as Table to view accessibility health as a table.

Data table display for issues by severity

The Data Table view in this Chart provides the number of accessibility violations for each unit that comprises the selected hierarchy level. Columns include Unit Name, Number of Critical Issues, Number of Serious Issues, Number of Moderate Issues, Number of Minor Issues, and a column to provide 'Drill Down' button (if not at Project/Script Level).

Data table display for issues by severity

Activate the eye icon under the Actions column to view the issue categories of the script.

Issue Categories