| Title | Inappropriate H1 Check |
|---|---|
| id | heading_04 |
| type | fals |
| elem | h1 |
| test | notOneh1 |
| score | 1 |
| level | A |
| trust | 1 |
| ref | H42 |
| scs | 1.3.1 |
| dis | 43353 |
| result | failed |
The "Inappropriate H1 Check" evaluates whether there are multiple <h1> elements.
I have identified 2 level 1 headings. There should be one.
- Visual Impairments: Screen readers often treat the first
<h1>as the title of the page. Multiple<h1>s can confuse the user about the primary topic, especially when navigating by headings or using a heading outline. Missing an<h1>altogether may cause users to think the page lacks structure or content. - Cognitive Disabilities: Heading hierarchy aids comprehension and orientation. Without a clear top-level heading (
<h1>), users may struggle to determine what the page is about, especially if the structure is otherwise inconsistent.
To address an inappropriate number of <h1> elements:
- Verify whether there are multiple or no
<h1>elements. - If there are multiple
<h1>elements, replace some of them by other heading levels (e.g.,<h2>), until there is only 1<h1>heading corresponding to the page title. - If there is no
<h1>element, add one describing the page purpose.