How to fix html has lang on OpenCart

Steps for OpenCart

1. In your OpenCart admin, go to System → Settings → Store and ensure the Language is correctly set.
2. Open your active theme's main template file, typically catalog/view/theme/[your-theme]/template/common/header.twig.
3. Find the `<html>` tag and update it to: `<html lang="{{ lang }}">` (OpenCart passes a lang variable to templates).
4. Save and verify via View Source.

What is html has lang?

Every HTML page should declare its primary language in the opening `<html>` tag using a `lang` attribute — for example, `<html lang="en">` for English. This single attribute tells browsers, screen readers, and search-engine crawlers what human language the page content is written in. WCAG Success Criterion 3.1.1 ("Language of Page") requires it. A common mistake is using the XML version (`xml:lang`) instead of the standard HTML `lang` attribute — only `lang` is valid in HTML documents.

Screen readers use the `lang` attribute to select the correct pronunciation engine and voice profile; without it, a visually-impaired customer may hear your entire site read aloud in the wrong language, making it effectively unusable. This is a Level A WCAG violation — the lowest bar for accessibility compliance — and is frequently cited in accessibility audits and legal complaints under the ADA, the European Accessibility Act, and equivalent laws worldwide, exposing you to real legal and financial risk. Search engines also use the declared language to serve your pages to the right audiences, so a missing or wrong `lang` value can quietly undermine your international SEO. Fixing it takes less than five minutes and has zero negative side effects.

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