Începeți cu acțiunile ușor de confundat
Deschiderea unui produs și adăugarea lui la comparație sunt intenții diferite. Pe telefon, comenzile corespunzătoare ajung uneori aproape lipite. Înainte de schimbarea designului, notați asemenea perechi: căutare și închidere, imaginea precedentă și următoarea, plus și minus. Evaluați perechea, nu doar fiecare pictogramă. Dacă o atingere obișnuită cere să țintiți atent, merită revăzută aranjarea.
Simbol mic, suprafață activă suficientă
O pictogramă discretă poate sta într-un buton mai generos. Spațiul adăugat trebuie să reacționeze efectiv la apăsare, nu să fie doar o margine decorativă. Zonele active învecinate nu trebuie să se suprapună. Criteriul 2.5.8 din WCAG 2.2, nivel AA, stabilește minimum 24 × 24 pixeli CSS, cu excepții definite. Acest prag nu este o rețetă universală pentru un meniu confortabil.
Simplificați înainte să măriți
Dacă toate acțiunile nu încap, nu le micșorați la nesfârșit. Păstrați vizibilă acțiunea principală și mutați operațiile rare într-un meniu secundar denumit clar. Mențineți numele secțiunii curente și o cale evidentă de întoarcere. Verificați traducerile reale: o etichetă scurtă din machetă poate ascunde dificultăți în altă limbă.
Verificați schimbarea în context
Testați afișarea normală și mărită, un ecran îngust și tastatura de căutare deschisă. Atingeți marginea butonului, spațiul dintre comenzi și eticheta. Rezultatul trebuie să fie clar, fără navigare accidentală. Parcurgeți interfața și cu Tab: o suprafață tactilă mare nu garantează accesibilitatea prin tastatură. Notați ecranele și metodele de introducere verificate. Examinarea câtorva butoane nu reprezintă un audit complet de accesibilitate.
Continuați cu focalizarea vizibilă și navigarea prin tastatură.