Lang attribútum

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

<html lang="hu">

WordPress

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

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.