# Lang attribútum

> A teszt azt nézi, hogy a html elemen van-e érvényes lang attribútum. Írd be az oldal nyelvét, például <html lang="hu">.

A `lang` attribútum mondja meg, milyen nyelvű az oldal. Ebből választja ki a képernyőolvasó a kiejtést (magyar szöveget angol hangon felolvasva érthetetlen), és a böngésző is ebből tudja, mikor ajánljon fordítást. A WCAG 2.2 3.1.1-es sikerességi feltétele (Language of Page, A szint) azt kéri, hogy az oldal alapnyelve programozottan meghatározható legyen.

## Hogyan mérjük

A riport egy valódi böngészőben betölti az oldalt, és két Lighthouse-auditot futtat le (az axe-core szabályai; a riport Lighthouse 13.6 és axe-core 4.14 változattal dolgozik):

- `html-has-lang`: a `<html>` elemen van nem üres `lang` (vagy `xml:lang`) attribútum.
- `html-lang-valid`: az attribútum értéke érvényes nyelvkód.

Az érvényesség ellenőrzése a kötőjel előtti, elsődleges nyelvi részt nézi (a `hu-HU` esetén a `hu`-t), kis- és nagybetűre nem érzékenyen; a régiókódot nem vizsgálja.

- **Megfelelő:** egyik audit sem bukott, és legalább az egyik értékelhető volt.
- **Hiba:** bármelyik audit bukik: nincs `lang`, üres, vagy a nyelvkód ismeretlen (például `lang="magyar"`).
- **Nem értékelhető:** mindkét audit nem értékelhető.

Figyelmeztető szint nincs. A mérés azt nem tudja ellenőrizni, hogy a megadott nyelv megegyezik-e az oldal szövegének tényleges nyelvével; egy magyar oldalon a `lang="en"` is megfelel.

## Hogyan javítsd

Írd a `<html>` elemre az oldal nyelvét: magyar oldalnál `hu`, angolnál `en`, németnél `de`.

### HTML

```html title="HTML"
<html lang="hu">
```

### WordPress

Klasszikus témában a `header.php`-ben a `<html>` elemnél a `language_attributes()` függvényt használd:

```php title="header.php"
<html <?php language_attributes(); ?>>
```

Ha a függvény már szerepel, de az eredmény rossz, a WordPress Beállítások > Általános > Webhely nyelve mezőjét ellenőrizd. Többnyelvű oldalnál a többnyelvűségi bővítmény feladata a nyelvek szerinti `lang` érték beállítása.

## Hogyan ellenőrizd

1. Nézd meg az oldal forrását (a böngészőben `Ctrl+U`, Macen `Cmd+Option+U`): a `<html` sorban legyen `lang="…"`.
2. A riportban futtasd újra a mérést; a teszt ilyenkor megfelelő lesz.