Što ide po zlu pri upravljanju samo tipkovnicom
Najčešća greška pri upravljanju samo tipkovnicom je da su interaktivni elementi vidljivi, ali nisu dostupni pomoću tipke Tab. Pomislite na izbornik koji se otvara samo klikom miša, gumb koji ne prima fokus ili skočni prozor koji se ne može zatvoriti bez miša. Za osobe koje ne mogu koristiti miš zbog motoričkih ograničenja ili koje upravljaju čitačem zaslona koji se oslanja na navigaciju tipkovnicom, to znači da je dio web-stranice jednostavno neupotrebljiv.
Uzrok se gotovo uvijek nalazi u prilagođenim elementima: razvojni inženjer gradi prekrasan padajući izbornik, prilagođeni odabir datuma ili razloživ filtar s vlastitim HTML-om i JavaScriptom, ali pri tome zaboravlja na podršku tipkovnice koju standardni HTML-gumb ili -veza dobivaju besplatno. Element izgleda dobro i radi s mišom, pa tijekom testiranja nitko ne primijetuje da tipka Tab jednostavno preskače preko njega.
Zašto se to često ignora
Ova greška je uporna jer nije vidljiva golim okom. Tko mišu klika kroz web-trgovinu, nigdje ne vidi problem. Tek kada ostavite miš po strani i kretanjem po stranici koristite samo Tab, Shift+Tab, Enter i tipke sa strelicama, postaje vidljivo gdje se navigacija zaustavlja. Budući da testiranje ovako nešto rijetko ulazi kao standardni dio procesa dorade, problem često ostaje nepoznat godinama — dok ga konačno ne naiđe posjetitelj ili nadzorna vlast.
Drugi razlog je što se mnoga od ovih nedostataka pojavljuju upravo na mjestima koja su najuočljivija tijekom korištenja: korak za kupnjom, zaslon za prijavu, filtar pretraživanja. To su upravo oni dijelovi koji se često grade odvojena od ostatka stranice, s vlastitim komponentama koje ne dobivaju uvijek istu pažnju kao glavna navigacija.
Kako sami to prepoznajete
Jednostavna provjera na početku je odlaganje miša i prolazak kroz tijek stranice samo tipkovnicom. Pri tome zwratite pažnju na tri stvari: je li svaki element koji se može kliknuti dostupan preko Tab, je li u svakom trenutku jasno vidljivo koji element ima fokus, i može li se svaki dio koji se otvara — izbornik, filtar, skočni prozor — zatvoriti i bez miša. Ako se fokus zaustavi u skočnom prozoru, preskoči na neočekivano mjesto ili potpuno nestane, to je signal da je potreban rad.
Automatizirana skeniranja mogu signalizirati dio ovih problema, primjerice nedostajuće indikatore fokusa ili elemente bez pristupa tipkovnici koji su tehnički prepoznatljivi u izvornom kodu. Međutim, logičan i predvidljiv način na koji se padajući izbornik može upravljati nije nešto što skeniranje može u potpunosti procijeniti — to ostaje u biti procjena čovjeka. To vrijedi i za više WCAG-zahtjeva, a to uvijek navodimo u izvješću. pokrenite besplatnu brzu analizu svojih važnih stranica kako biste vidjeli koji dio takvih problema se već automatski otkriva.
Kako to izbjegavate
Rješenje se obično ne nalazi u dodatnoj tehnologiji na vrhu web-stranice, već u ispravan korištenju postojećih komponenti. Standardni HTML-gumb ili -veza su sami po sebi dostupni preko Tab i upravljivih sa Enter; tko umjesto toga učini dio teksta ili slike klijabilnim pomoću JavaScripta, mora sam dodati tu podršku tipkovnice. Za prilagođene komponente kao što su izbornikai, filtri i skočni prozori postoji jasan sporazum s razvojnim inženjerom: svaki dio mora biti otvoren, upravljiv i zatvoren tipkovnicom, a fokus mora ostati vidljiv i predvidljiv.
Ono što ovdje ne pomaže je alat za pristupačnost koji tvrdi da ispravljanje te vrste nedostataka može obaviti lako skriptom. Takav sloj ne mijenja osnovni kod i zato ne mijenja stvarnu upotrebljivost; zakon zahtijeva dostupnu web stranicu, ne sloj preko nje. Namjerno ne prodajemo takve alate.
Želite li znati koji su dijelovi vaše web stranice ili aplikacije nositelji te vrste strukturnih nedostataka i koliko to teži na listi prioriteta za vaš plan poboljšanja? U bazi znanja organiziranoj po temama pročitajte što se događa za svaki tip nedostatka, a kako se naš postupak vrednovanja točno provodi vidite koji dio toga biva vrednovana automatski, a koji dio zahtijeva ručnu pažnju.
Imate li dodatnih pitanja o tome što spada u ovaj zahtjev a što ne, ili o ostatku okvira ocjenjivanja? odgovori na često postavljena pitanja daju odgovor na većinu njih.
Besplatna quick-scan aplikacija axessia.eu odmah pokazuje postoji li ova vrsta problema s tipkovnicom na vašem web-mjestu, bez potrebe za računom.