
Definiție
O zonă de atenție reprezintă o porțiune din interfața unui site sau aplicații web care este marcată vizual și semantic pentru a atrage atenția utilizatorului asupra unei informații importante, fără a fi intruzivă sau derutantă. Aceste zone sunt esențiale pentru orientare, în special pentru persoanele cu dizabilități cognitive, dificultăți de concentrare sau probleme de memorie de scurtă durată.
Este important ca zona de atenție să fie implementată în mod accesibil, folosind contraste clare, marcaje semantice și posibilitatea de a fi identificată de cititoarele de ecran sau alți asistenți tehnologici.
Caracteristici ale unei zone de atenție bine implementate
- Este evidențiată prin culoare, formă sau spațiere, dar fără a folosi doar culoarea ca unic indicator
- Este poziționată logic în pagină, în funcție de fluxul natural al conținutului
- Este marcată corect în cod (de exemplu, cu
role="alert"sauaria-live) dacă are caracter dinamic - Nu interferează cu navigarea sau citirea conținutului pentru utilizatorii cu dizabilități
Exemple concrete
- Un banner în partea de sus a paginii care anunță: „Program modificat pentru zilele de sărbătoare” – evidențiat cu fundal galben pal și pictogramă informativă
- O casetă de avertizare într-un formular care apare când datele nu sunt completate corect – marcată cu
aria-describedbypentru cititoare de ecran - O zonă centrală într-o pagină de onboarding care explică pașii următori, însoțită de o pictogramă și un chenar distinct
- Un element dinamic care notifică: „Ai adăugat produsul în coș” – afișat temporar, cu
aria-live="polite"pentru a fi anunțat vocal fără întrerupere bruscă
De ce este important?
- Ajută utilizatorii cu dificultăți cognitive să se orienteze și să ia decizii rapide
- Oferă sprijin în contexte în care timpul, atenția sau vizibilitatea sunt limitate (ex: pe mobil sau în medii aglomerate vizual)
- Contribuie la o experiență de navigare clară, previzibilă și fără confuzii pentru toți utilizatorii


