a11y/html-lang

Dlaczego

Screen readers choose their pronunciation from lang; without it the text is read with the user's default voice and can be unintelligible. Browsers also use it for hyphenation, translation and font selection.

Poprawka

Put a BCP 47 language tag on the root element: <html lang="en">, <html lang="pl">. In Next.js set it in the root layout, in Astro in the layout, in SvelteKit in src/app.html. Mark passages in another language with their own lang.

Przykłady

<!-- bad -->
<html>
<!-- good -->
<html lang="en">

Źródła

• WCAG 2.2, Understanding SC 3.1.1 Language of Page
• MDN, the lang global attribute
• W3Schools, HTML style guide (language)

Przeczytaj w terminalu

npx github:dawidolko/frontend-skills explain a11y/html-lang