Kilotest: Diagnoses of heading abnormally long
violation by HTML element 640 on The Beauty Shop page
Basics
About the The Beauty Shop page
- URL: https://www.thebeauty-shop.com/
- Tested 16 days ago by job
ajzon 2026-07-04 at 23:17
About HTML element 640
- Tag name:
H2 - Text:
“Our brand now reflects our identity in a way that resonates with both our team and the community we serve. Their work not only elevated our brand but also strengthened how we communicate our mission.”
- Start tag:
<h2 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.6s; transition-delay: 0.109565s;" class="preSlide"> - XPath:
[not obtained] - Bounding box: x = 212, y = 3222, width = 510, height = 248
About the heading abnormally long
issue
- Why it matters: User has difficulty understanding the topic of a part of the document
- Priority: lowest
- Related WCAG standard: 1.3.1
Diagnoses
Here is how rule engines diagnose the heading abnormally long
issue for HTML element 640 of the The Beauty Shop page.
- <p>Headings should be brief and clear. Assistive devices use them as 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 the page. 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><strong>To fix:</strong> shorten this heading if possible, or remove the heading style if it was only applied to this text to provide visual emphasis.</p>
Tool: Editoria11y (Princeton University)
Rule:
headingIsLong