WCAG 3.1.1 Limba paginii

Criteriul de succes 3.1.1 permite browserelor, cititoarelor de ecran și instrumentelor de traducere să știe în ce limbă este scrisă o pagină. Astfel, cititorul de ecran alege vocea și pronunția potrivite, iar afișajele Braille și subtitrările folosesc regulile corecte. Fără el, o pagină de produs în germană poate fi citită cu pronunție englezească și devine greu de înțeles. Este de nivelul A, iar EN 301 549 îl include drept clauza 9.3.1.1; Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Limba umană implicită a fiecărei pagini web trebuie să poată fi determinată programatic — software-ul trebuie să o poată citi din cod. În HTML, acest lucru se face cu atributul lang pe elementul <html>, de exemplu <html lang="pl">.

Când o pagină conține mai multe limbi, limba implicită este cea folosită cel mai mult. Dacă două limbi sunt folosite în egală măsură, este cea folosită prima. Criteriul nu are excepții, dar cere doar limba implicită a paginii; expresiile individuale în alte limbi sunt acoperite de 3.1.2.

Greșeli tipice într-un magazin online

• șablonul temei nu are deloc atributul lang;
• fiecare versiune lingvistică a magazinului declară lang="en", deoarece atributul este scris direct în temă;
• o valoare invalidă, cum ar fi lang="english" sau lang="ua" (codul pentru ucraineană este uk);
• lang și xml:lang de pe același element indică limbi diferite;
• paginile de comandă sau de cont, servite de o altă aplicație sau de un alt șablon, care omit atributul.

Cum se verifică

Automat: verificatorul nostru testează acest lucru pe fiecare pagină scanată cu regulile html-has-lang, html-lang-valid și html-xml-lang-mismatch: atribut lipsă, o valoare care nu este un cod de limbă valid și o nepotrivire între lang și xml:lang.

Manual: deschideți fiecare versiune lingvistică a magazinului și vizualizați sursa paginii (sau panoul Elements din instrumentele pentru dezvoltatori). Confirmați că valoarea lang corespunde limbii pe care vizitatorii o citesc efectiv. Faceți la fel pentru paginile de comandă, de cont și de ajutor, care folosesc adesea alte șabloane.

Cum se remediază

• Adăugați lang pe elementul <html> în layoutul temei, folosind un cod de limbă valid (en, de, pl, uk, cs, ro…). Un subcod de regiune, cum ar fi en-GB, este permis, dar nu obligatoriu.
• În magazinele multilingve, generați valoarea din limba curentă a magazinului în loc să o scrieți direct în cod. Temele Shopify, WooCommerce și PrestaShop au de obicei o variabilă pentru acest lucru.
• Verificați ca și aplicațiile și paginile de comandă ale terților să seteze atributul.

Criterii conexe

• 3.1.2 Limba părților — expresiile în altă limbă din interiorul paginii.
• 2.4.2 Titlul paginii — o altă setare la nivel de pagină, verificată pe fiecare pagină.
• Lista de verificare WCAG 2.2 — toate criteriile de nivel A și AA într-o singură listă.

Întrebări frecvente

Cum îndepliniți WCAG 3.1.1?

Setați atributul lang al elementului html la limba principală a paginii, de exemplu lang="de" pentru o pagină în germană. Fiecare versiune lingvistică a magazinului trebuie să își declare propria limbă.

Ce se întâmplă dacă o pagină folosește două limbi?

Limba implicită este cea folosită cel mai mult pe pagină. Pasajele în altă limbă sunt tratate de 3.1.2 Limba părților.

Poate un verificator automat să testeze 3.1.1?

În mare parte. Poate vedea dacă atributul lang lipsește sau este invalid. Nu își poate da seama dacă limba declarată este cea în care este scris efectiv textul, așa că un om ar trebui să arunce o privire.