Cele patru principii WCAG
WCAG (Web Content Accessibility Guidelines) se bazează pe patru principii: perceptibilitate, operabilitate, inteligibilitate și robustețe. Acestea se aplică indiferent de limba conținutului. Perceptibilitatea înseamnă că toate informațiile pot fi percepute și de utilizatorii cu deficiențe de vedere sau auz. Operabilitatea asigură că toate funcțiile pot fi utilizate cu tastatura și fără restricții de timp. Inteligibilitatea impune un limbaj clar și o navigare consecventă. Robustețea garantează compatibilitatea cu tehnologiile asistive. Pentru site-urile web internaționale, aceste principii trebuie implementate în mod egal în fiecare versiune lingvistică.
Marcarea limbii cu atributul lang
Atributul lang din elementul HTML indică limba naturală a unei pagini sau a unei secțiuni. Cititoarele de ecran utilizează acest atribut pentru a selecta pronunția și intonația corectă. Pentru paginile multilingve, atributul lang trebuie setat corect pe pagina principală și la schimbările de limbă din text. De exemplu: <html lang=“de“> pentru germană și <span lang=“en“> pentru pasaje în engleză. Lipsa acestui atribut poate îngreuna semnificativ utilizarea paginii de către persoanele cu deficiențe de vedere. Prin urmare, verificați fiecare variantă lingvistică pentru atribuirea completă și corectă.
Contraste și culori
Contrastele suficiente între text și fundal sunt esențiale pentru lizibilitate. Nivelul AA al WCAG impune un raport de contrast de cel puțin 4,5:1 pentru text normal și 3:1 pentru text mare. Aceasta se aplică pentru toate limbile unui site web. Evitați diferențierile bazate exclusiv pe culoare pentru informare, deoarece utilizatorii daltonici nu le pot distinge. Utilizați în plus simboluri sau marcaje textuale. Schemele de culori ar trebui, de asemenea, verificate în toate versiunile locale, deoarece asociațiile culturale pot varia. Testați paginile cu instrumente de analiză a contrastului în timpul dezvoltării.
Operare prin tastatură
Toate elementele interactive trebuie să fie accesibile și operabile prin tastatură. Acest lucru include linkuri, butoane, câmpuri de formular și meniuri. Focalizarea trebuie să fie vizibilă, ideal printr-un cadru de focalizare clar. Evitați elementele care funcționează doar cu mouse-ul sau atingerea. În special la site-urile internaționale cu navigări complexe, operarea prin tastatură ar trebui testată în fiecare versiune lingvistică. Conținutul dinamic, cum ar fi ferestrele modale, trebuie să gestioneze corect focalizarea. Asigurați-vă că ordinea elementelor în DOM corespunde ordinii logice și nu este determinată doar de CSS.
Texte alternative în contexte multilingve
Textele alternative descriu imaginile pentru cititoarele de ecran și trebuie redactate în limba paginii înconjurătoare. În cazul site-urilor multilingve, aceasta înseamnă: fiecare imagine primește un text alternativ în versiunea lingvistică respectivă. Nu utilizați traduceri automate, ci creați descrieri potrivite pentru fiecare public țintă. Graficele cu text trebuie să redea textul conținut ca text alternativ. Imaginile decorative primesc un text alternativ gol (alt=““), pentru a fi ignorate de tehnologiile de asistare. Această abordare asigură că conținutul rămâne accesibil în toate limbile.