Recommended practice Priority: Minor
A heading on the page is empty
The page contains a heading with no readable text, often left over from an empty section title, a theme block or an icon-only heading. This is a recommended practice, not a WCAG AA requirement.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Many screen reader users jump from heading to heading to get an overview of a page. An empty heading is announced as just "heading" with nothing after it, which is confusing and makes the page harder to follow.
Who is affected
- screen reader users
- people who navigate by headings
- blind people
How to fix it
Find the empty <h1>–<h6> elements (or elements with role="heading"). Either add meaningful text or remove the heading tag if the section has no title. If the heading contains only an image or icon, give the image alt text that works as the heading text. Do not hide heading text with display:none or aria-hidden.
On Shopify
Often caused by a section or block whose heading field was left blank while the theme still outputs an empty heading tag. Fill in the heading in the theme editor, or change the section's Liquid so the tag is rendered only when the field has text.
On Shoptet (CZ)
Usually comes from the template or an empty text block. Fill in or remove the block in the administration; if the heading is part of the template itself, ask Shoptet or a partner.
On PrestaShop
Often comes from a theme or module block with an empty title. Fill in the title in the module configuration or edit the .tpl file so the heading is printed only when there is text.
On WooCommerce
Often comes from page-builder heading widgets left empty or theme templates that print a title even when there is none. Delete the empty widget or adjust the template in a child theme.
Standards
Not a WCAG success criterion: a recommended practice that makes the site easier to use.
Automated check: axe-core rule empty-heading.
dequeuniversity.com, github.com, www.w3.org