9. Tested on web only: Headings

Is heading text in the website marked up as headings?

How to test

Method 1: Manually check for heading

  1. Right click, inspect text that should be a heading
  2. Check if the text has a <h1>, <h2>, <h3> tag, etc.
  3. Sometimes, instead of a heading tag, headings may be specified by using role="heading" and "aria-level".
Manually testing heading mark-up using the Edge inspect tool.
Manually testing heading mark-up using the Edge inspect tool.

Method 2: Use a tool

  1. The Accessibility Insights for Web tool can show where headings are.
  2. In the extension, click "ad-hoc tools" and enable headings.
  3. Text on the page will now appear with its heading tag.
Checking heading levels using the Accessibility Insights for Web tool.
Checking heading levels using the Accessibility Insights for Web tool.

 

Last updated