How to fix html lang on Webflow

Steps for Webflow

1. In the Webflow Designer, open Project Settings (the gear icon at the top left).
2. Go to the General tab and find the Language field (or Locale settings if you are on a localization plan).
3. Set the primary language code (e.g., 'en'). Webflow injects this as the lang attribute on the <html> element automatically.
4. For multi-locale projects using Webflow Localization, each locale is assigned its own language code, which Webflow outputs on the <html> tag per locale automatically.
5. Publish your site and verify with View Source that <html lang="en"> (or your code) appears.

What is html lang?

Every web page starts with an opening `<html>` tag. Adding a `lang` attribute to it — for example, `<html lang="en">` for English — tells browsers, screen readers, and search engines what human language the page is written in. It is a one-line change in your theme or template, and it is one of the most foundational requirements of modern web standards. The value uses a standard two-letter (or extended) language code such as `en`, `fr`, `de`, `es`, `ja`, or `zh-Hans`.

Screen readers used by visually impaired shoppers rely on the `lang` attribute to choose the correct pronunciation engine — without it, your content may be read aloud in the wrong language, making your store inaccessible. Accessibility laws in many jurisdictions (ADA in the US, EN 301 549 in the EU, AODA in Canada) treat a missing `lang` attribute as a conformance failure, creating real legal exposure. Search engines also use this signal to understand which market a page targets, which influences how and where your pages appear in regional search results. Fixing it is a quick win that simultaneously reduces legal risk, improves usability for millions of shoppers with disabilities, and reinforces your international SEO targeting.

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