Conținut inaccesibil
4. Site-ul web nu este încă pe deplin conform.
-
Perceptibil: Elementul main nu trebuie să apară ca descendent al elementului main.
Cititoarele de ecran se bazează pe repere (landmarks) pentru a indica utilizatorului care este conținutul relevant și ce porțiuni ale paginii sunt antete, subsoluri etc. Dacă un reper apare de mai multe ori, acesta poate deruta cititoarele de ecran și, prin urmare, și pe utilizatorii care se bazează pe ele.
Criterii de accesibilitate neîndeplinite
- 1.3.1 Informații și legături
-
Perceptibil: Textul alternativ (alt text) nu trebuie să fie nici un nume de fișier imagine lipsit de sens, nici un text de umplutură (placeholder).
Unele imagini au ca text alternativ "null".
Criterii de accesibilitate neîndeplinite
- 1.1.1 Conținut non-textual
-
Perceptibil: Asigurați-vă că textul și culorile de fundal au un contrast suficient.
Unor utilizatori le este dificil să citească textul gri-deschis pe un fundal alb, textul gri-închis pe un fundal negru și textul alb pe un fundal roșu. De asemenea, anumiți utilizatori au setările implicite ale browserului configurate pentru text alb pe fundal negru; prin urmare, setarea uneia dintre culori fără a o specifica și pe cealaltă poate avea ca rezultat un text alb pe un fundal alb.
Criterii de accesibilitate neîndeplinite
- 1.4.3 Contrast (Minimum)
-
Perceptibil: Elementele de control ale interfeței cu utilizatorul trebuie să aibă un raport de contrast de cel puțin 3:1 față de culorile adiacente.
Fără un contrast suficient, utilizatorii s-ar putea să nu vadă textul sau elementele de control ale interfeței.
Criterii de accesibilitate neîndeplinite
- 1.4.11 Contrast non-textual
-
Operabil: Mai multe linkuri de pe o pagină au același text și context înconjurător, dar duc la destinații diferite.
Cititoarele de ecran întâmpină dificultăți în a înțelege destinația reală a unui link dacă acesta nu are o etichetă unică sau un context unic. Problema apare în locuri unde textul este „Citește mai mult”, „aici” și „Deschide cont”.
Criterii de accesibilitate neîndeplinite
- 2.4.4 Scopul link-ului (în context)
-
Operabil: Elementele de control clicabile ar trebui să aibă un rol ARIA.
Unele linkuri se comportă ca niște butoane, ceea ce îi poate deruta pe utilizatorii care folosesc cititoare de ecran.
Criterii de accesibilitate neîndeplinite
- 2.1.1 Tastatură
-
Operabil: Butoanele radio cu etichete foarte generice trebuie încadrate într-un element „fieldset”, având o legendă care să explice grupul de opțiuni.
Utilizatorii de cititoare de ecran întâmpină dificultăți în a înțelege ce face butonul radio.
Criterii de accesibilitate neîndeplinite
- 2.4.6 Titluri și etichete
-
Operabil: Stilul CSS pentru contur (outline) sau chenar (border) aplicat acestui element face dificilă sau imposibilă vizualizarea conturului de focalizare al linkului.
Prin eliminarea stilului de focalizare, utilizatorilor le este imposibil să identifice ce element este focalizat.
Criterii de accesibilitate neîndeplinite
- 2.4.7 Focalizare vizibilă
-
Robust: Elementul de control ARIA nu are etichetă..
Cititoarele de ecran nu pot rosti corect eticheta la citirea elementului de control.
Criterii de accesibilitate neîndeplinite
- 4.1.2 Nume, rol, valoare
-
Robust: Elementele de control clicabile ar trebui să fie accesibile de la tastatură.
Dacă elementele de control nu sunt accesibile de la tastatură, utilizatorii care folosesc exclusiv tastatura întâmpină dificultăți la navigarea site-ului.
Criterii de accesibilitate neîndeplinite
- 4.1.2 Nume, rol, valoare
-
Robust: Elementul de control de formular HTML nu are un nume accesibil.
Cititoarele de ecran nu pot rosti corect eticheta la citirea elementului de control.
Criterii de accesibilitate neîndeplinite
- 4.1.2 Nume, rol, valoare
-
Robust: Elementele „iframe” și „frame” trebuie să aibă un atribut "title".
VoiceOver de pe macOS nu citește automat conținutul cadrului și, fără un titlu, utilizatorul nu știe ce conține cadrul.
Criterii de accesibilitate neîndeplinite
- 4.1.2 Nume, rol, valoare