Potential headings
Silktide looks for text that appears to be a heading - short and displayed in large type - but is not marked as one in the page's code. Text that only looks like a heading works for sighted visitors but is invisible as a heading to everyone else.
This is an assisted check: Silktide cannot know for certain that large text was meant to be a heading, so it reports likely candidates for you to confirm.
<!-- Problem: styled like a heading, but just a paragraph in the code -->
<p style="font-size: 30px">Our services</p>
<!-- Fixed: a real heading, styled however you like -->
<h2 style="font-size: 30px">Our services</h2>
Why this matters
Headings do more than look big. People using routinely pull up a list of a page's headings, or jump from heading to heading, to find the section they want - one of the main ways a long page stays usable without sight. Text that is only styled to look like a heading never appears in that outline, so whole sections of your page effectively vanish. Search engines read heading structure the same way, so real headings help your ranking too.
How to fix it
- If the text is genuinely a heading, change its element to the appropriate
heading tag (
<h1>through<h6>) matching its place in the page's outline, and keep the visual style in . - If the text is not a heading - a pull quote or a large promotional line, for example - no change is needed; you can the finding.
How Silktide tests this
- Examine the visible text on each page, skipping text already inside a heading element.
- Consider text a potential heading when it is displayed at 24 pixels or larger and is 80 characters or shorter.
- Skip text that is hidden, shown only to screen readers, or displayed in a symbolic icon font.
- Report each candidate for you to review.
Troubleshooting
Large text is flagged that isn't a heading
Silktide judges by size and length, so prominent text such as banner slogans or prices can be flagged. If it isn't a heading, approve the finding.