Paleta exprimă identitatea, nu trebuie să ascundă sensul
Să ne imaginăm o listă de solicitări: una are un punct verde, alta unul portocaliu. Designerul știe ce înseamnă. Vizitatorul trebuie să ghicească: solicitarea a fost primită, verificată sau rezolvată? Problema nu ține doar de percepția culorilor, ci și de lipsa explicației. Criteriul WCAG 1.4.1 cere ca informația să nu depindă exclusiv de culoare. Un început practic este inventarierea locurilor în care schimbarea nuanței schimbă sensul, urmată de descrierea acelui sens în cuvinte simple. Un degradeu decorativ poate rămâne decorativ; starea unei plăți nu poate fi tratată la fel.
O eroare trebuie să indice ce poate fi corectat
Un chenar roșu arată unde există o problemă, dar nu explică soluția. Într-un formular imaginar de programare, mesajul „Alege o dată ulterioară zilei de azi”, afișat lângă câmp, oferă o direcție concretă. O pictogramă poate atrage atenția, însă nu înlocuiește explicația. Nici câmpurile obligatorii nu ar trebui marcate doar prin culoare: cuvântul „obligatoriu” sau un simbol explicat înaintea formularului elimină ambiguitatea. Mesajul trebuie asociat și programatic cu acel câmp. Indiciul vizibil și accesul tehnologiilor asistive sunt două componente distincte; o descriere ascunsă nu ajută persoana care vede ecranul, dar nu diferențiază nuanțele.
O stare are nevoie de un nume
Într-un card de comandă, punctul colorat poate apărea lângă textul „În așteptarea confirmării”. După actualizare, textul devine „Confirmată”. Utilizatorul nu mai trebuie să memoreze o legendă de culori. Dacă schimbarea se produce fără reîncărcarea paginii, echipa verifică separat dacă este comunicată adecvat tehnologiilor asistive. Nu orice modificare cosmetică are nevoie de un anunț urgent. Pentru un comutator sau o opțiune selectată, indiciul vizual trebuie să corespundă stării programatice. Un mesaj afișat în altă parte a paginii nu repară un control care, tehnic, rămâne neselectat. Verificarea include și revenirea la starea anterioară.
Graficul nu trebuie să devină un joc de potrivire
Într-un grafic ipotetic al solicitărilor din două canale, seriile pot fi diferențiate prin marcatori de forme diferite și etichete lângă linii, nu doar prin albastru și verde. Când liniile se intersectează, o legendă îndepărtată obligă privirea să alterneze permanent între nume și date. Concluzia principală poate fi explicată sub grafic, iar valorile exacte pot fi oferite într-un tabel accesibil. Hașurile ajută la distingerea suprafețelor, dar prea multe modele produc aglomerație. Folosiți numai indiciile necesare comparației respective. O paletă nouă nu face singură accesibilă o imagine de grafic care nu are și o explicație textuală potrivită.
Contrastul și înțelesul sunt verificări diferite
Un verde mai închis poate fi mai ușor de observat pe un fundal deschis, fără să explice ce reprezintă. Contrastul ajută la identificarea semnului; eticheta ajută la înțelegerea lui. WCAG 1.4.11 tratează separat contrastul informației vizuale importante care nu este text. Practic, verificăm contururile necesare, indicatorii și părțile semnificative ale graficii, nu adăugăm automat chenare tuturor componentelor. Textul are cerințe proprii. O pictogramă foarte vizibilă poate rămâne ambiguă, iar o explicație bună poate fi prea palidă. Rezolvarea uneia dintre probleme nu o compensează pe cealaltă, mai ales în stările afișate numai după o interacțiune.
Testați parcursul, nu doar captura de ecran
Treceți temporar macheta în tonuri de gri și încercați să identificați o eroare, planul selectat și o sarcină finalizată. Este o metodă rapidă de a descoperi dependența de culoare, nu o dovadă de conformitate WCAG și nici o simulare exactă a tuturor particularităților vederii. Continuați cu scenariul real, folosind tastatura; verificați numele și stările controalelor, lizibilitatea mesajelor și contrastele necesare. Rugați o persoană care vede interfața pentru prima dată să explice marcajele fără ajutor. Înainte de implementare, documentați ce text, simbol și stare programatică însoțesc fiecare rezultat. Regula va rămâne utilă și la următoarea schimbare de paletă.
Citește și: navigarea cu tastatura și indicatorul de focalizare vizibil