Požadavek WCAG A/AA Priorita: Střední
Stránka uvádí dva různé jazyky
Značka <html> stránky má atribut lang i xml:lang a každý uvádí jiný jazyk, například lang="de" a xml:lang="en".
Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.
Proč na tom záleží vašim zákazníkům
Software, který čte xml:lang, může německou stránku považovat za anglickou. Čtečka obrazovky pak přečte názvy produktů, ceny a pokyny k objednávce se špatnou výslovností a překladače mohou jazyk určit chybně.
Koho se to týká
- nevidomí zákazníci
- uživatelé čteček obrazovky
- lidé, kteří používají předčítání nebo překladače
Jak to opravit
Zajistěte, aby oba atributy uváděly stejný jazyk, například lang="pl" xml:lang="pl". Na běžné stránce HTML5 není xml:lang potřeba, takže nejjednodušší je jej odstranit a ponechat správný lang. Zkontrolujte každou jazykovou verzi obchodu: nesoulad se často objevuje jen na přeložených stránkách.
V Shopify
V aktuálních šablonách vzácné. Obvykle jde o starší nebo silně upravený soubor layoutu s napevno zadaným xml:lang, zatímco lang se bere z jazyka obchodu. Opravte nebo odstraňte xml:lang v souboru layoutu Liquid šablony.
V Shoptet (CZ)
Vzácné; pokud se objeví, pochází ze šablony nebo z úpravy hlavičky stránky. Požádejte Shoptet nebo partnera Shoptet o sjednocení či odstranění xml:lang.
V PrestaShop
Obvykle ve starších nebo upravených motivech, kde je xml:lang napevno v šabloně layoutu .tpl. Použijte stejný ISO kód jazyka jako u lang, nebo atribut odstraňte.
V WooCommerce
Obvykle ve starších šablonách s hlavičkou ve stylu XHTML, kde je xml:lang zadán napevno, nebo když vícejazyčný plugin mění jen lang. Opravte značku <html> v šabloně hlavičky podřízené šablony (child theme), ideálně tak, aby vypisovala jen language_attributes().
Normy
| Norma | Bod |
|---|---|
| WCAG 2.2 | 3.1.1 (A) Language of Page |
| WCAG 2.1 | 3.1.1 (A) Language of Page |
| WCAG 2.0 | 3.1.1 (A) Language of Page |
| EN 301 549 4.1.1 | 9.3.1.1 |
| EN 301 549 3.2.1 | 9.3.1.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.3.1.1 |
Automatická kontrola: pravidlo axe-core html-xml-lang-mismatch.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Tlačítka a odkazy jsou příliš malé na pohodlné klepnutí
WCAG 2.5.8 AA
-
Pole formuláře nemají popisek
WCAG 4.1.2 A
-
Některé vektorové grafiky nemají textový popis
WCAG 1.1.1 A
-
Některé nadpisy jsou jen tučný nebo velký text
WCAG 1.3.1 A