Kilotest: Diagnoses of heading level skipped violation by HTML element 386 on Centre for Effective Altruism page

Basics

Tag name: H6
Text: “People involved in effective altruism tend to be especially earnest. They're not here to comment on the world or have ironic distance from the world. They are in the world, they love the world, they want to help the world.”
Start tag: <h6 class="css-sm3819-Type-root-Type-subtitle-StoryCard-quote" dir="auto" data-style="subtitle">
XPath: [not obtained]
Bounding box: x = 380, y = 2615, width = 320, height = 224

Here is how tools diagnose the heading level skipped issue for HTML element 386 of the Centre for Effective Altruism page.

Heading levels should only increase by one; Heading order invalid
Tool: Axe (Deque)

Rule: heading-order
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: <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> This heading skipped from level 2 to level 6. From a screen reader, this sounds like content is missing. To fix: adjust levels to form an accurate outline, without gaps.
Tool: Editoria11y (Princeton University)

Rule: headingLevelSkipped
The heading h6 (with computed level 6) follows the heading h2 (with computed level 2), skipping 3 heading levels.
Tool: Html Checker API (World Wide Web Consortium)
Skipped heading level
Tool: WAVE (Utah State University)

Rule: heading_skipped