Mis valesti läheb klaviatuuriga juhtimise puhul
Kõige levinum viga klaviatuuriga juhtimise puhul on see, et interaktiivsed elemendid on küll nähtavad, kuid Tab-klahviga kättesaadavad pole. Mõelge menüüle, mis avaneb ainult hiireklõpsuga, nupule, mis fokusust ei saa, või hüpikakendele, mida ei saa hiireti kasutamata enam sulgeda. Inimestele, kellel on füüsiliste piirangute tõttu hiirt kasutada võimatu või kes kasutavad klaviatuuril põhinevat ekraanilugejat, tähendab see, et osa veebisaidist on lihtsalt kasutamatu.
Põhjus peitub peaaegu alati kohandatud elementides: arendaja ehitab ilusad ripploendit, kohandatud kuupäevaliisurit või avatavas filtri omaalgatuslike HTML ja JavaScripti abil, kuid unustab seejuures klahvitoe, mille standardne HTML-nupp või -link tasuta kaasa annab. Element näeb välja hea ja toimib hiire abil, seega märkab keegi testamise ajal, et Tab-klahv lihtsalt selle üle hüppab.
Miks seda sageli üle vaadatakse
See viga on näppav, sest palja silmaga pole see näha. Kes hiire abil veebipoodest klõpsutab, ei näe kuskil probleemi. Alles siis, kui jätate hiire kõrvale ja liigute lehel vaid Tab, Shift+Tab, Enter ja nooleklahvidega, selgub, kus navigeerimine jääb hoovaks. Kuna see testimine on harva osaks toimitusprotsessist, jääb probleem sageli mitmeaastaseks märkamatuks — kuni külastajale või järelevalvijale see tegelikkuses vastu tuleb.
Teine põhjus on see, et paljud nendest vigadest ilmnevad just kohtades, mis on kasutamisel kõige silmatorkavamad: tellimusprotsess, sisselogimisekraan, otsingufiltter. Need on täpselt need komponendid, mida sageli ülejäänud saidist eraldi ehitatakse, omaenda elementidega, mis ei alati saa sama tähelepanu kui peamine navigatsioon.
Kuidas seda ise tuvastada
Lihtne esimene kontroll on hiire mahajätmine ja paginavoolu läbikäik, kasutades ainult klaviatuuri. Pöörake tähelepanu kolmele asjale: kas iga klõpsatav element on Tab-ga kättesaadav, kas on igal ajal selgelt nähtav, milline element on fokuseeritud, ja kas iga komponent, mis avaneb — menüü, filter, hüpikaken — saab hiireti kasutamata ka kinni panna. Kui fokus jääb hüpikaknas kinni, hüppab kuhugi ootamatusse kohta või kaob täiesti vaateväljade kasuks, siis see näitab, et töid on vaja teha.
Automatiseeritud skaanimine saab osa nendest probleemidest avastada, näiteks puuduvaid fokusnäitajaid või klahvitoeeta elemente, mis on tehniliselt tuvastatavad lähtekoodis. Aga see, kas ripploendit saab kasutada ka loogiliselt ja ennustatavalt, ei ole miski, mida skann täielikult hinnata saaks — see jääb sisuliselt inimlikuks testiks. See kehtib paljude WCAG-nõuete puhul ja me alati mainime seda aruandes. käivitage oma olulisemate lehtede tasuta kiirskann et näha, millise osa nendest probleemidest automatiseeritud tasand juba välja toob.
Kuidas seda vältida
Lahendus peitub tavaliselt mitte veebisaidile lisatava täiendava tehnika, vaid olemasolevate ehitusplokkide õiges kasutamises. Standardne HTML-nupp või -link on automaatselt Tab-ga kättesaadav ja kasutab Enter; kes asemel tekstiosade või piltide JavaScripti abil klõpsatavaks muutmist, peab selle klahvitoe ise lisama. Kohandatud komponentidel nagu menüüd, filtrid ja hüpikaknad peab olema arendajaga selge kokkulepe: iga komponent peab olema klaviatuuriga avataav, kasutataav ja suletav, fokus peab olema nähtav ja ennustataav.
Siin ei aita juurde ligipääsetavuse vidin, mis väidab, et taolisi puudusi saab parandada eraldi skriptiga. Selline ülekate ei muuda alustavat koodi ja seega ei muuda tegelikku kasutatavust; seadus nõuab juurdepääsetavat veebisaiti, mitte sellele lisanduvat kihti. Me ei müü teadlikult sellist tüüpi vidinaid.
Kas soovite teada, millised teie veebisaidi või rakenduse osad sisaldavad sellist tüüpi strukturaalseid puudusi ja kui palju see oma paranduskava prioriteetide loendis kaalu omab? Meie teemade kaupa koostatud teadmusbaasis loete iga puuduse tüübi kohta, mis on teemaks, ja kuidas meie hindamine täpselt toimub näete, millist osa neist hinnatakse automaatselt ja milline osa nõuab käsitsi tähelepanu.
Kas teil on veel küsimusi selle kohta, mis sellesse nõudesse kuulub ja mis ei kuulu, või hindamisraamistiku muude osade kohta? Vastused vastused korduma kippuvatele küsimustele annavad enamikule neist juba vastuse.
Axessia.eu tasuta kiirskanneerimisplaani kasutamisega saate kohe teada, kas sellist tüüpi klaviatuuriga juhitavuse probleeme teie saidil esinevad, ilma et peaksite looma kontot.