Kilotest: Diagnoses of heading level skipped violation by HTML element 254 on Go Portland Go! Coalition page

Basics

About the Go Portland Go! Coalition page

About HTML element 254

About the heading level skipped issue

Diagnoses

Here is how rule engines diagnose the heading level skipped issue for HTML element 254 of the Go Portland Go! Coalition page.

  1. Heading levels should only increase by one; Heading order invalid

    Tool: Axe (Deque)

    Rule: heading-order

  2. <p>Headings and subheadings create a <a href="https://www.w3.org/WAI/tutorials/page-structure/headings/" target="_blank" title="Opens in new tab">navigable table of contents</a> for assistive devices. The numbers indicate indents in a nesting relationship:</p> <ul> <li>Heading level 1 <ul> <li>Heading level 2: a topic <ul><li>Heading level 3: a subtopic</li></ul></li> <li>Heading level 2: a new topic</li> </ul> </li> </ul> <p>This heading skipped from level 1 to level 3. From a screen reader, this sounds like content is missing.</p> <p><strong>To fix:</strong> adjust levels to form an accurate outline, without gaps.</p>

    Tool: Editoria11y (Princeton University)

    Rule: headingLevelSkipped

  3. Skipped heading level

    Tool: WAVE (Utah State University)

    Rule: heading_skipped