Cerință WCAG A/AA Prioritate: Moderat
Pagina declară două limbi diferite
Eticheta <html> a paginii are atât atributul lang, cât și xml:lang, iar acestea indică limbi diferite, de exemplu lang="de" și xml:lang="en".
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Programele care citesc xml:lang pot trata o pagină în germană ca fiind în engleză. Cititoarele de ecran vor citi atunci denumirile produselor, prețurile și instrucțiunile de comandă cu pronunție greșită, iar instrumentele de traducere pot identifica greșit limba.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- persoanele care folosesc citirea cu voce tare sau traducerea automată
Cum se remediază
Asigurați-vă că ambele atribute indică aceeași limbă, de exemplu lang="pl" xml:lang="pl". Într-o pagină HTML5 obișnuită atributul xml:lang nu este necesar, așa că cea mai simplă soluție este să îl eliminați și să păstrați un lang corect. Verificați fiecare versiune lingvistică a magazinului: nepotrivirea apare adesea doar pe paginile traduse.
În Shopify
Rar în temele actuale. De obicei cauzat de un fișier de layout mai vechi sau mult personalizat, cu xml:lang scris fix, în timp ce lang vine din limba magazinului. Corectați sau eliminați xml:lang în fișierul Liquid de layout al temei.
În Shoptet (CZ)
Rar; dacă apare, provine din șablon sau dintr-o personalizare a antetului paginii. Cereți echipei Shoptet sau unui partener Shoptet să alinieze ori să elimine xml:lang.
În PrestaShop
De obicei în teme mai vechi sau personalizate, unde xml:lang este scris fix în șablonul de layout .tpl. Folosiți același cod ISO de limbă ca la lang sau eliminați atributul.
În WooCommerce
De obicei în teme mai vechi cu antet în stil XHTML, unde xml:lang este scris fix, sau când un plugin multilingv schimbă doar lang. Corectați eticheta <html> în șablonul de antet al temei copil, ideal afișând doar language_attributes().
Standarde
| Standard | Punct |
|---|---|
| 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 |
Verificare automată: regula axe-core html-xml-lang-mismatch.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Butoanele și linkurile sunt prea mici pentru a fi atinse ușor
WCAG 2.5.8 AA
-
Câmpurile din formulare nu au etichetă
WCAG 4.1.2 A
-
Unele grafice vectoriale nu au descriere text
WCAG 1.1.1 A
-
Unele titluri sunt doar text îngroșat sau mare
WCAG 1.3.1 A