Mitä menee pieleen näppäimistönavigaatiossa
Yleisin virhe näppäimistönavigaatiossa on, että interaktiiviset komponentit ovat näkyvissä, mutta niitä ei voi käyttää Tab-näppäimellä. Ajattele valikko, joka avautuu vain hiiren klikkauksella, painike, joka ei saa fokusta, tai ponnahdusikkuna, jonka sulkeminen ei onnistu ilman hiirtä. Ihmisille, jotka eivät voi käyttää hiirtä motoriikkarajoitusten vuoksi, tai jotka käyttävät näytönlukijaa, joka toimii näppäimistönavigaation avulla, tämä tarkoittaa, että verkkosivuston osa on yksinkertaisesti käyttökelvoton.
Syy on lähes aina räätälöidyissä komponenteissa: kehittäjä rakentaa kauniin pudotusvalikon, mukautetun päivämäärän valitsimen tai laajenevalla suodattimen omalla HTML:llä ja JavaScriptillä, mutta unohtaa näppäimistötuen, jonka vakio HTML-painike tai -linkki saa ilmaiseksi. Komponentti näyttää hyvältä ja toimii hiirellä, joten kukaan ei huomaa testauksessa, että Tab-näppäin yksinkertaisesti ohittaa sen.
Miksi tämä jää usein huomaamatta
Tämä virhe on sitkeä, koska se ei näy paljaalla silmällä. Joka käyttää hiirtä verkkokaupoissa, ei näe mitään ongelmaa. Vasta kun unohdat hiiren ja liikut sivulla vain Tab-, Shift+Tab-, Enter- ja nuolinäppäimillä, tulee näkyviin, missä navigaatio jumittuu. Koska tämä testaus harvoin kuuluu vakiintunnukseen testausohjelmaan, ongelma jää usein vuosiksi huomaamatta — kunnes kävijä tai valvontaviranomainen kohtaa sen.
Toinen syy on, että monet näistä vioista ilmenevät juuri niissä paikoissa, jotka näkyvät eniten käytössä: maksuvaiheessa, kirjautumissivulla, hakusuodattimessa. Nämä ovat juuri niitä komponentteja, jotka rakennetaan usein erillään sivuston muusta osasta omilla komponenteilla, jotka eivät aina saa samaa huomiota kuin päänavigaatio.
Miten tunnistat tämän itse
Yksinkertainen ensimmäinen tarkistus on laskea hiiri alas ja käydä läpi sivun työnkulku vain näppäimistöllä. Kiinnitä huomiota kolmeen asiaan: jokainen napsautettava elementti on saavutettavissa Tab-näppäimellä, on aina selvästi näkyvissä, mikä elementti on fokuksessa, ja jokainen komponentti, joka avautuu — valikko, suodatin, ponnahdusikkuna — voidaan myös sulkea ilman hiirtä. Jos fokus jumittuu ponnahdusikkunaan, hyppää odottamattomaan paikkaan tai katoaa kokonaan näkyvistä, se on merkki siitä, että korjattavaa riittää.
Automatisoitu skannaus voi havaita osan näistä ongelmista, esimerkiksi puuttuvat fokusindikaattorit tai tekijöistä käytettävät elementit, jotka tunistetaan tekijään lähdekoodissa. Se, onko pudotusvalikko myös looginen ja ennakoitava käytettäväksi, on kuitenkin jotain, mitä skannaus ei voi täysin arvioida — se pysyy pohjimmiltaan ihmisen testauksena. Tämä koskee muita WCAG-vaatimuksia, ja mainitsemme sen myös aina raportissa. käynnistä tärkeimpien sivujesi ilmainen pikaskannaus nähdäksesi, mikä osa tällaisista ongelmista tulee jo automaattisesti esiin.
Miten välttät tämän
Ratkaisu ei yleensä ole ylimääräisessä tekniikassa verkkosivuston päälle, vaan olemassa olevien rakennusosien oikeassa käytössä. Vakio HTML-painike tai -linkki on automaattisesti saavutettavissa Tab-näppäimellä ja käytettävissä Enter-näppäimellä; joka tekee sen sijaan tekstin tai kuvan napsautettavaksi JavaScriptillä, on lisättävä näppäimistötuki itse. Mukautetuissa komponenteissa, kuten valikoissa, suodattimissa ja ponnahdusikkunoissa, pitää olla selkeä sopimus kehittäjän kanssa: jokainen komponentti on avattava, käytettävä ja suljettava näppäimistöllä, ja fokus on pysyttävä näkyvissä ja ennakoitavasti.
Se, mikä ei auta, on esteettömyyswidgetti, joka väittää korjaavansa tämänkaltaiset viat irroitettavalla skriptillä. Tällainen overlay ei muuta taustalla olevaa koodia eikä näin ollen todellista käytettävyyttä; laki edellyttää avointa verkkosivustoa tai sovellusta, ei lisäkerrosta sen päälle. Emme tarkoituksella myy tällaisia widgettejä.
Haluaisitko tietää, mitkä verkkosivustosi tai sovelluksesi osat sisältävät tämänkaltaisia rakenteellisia ongelmia ja kuinka painavia ne ovat parantamissuunnitelmasi priorisointilistassa? Aiheittain järjestellyn tietovaraston avulla voit lukea kunkin vitatyypin osalta, mitä on kyseessä, ja kuinka meidän testaus tarkalleen ottaen toteutetaan näet, mikä osa siitä testataan automaattisesti ja mikä osa vaatii manuaalista huomiota.
Onko sinulla kysymyksiä siitä, mitä tähän vaatimukseen sisältyy ja mitä ei, tai testausmenetelmän muista osista? usein kysytyt kysymykset antavat vastausta useimpiin niistä.
axessia.eu:n maksuton pika-tarkistus antaa välittömän osoituksen siitä, esiintyykö tämänkaltaisia näppäimistöön liittyviä ongelmia sivustollasi, ilman että tarvitset siihen tiliä.