WCAG 1.3.1 (A)
The page has no h1
What this failure is
The h1 is the top-level heading of the page — its "headline". Screen reader users often press the H key or use the headings list to jump straight to the main content, bypassing menus and banners. When there is no h1 that jump lands on the first h2 or h3, and if there are none of those either, the user has to tab through the whole navigation to reach the content. Search engines also use the h1 as one signal for what a page is about, so a missing h1 can hurt ranking as well as accessibility. Most site templates include an h1 by default; when the scanner flags this rule the h1 has usually been styled away or replaced with a decorative <div> that looks like a heading but is not marked up as one.
Reference: WCAG 1.3.1 (A) — the authoritative spec.
Who it affects
- Screen reader users: Loses the reliable "jump to h1" shortcut for skipping over headers and menus; has to tab through 20-40 links before reaching the actual content.
- Users with reading disabilities: Extensions like Read Aloud and Mercury Reader use the h1 to identify article content; without it, the reader-mode fails or grabs the wrong text.
- SEO: Google uses the h1 as a strong signal for page topic; missing h1 is a lost opportunity, especially on product pages where the h1 should be the product name.
- Users of browser reader-mode: Safari and Firefox reader modes use heading hierarchy to render a clean version of the article; a page with no h1 often refuses to enter reader mode at all.
How to fix it
Concrete steps for the four platforms most small e-commerce sites run on. If you use a different stack, the underlying HTML change is the same.
Shopify
Product and collection pages should already have an h1 (the product/collection title) from the theme. If the scanner flags a page, it is usually a homepage or a custom-built landing page in the theme editor where a designer used a heading block styled as "Heading 2" or "Display Text" for the top-level headline. Edit the section in Online Store > Themes > Customize and change the Heading tag setting to h1. If your theme's homepage template does not expose that setting, edit sections/*.liquid to change the wrapping tag from <h2> to <h1>.
WooCommerce
WooCommerce product templates use the_title() with an h1 wrapper by default. Custom homepages built in Elementor, Divi or a block-editor template often accidentally use h2 for the main headline; edit the block, open the HTML tag dropdown in the block sidebar, and change it to H1. Only one h1 per page — if your header logo is currently an h1, demote it to a <div> or <p> when you promote the page headline.
Wix
In the Wix editor, click the top heading of the page, open the text-format panel, and use the Themed Text dropdown to select Heading 1 (H1). Wix distinguishes visual style from semantic tag: you can restyle H1 to look small and elegant using the Design panel while keeping it as H1 in the code. Every published page should have exactly one H1.
Squarespace
Click the top heading on the page, open the text toolbar, and choose Heading 1 from the paragraph-style dropdown (Squarespace labels styles as Heading 1, Heading 2, Heading 3, and Paragraph). If your site header includes the site title as an H1 already, then the page body should use H2 for its top heading; Squarespace's SEO report will flag pages missing an H1 so you can review them.
Notes
Some sites use the site logo as an h1 on every page; that is a legacy pattern from the early 2010s and is now discouraged because it means every page has the same h1. Prefer one unique h1 per page that describes the specific content.
Check your own site
Our accessibility statement scan is free and reports findings only — we do not certify sites.