WCAG 3.2.4 Identificare consecventă

Criteriul de succes 3.2.4 le permite oamenilor să învețe un site o singură dată. Utilizatorii de cititoare de ecran se bazează pe numele accesibile, iar persoanele cu dizabilități cognitive sau de învățare se bazează pe recunoașterea cuvintelor și a pictogramelor. Dacă același buton de căutare se numește „Căutare” pe o pagină și „Găsește” pe alta, ei pot crede că este o funcție diferită. Este de nivelul AA și apare în EN 301 549 drept clauza 9.3.2.4; Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Componentele care au aceeași funcționalitate într-un set de pagini web trebuie să fie identificate în mod consecvent. „Aceeași funcționalitate” înseamnă că rezultatul folosirii componentei este același. Identificarea include eticheta vizibilă, pictograma și textul alternativ sau numele accesibil.

Precizări din documentul W3C Understanding:

• consecvent nu înseamnă identic; formularea se poate adapta contextului, atât timp cât funcția rămâne recognoscibilă;
• componentele care fac lucruri diferite nu trebuie etichetate la fel;
• criteriul se aplică doar componentelor care se repetă efectiv pe mai multe pagini.

Greșeli tipice într-un magazin online

• „Adaugă în coș” pe paginile de produs și „Cumpără” pe paginile de categorie pentru aceeași acțiune, cu nume accesibile diferite;
• pictograma coșului are textul alternativ „Coș” într-un șablon și „Sacoșă” sau niciun nume în altul;
• câmpul de căutare este etichetat „Căutare” în antet și „Găsiți produse” în meniul mobil, cu pictograme diferite;
• același link „Descarcă factura” folosește o pictogramă de imprimantă într-un loc și una de document în altul;
• eticheta vizibilă rămâne aceeași, dar aria-label diferă de la o pagină la alta.

Cum se verifică

Automat: verificatorul nostru nu are nicio regulă pentru acest criteriu. Poate raporta nume lipsă (vedeți 4.1.2), dar pentru a decide că două componente au aceeași funcție este nevoie de un om.

Manual: faceți o listă cu componentele care apar pe multe pagini: căutare, coș, cont, listă de dorințe, „Adaugă în coș”, abonare la newsletter, selector de limbă. Pe mai multe tipuri de pagini, comparați eticheta vizibilă, pictograma și numele accesibil (inspectați elementul sau folosiți un cititor de ecran). Notați-le pe cele care diferă pentru aceeași funcție.

Cum se remediază

• Definiți etichetele o singură dată în textele de traducere ale temei și reutilizați-le în fiecare șablon.
• Folosiți un singur set de pictograme și același text alternativ pentru fiecare funcție.
• Păstrați valorile aria-label sincronizate cu etichetele vizibile și începeți numele accesibil cu textul vizibil.
• Când aplicațiile adaugă butoane proprii, redenumiți-le pentru a corespunde formulărilor temei.

Criterii conexe

• 3.2.3 Navigare consecventă — navigarea repetată în aceeași ordine.
• 2.5.3 Eticheta în nume — numele accesibil conține eticheta vizibilă.
• 4.1.2 Nume, rol, valoare — fiecare control are un nume.

Întrebări frecvente

Trebuie ca etichetele să fie identice cuvânt cu cuvânt?

Nu. WCAG precizează că „consecvent” nu înseamnă „identic”. Etichetele trebuie să arate clar că este vorba de aceeași funcție; de exemplu, „Adaugă în coș” și „Adaugă în coș: geacă albastră” sunt consecvente.

Se aplică 3.2.4 și pictogramelor?

Da. Și pictogramele, împreună cu textele lor alternative, identifică componentele. O pictogramă de sacoșă pentru coș pe o pagină și o pictogramă de cărucior cu alt text alternativ pe alta pot încălca criteriul.

Poate un verificator automat să testeze 3.2.4?

Nu. Pentru a decide dacă două componente au aceeași funcție este nevoie de un om, așa că este o verificare manuală pe mai multe pagini.