WCAG 2.4.6 Titluri și etichete

Criteriul de succes 2.4.6 îi ajută pe utilizatori să înțeleagă ce conține o pagină și să găsească partea de care au nevoie. Utilizatorii de cititoare de ecran sar de la un titlu la altul, persoanele cu dizabilități cognitive se bazează pe titluri clare pentru a urmări structura, iar oricine completează mai repede un formular când etichetele câmpurilor spun exact ce se așteaptă. Este de nivelul AA și face parte din EN 301 549 (clauza 9.2.4.6). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Titlurile și etichetele descriu subiectul sau scopul.

Detalii importante de la W3C:

• criteriul nu cere existența titlurilor sau a etichetelor — cere ca cele prezente să fie descriptive;
• o etichetă este un text afișat tuturor utilizatorilor care identifică o componentă (nu doar elementul HTML <label>);
• etichetele pot fi scurte, atât timp cât identifică clar conținutul;
• titlurile și etichetele trebuie, de asemenea, marcate corect, astfel încât tehnologia asistivă să le poată găsi — această parte ține de 1.3.1 Informații și relații.

Greșeli tipice într-un magazin online

• titluri de secțiune vagi, precum „Mai mult”, „Info” sau „Secțiunea 2”, pe o pagină de produs;
• mai multe titluri identice („Detalii”) pe aceeași pagină, care acoperă lucruri diferite;
• câmpuri de formular etichetate „Nume” când prenumele și numele sunt separate sau „Număr” fără nicio indicație dacă este vorba de telefon sau de numărul casei;
• un câmp pentru cupon etichetat doar „Cod”;
• titluri folosite pentru aspect — un text mare precum „Livrare gratuită!” marcat ca <h2>, în timp ce titlurile reale ale secțiunilor sunt simplu text în <div>.

Cum se verifică

Automat: nu există o regulă axe-core pentru acest criteriu. Un program poate detecta că există un titlu sau o etichetă, dar nu dacă descrie conținutul, așa că este nevoie de o verificare manuală. Problemele conexe, precum etichetele lipsă din formulare (1.3.1, 4.1.2) și nivelurile de titlu sărite (bună practică), sunt raportate de verificatorul nostru prin regulile lor din biblioteca de reguli.

Manual: afișați lista titlurilor unei pagini (lista de titluri a unui cititor de ecran sau o extensie de browser face acest lucru). Citiți-le separat: oferă o structură a paginii? Apoi parcurgeți fiecare formular — newsletter, cont, finalizarea comenzii — și citiți fiecare etichetă fără să vă uitați la câmp. Ați ști ce să introduceți?

Cum se remediază

• Scrieți titluri care numesc conținutul: „Mărime și croială”, „Livrare și retururi”, „Recenzii ale clienților (24)”.
• Păstrați un singur <h1> pe pagină, care corespunde subiectului principal al paginii, și imbricați logic h2/h3.
• Faceți etichetele specifice: „Adresă de e-mail”, „Număr de telefon (pentru curier)”, „Cod de reducere”.
• Folosiți elemente de titlu reale pentru titlurile secțiunilor și text simplu stilizat pentru decor.

Criterii conexe

• 2.4.2 Titlul paginii — titlul paginii trebuie să fie descriptiv.
• 2.5.3 Eticheta în nume — eticheta vizibilă trebuie să se regăsească în numele accesibil.
• 2.4.1 Ocolirea blocurilor — titlurile îi ajută pe utilizatori să sară peste conținutul repetat.

Întrebări frecvente

Cere WCAG 2.4.6 titluri pe fiecare pagină?

Nu. W3C precizează că 2.4.6 nu cere titluri sau etichete. Cere ca titlurile și etichetele existente să descrie subiectul sau scopul. Alte criterii, cum ar fi 1.3.1 și 3.3.2, stabilesc când sunt necesare structura și etichetele.

Cere WCAG o ordine strictă a titlurilor?

WCAG 2.2 nu are niciun criteriu de succes care să interzică sărirea nivelurilor de titlu. O ordine logică (h1, apoi h2, apoi h3) este o bună practică importantă, iar verificatorul nostru raportează nivelurile sărite ca problemă de bună practică, nu ca încălcare a criteriului 2.4.6.

Ce este o etichetă în WCAG?

Un text sau o altă componentă cu alternativă text, afișată tuturor utilizatorilor pentru a identifica o componentă, de exemplu textul vizibil de lângă un câmp de formular. Nu se limitează la elementul HTML label.