Ce înseamnă acest criteriu?
Criteriul WCAG 1.3.2 cere ca ordinea în care este prezentat conținutul pe pagină să fie semnificativă și să poată fi înțeleasă în aceeași succesiune și de către utilizatorii care folosesc tehnologii asistive (cititoare de ecran, navigare prin tastatură etc.).
Cu alte cuvinte: dacă ordinea elementelor este importantă pentru înțelegerea mesajului, ea trebuie menținută indiferent de modul în care utilizatorul accesează conținutul.
De ce este important?
Pentru utilizatorii care nu văd pagina, informația este percepută secuențial, în linie, nu vizual. Dacă în cod elementele sunt într-o ordine greșită sau logic diferită de cea afișată vizual, mesajul se poate pierde complet sau poate fi înțeles greșit.
Ordinea logică este esențială mai ales în:
- instrucțiuni pas cu pas,
- conținut educațional,
- povești, procese, fluxuri,
- tabele, liste, etichete și câmpuri de formular.
Exemple de aplicare corectă:
- Listă de pași:
Instrucțiunile sunt prezentate în ordinea reală a acțiunilor și sunt codate ca listă ordonată (<ol>), nu doar ca paragrafe simple. - Formular:
Etichetele (<label>) apar imediat înaintea sau deasupra câmpurilor, iar ordinea de tabulare este logică. - Articol cu subtitluri:
Paragrafele și secțiunile sunt plasate într-o ordine firească, fără ca titlul să vină după conținutul pe care ar trebui să-l introducă. - Tabel de prețuri:
Fiecare rând este citit în ordinea naturală: tip produs → descriere → preț, nu invers.
Ce greșeli apar frecvent?
- Ordinea vizuală este creată cu CSS (ex: flex, grid, float), dar ordinea în cod este haotică.
- Se afișează „2. Confirmare” înainte de „1. Introdu datele” în cititorul de ecran.
- Elemente importante (ex: buton „Trimite”) sunt plasate la final vizual, dar în cod apar înainte de formular.
- Se folosește position: absolute sau order fără a verifica impactul asupra cititorului de ecran.
Criteriul 1.3.2 ne arată că ordinea contează, nu doar ce apare pe pagină, ci cum și când este livrat conținutul către utilizator. Accesibilitatea reală înseamnă și claritate în succesiune, nu doar în design. Dacă vrei ca informația să fie înțeleasă, ea trebuie să fie transmisă în ritmul corect și în ordinea potrivită.
