WCAG 1.3.3 Caracteristici senzoriale

Criteriul de succes 1.3.3 asigură că oamenii pot urma instrucțiunile chiar dacă nu pot vedea forma, culoarea, mărimea sau poziția unui element ori nu pot auzi un sunet. Printre ei se numără utilizatorii de cititoare de ecran, persoanele cu deficiențe de vedere a culorilor și cei care folosesc un layout mărit sau readaptat, în care „în dreapta” nu mai este în dreapta. Este de nivelul A și face parte din EN 301 549 (clauza 9.1.3.3). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Instrucțiunile pentru înțelegerea și utilizarea conținutului nu trebuie să se bazeze exclusiv pe caracteristicile senzoriale ale componentelor, precum:

• forma („apăsați butonul rotund”);
• culoarea („câmpurile cu roșu sunt obligatorii”);
• mărimea („faceți clic pe butonul mare”);
• poziția vizuală sau orientarea („folosiți meniul din stânga”);
• sunetul („continuați când auziți semnalul sonor”).

Instrucțiunea poate menționa aceste caracteristici, dar trebuie să ofere și ceva ce nu depinde de un simț — de obicei numele sau eticheta vizibilă a elementului.

WCAG precizează că cerințele complete privind culoarea se află în Ghidul 1.4.

Greșeli tipice într-un magazin online

• „Faceți clic pe butonul verde pentru a finaliza comanda”;
• „Folosiți săgețile din dreapta pentru a vedea mai multe produse” la un carusel;
• „Câmpurile obligatorii sunt marcate cu roșu”, fără niciun alt indiciu;
• „Atingeți pictograma de sus pentru a deschide coșul”, când pictograma nu are nume;
• un sunet care confirmă o acțiune, fără un mesaj text.

Cum se verifică

Automat: nicio regulă automată a verificatorului nostru nu corespunde acestui criteriu. Găsirea instrucțiunilor care se bazează pe formă sau poziție presupune citirea și înțelegerea textului. Este nevoie de o verificare manuală.

Manual: căutați în șabloane, în pagina de finalizare a comenzii, în formulare, în paginile de ajutor și în mesajele de eroare cuvinte precum „stânga”, „dreapta”, „mai sus”, „mai jos”, „rotund”, „pătrat”, „verde”, „roșu”, „mare”, „pictogramă” și „auziți”. Pentru fiecare potrivire verificați că elementul este identificat și prin numele sau eticheta lui.

Cum se remediază

• Numiți elementul: „Selectați Plasează comanda” în loc de „faceți clic pe butonul verde”.
• Combinați indiciile: „Câmpurile obligatorii sunt marcate cu un asterisc (*) și cu cuvântul obligatoriu”.
• Dați butoanelor-pictogramă o etichetă text sau un nume accesibil și folosiți acel nume în instrucțiuni.
• Însoțiți sunetele de un mesaj text vizibil.

Criterii conexe

• 1.4.1 Utilizarea culorii — culoarea ca unic indiciu vizual.
• 1.3.1 Informații și relații — structura și etichetele în cod.
• 1.3.2 Secvență cu sens — ordinea de citire.

Întrebări frecvente

Mai pot scrie „butonul din dreapta”?

Da, atâta timp cât instrucțiunea numește și butonul, de exemplu „Selectați Continuare, butonul din dreapta”. Poziția poate fi un ajutor suplimentar, dar nu singura modalitate de a-l găsi.

Sunt permise „mai sus” și „mai jos”?

În limbile în care „mai sus” înseamnă mai devreme, iar „mai jos” mai târziu în conținut, expresii precum „vedeți linkurile de mai jos” sunt în regulă dacă respectivul conținut chiar se află în acel loc în ordinea de citire și trimiterea este clară.

Prin ce se deosebește 1.3.3 de 1.4.1 Utilizarea culorii?

1.3.3 se referă la instrucțiunile care se bazează doar pe caracteristici senzoriale, inclusiv culoarea. 1.4.1 acoperă orice utilizare a culorii ca unic mijloc vizual de a transmite informații, nu doar în instrucțiuni.