# <html>-elementillä on oltava lang-attribuutti

<https://www.fixreports.com/fi/issues/html-has-lang>

WCAG 3.1.1 Sivun kieli · Taso A

Sivu ei ilmoita kieltään, joten ruudunlukijat voivat lukea sen väärällä ääntämyksellä.

## Mitä tämä sääntö tarkistaa
Varmistaa, että jokaisella HTML-dokumentilla on lang-attribuutti.

## Miksi sillä on merkitystä
WCAG 3.1.1 edellyttää, että sivun kieli on määritetty.

## Miten se korjataan
### Millä tahansa sivustolla
1. Lisää <html> -elementtiin lang-attribuutti, esimerkiksi <html lang="en">.

### Shopifyssa
1. Varmista tiedostossa layout/theme.liquid, että aloitustagi on <html lang="{{ request.locale.iso_code }}">.

### WooCommercessa ja WordPressissä
1. Lisää <html> -elementtiin lang-attribuutti, esimerkiksi <html lang="en">.

## Miten korjaus tarkistetaan
- Skannaa uudelleen ja varmista, että sääntö html-has-lang läpäistään.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/html-has-lang
- Understanding WCAG 3.1.1: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/language-of-page