Categorii: Nivel AA
Ce înseamnă acest criteriu?
WCAG 1.4.10 – Reflow solicită ca toate informațiile și funcționalitățile unei pagini să fie accesibile fără scroll orizontal atunci când ecranul este redimensionat, cum se întâmplă pe mobil sau la zoom mare.
Mai precis, conținutul trebuie să poată fi vizualizat fără scroll lateral:
- la zoom de 400%, pe o fereastră de 1280px
- pe ecrane de 320px lățime (standard smartphone)
De ce este important?
Acest criteriu asigură accesibilitate pentru utilizatorii cu deficiențe de vedere, dificultăți motorii sau pe dispozitive mobile. Un site care nu se rearanjează corect:
- obligă utilizatorul să deruleze lateral pentru fiecare propoziție;
- face dificilă navigarea cu tastatura;
- poate ascunde secțiuni întregi din pagină;
- reduce enorm lizibilitatea și accesul la funcții.
Exemple de aplicare corectă:
- Textul, imaginile și meniurile se rearanjează automat (design responsive).
- Secțiunile lungi se afișează în coloană verticală pe mobil.
- Formularele și tabelele se adaptează la lățimea ecranului.
- Niciun element esențial (meniu, buton, text, funcționalitate) nu este tăiat sau ascuns lateral.
Ce greșeli apar frecvent?
- Layout-uri rigide cu lățimi fixe (ex: width: 1000px) care generează scroll lateral.
- Tabele largi care nu se pot comprima și devin inaccesibile.
- Elemente absolute sau poziționate care ies din viewport.
- Site-ul e responsive „doar în teorie” — dar zoomul la 400% rupe layout-ul.
Un site bun nu are nevoie de scuze când e vizualizat pe mobil. Criteriul 1.4.10 ne amintește că accesibilitatea înseamnă adaptabilitate. Dacă utilizatorul tău trebuie să deruleze stânga-dreapta pentru a citi o propoziție… e timpul pentru o rearanjare.
Please follow and like us:
