Why We Replaced Shopify Horizon’s Hidden Homepage H1 (opens in a new tab)

From the article

Shopify’s Horizon themes give the home page an H1 even when you have not added one to the visible layout. By default, the heading contains the store name and is visually hidden: {%- if request . page_type == 'index' -%} <h1 class="visually-hidden"> {{ shop . name }} </h1> {%- endif -%} The default H1 is not a bug. It gives the page a main heading in its document structure, and screen readers can still access it. But a store name does not always explain what an unfamiliar business offers. On the…

Related items