Kilotest: Diagnoses of heading level skipped violation by HTML element 698 on The Beauty Shop page

Basics

About the The Beauty Shop page

• URL: https://www.thebeauty-shop.com/
• Tested 16 days ago by job ajz on 2026-07-04 at 23:17

About HTML element 698

• Tag name: H4
• Text: our latest projects
• Start tag: <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.6s; transition-delay: 0.130435s;" class="preFade">
• XPath: [not obtained]
• Bounding box: x = -9757, y = 3972, width = 107, height = 16

Take me there

About the heading level skipped issue

• Why it matters: Helper misdescribes the document
• Priority: low
• Related WCAG standard: 1.3.1

Diagnoses

Here is how rule engines diagnose the heading level skipped issue for HTML element 698 of the The Beauty Shop 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 2 to level 4. 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. The heading h4 (with computed level 4) follows the heading h2 (with computed level 2), skipping 1 heading level.

   Tool: Html Checker API (World Wide Web Consortium)