How to fix valid lang on Shopify

Steps for Shopify

1. Go to Online Store → Themes → click 'Edit code' on your active theme.
2. Open layout/theme.liquid (this file contains your <html> tag).
3. Find the opening <html> tag — it usually looks like <html class="..."> — and add or correct the lang attribute: <html lang="{{ request.locale.iso_code }}">. Shopify's request.locale.iso_code outputs a valid BCP 47 code automatically for each active locale.
4. Click Save.
5. For inline foreign-language passages in product descriptions or page content, edit the HTML directly in the rich-text editor (click the </> source button) and add lang="fr" (or the correct code) to the wrapping <span> or <p> tag.
6. If you use Shopify Markets with multiple languages, verify the above Liquid variable is present — it ensures every translated storefront gets the correct lang value without any further changes.

What is valid lang?

Every HTML page has a primary language declared on its `<html>` tag (e.g. `lang="en"` for English). When a block of text on that page is written in a different language — a French product description on an English store, for example — that element needs its own `lang` attribute with a valid language code so assistive technology knows to switch pronunciation rules. The "valid-lang" rule fires when a `lang` attribute exists on an element but contains an unrecognised or misspelled value (e.g. `lang="english"` instead of `lang="en"`, or `lang="en_US"` instead of `lang="en-US"`). Valid codes follow the BCP 47 standard: a two- or three-letter primary subtag (`en`, `fr`, `de`, `zh`) optionally followed by a region subtag after a hyphen (`en-US`, `fr-CA`, `zh-Hant`).

Screen readers such as JAWS, NVDA, and VoiceOver use the `lang` attribute to select the correct text-to-speech voice and pronunciation engine. An invalid value means the reader either ignores the instruction or speaks the text with completely wrong phonetics, making your content incomprehensible to blind and low-vision shoppers. WCAG 2.1 Success Criterion 3.1.2 is a Level AA requirement, meaning failure can expose your store to accessibility lawsuits (ADA, Section 508, EU Accessibility Act). Beyond legal risk, Google uses language signals to serve your pages to the right regional audiences — incorrect or absent language markup can suppress your rankings in multilingual search results and reduce qualified organic traffic.

See the complete Valid lang guide for every platform and the full background.