Recommended practice Priority: Moderate
The page has no main heading
The page has no top-level heading (H1) that names what it is about, for example the product name or category name. This is a recommended practice that goes beyond the WCAG 2.2 AA level the law relies on.
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 press one key to jump to the main heading and learn where they are. Without it they must guess from the menu and banners whether they reached the right product or category. A clear H1 also helps search engines understand the page.
Who is affected
- blind people using screen readers
- people with cognitive disabilities
- people who skim pages with reading tools
How to fix it
Give every page one <h1> that describes its content: the product name on product pages, the category name on category pages, "Cart" or "Checkout" on those steps. Use a real <h1> (not just large bold text) and do not make the logo the H1 on every page. Keep the visual style with CSS if needed.
On Shopify
Usually the product title, collection title or page title in the theme's section files uses a <div> or <h2>. Change it to <h1> in the matching section; on the home page add an h1 or make the first heading block an H1 if the theme allows.
On Shoptet (CZ)
Usually product and category names are H1 already; it is often missing on the home page or custom pages. Add a heading in the page content editor, or ask Shoptet or a partner about the template.
On PrestaShop
Usually the product or category name in the theme's .tpl templates is not an <h1>. Change the tag in the product and category templates of the theme or a child theme.
On WooCommerce
Usually the theme or page builder hides the page title or uses a smaller heading level. Re-enable the title or set the heading block to H1 in the builder; in a child theme, check the WooCommerce templates for product and archive titles.
Standards
Not a WCAG success criterion: a recommended practice that makes the site easier to use.
Automated check: axe-core rule page-has-heading-one.
dequeuniversity.com, github.com, www.w3.org