Whole page
Large text looks like a heading
WCAG 2.2 success criterion 1.3.1 Info and Relationships (Level A)
- WCAG 2.2
- 1.3.1 Info and Relationships
- Level
- A
- Default severity
- Needs review
- Available in
- Free
Updated for Lumtera 1.3.0 and Lumtera Pro 1.2.0.
Why does it matter?
Success criterion 1.3.1 asks that text which looks like a heading is marked up as one, so people can jump to it with a screen reader. This short line is much larger than the text around it, but it is not a heading. A slogan or a statistic is fine.
Who it affects: Keyboard, screen reader and low-vision users — every visitor meets the page title, language, landmarks, keyboard focus, target sizes and zoom settings on every page.
What does Lumtera flag?
A short line much larger than the text around it that is not a heading. For review: a slogan or a statistic is fine.
Check ID page-heading-styled, as shown in review mode and saved results.
How do I fix it in WordPress?
If this line introduces a section, make it a real heading: turn it into a Heading block, and style that heading as you like. If it is a slogan or a decoration, dismiss this item.
Example
<p style="font-size: 32px">Our services</p>
<h2>Our services</h2>
How do I check the fix?
- Reload the page in review mode and run the Whole page tab again. The finding disappears once the rendered page passes.
- Load the page and press Tab: a "Skip to content" link should appear first, and you should always see where focus is, even under a sticky header. Pinch-zoom on a phone, and check the browser tab shows a meaningful title.
Check your pages with Lumtera
This check is free. Open any post, choose Accessibility in the admin bar, then the Whole page tab: Lumtera checks the page as your browser renders it, theme, menus and footer included, one page at a time. Lumtera Pro's Page checks screen (Lumtera → Checks → Page checks) runs this check on every page you select.
Related checks
-
WCAG 1.3.1 · AError
Heading is empty
-
WCAG 1.3.1 · ANeeds review
Heading level is skipped
-
WCAG 1.3.1 · ATip
Content uses an H1 heading
-
WCAG 1.3.1 · ATip
Bold text may be a heading
-
WCAG 1.3.1 · ATip
Heading is very long
-
WCAG 4.1.2 · AError
Form field has no label
Start with the free plugin today
All 88 content checks and 38 whole-page checks, fixes you approve with undo, and the site report — free, with no account and no page limits.