de ce filtrele din magazinul meu online nu funcționează cu un cititor de ecran

Filtrele lipsă adesea de nume, rol sau notificare de stare

Filtrele de produs nu funcționează de obicei cu un cititor de ecran, deoarece nu este suficient de clar ce este un filtru, care este starea sa actuală sau ce se întâmplă atunci când utilizatorul face o alegere. Filtrele din multe magazine web constau din casete de validare sau butoane care funcționează bine din punct de vedere vizual, dar sunt construite incomplet din punct de vedere programatic: o casetă de validare fără etichetă asociată, un buton care arată doar cu o schimbare de culoare că un filtru este activ, sau un panou de filtru care se deschide fără ca un cititor de ecran să anunțe aceasta. Pentru un vizitator care vede, aceasta nu este o problemă, deoarece vede schimbarea. Pentru un cititor de ecran, schimbarea vizuală nu există — acesta are nevoie de un anunț tehnic.

O altă problemă recurentă este că lista de rezultate se schimbă, dar un cititor de ecran nu o detectează. De exemplu, "24 de rezultate" pot fi afișate sub filtru, dar fără a fi transmis ca notificare de stare, deci utilizatorul trebuie să caute singur ce s-a schimbat. Aceasta este strâns legată de modul în care titlurile și structura sunt construite pe pagină, deoarece un cititor de ecran navighează adesea prin această structură pentru a determina unde încep rezultatele — mai mult despre aceasta este la de ce un cititor de ecran nu citește bine anteturile de pe pagina meaModul în care focusul se comportă după aplicarea unui filtru joacă, de asemenea, un rol: dacă focusul sare neașteptat la o altă parte a paginii, utilizatorul cititorului de ecran pierde firul, cum este descris la de ce se deplasează cursorul sau focalizarea în jurul site-ului meu.

Ce stabilește WCAG în această privință

Faptul că filtrele trebuie să poată transmite un nume, rol și stare tehnologiei de asistență, cum ar fi un cititor de ecran, și că schimbările de stare, cum ar fi o schimbare a numărului de rezultate, sunt anunțate, rezultă din criteriile privind denumirea, rolul și valoarea și din notificările de stare în WCAG 2.1 (W3C) — nivelul care în practică este așteptat prin EN 301 549. O scanare automată recunoaște unele din aceste deficiențe, cum ar fi o casetă de validare fără etichetă, dar dacă o notificare de stare este cu adevărat înțeleasă de utilizator, necesită o evaluare pe care o scanare nu o poate face — a se vedea poate o testare automată de accesibilitate să găsească totul.