Headings should not be empty
Log in (Premium content) Request a demo
When at least one heading element (marked by
<h1> through <h6>) is present, it is a best practice to ensure it contains content.
The Algorithm, in Simple Terms
Ensures that headings contain content and that this content is accessible by a screen reader.
Why this is Important
Screen readers alert users to the presence of a heading tag. If the heading is empty or the text cannot be accessed, this could either confuse users or even prevent them from accessing information on the page's structure.
How to Fix the Problem
It is a best practice to ensure all heading elements (those marked with
<h1>-<h6> elements) contain content. Furthermore, be sure that this content can be accessed by a screen reader; this means that the heading text must NOT be hidden (e.g. with
display: none or
- HTML 4
- HTML 5