Tastaturstøtte
Silktide finner deler av sidene dine som reagerer på mus eller berøringsskjerm – klikk, pekerbevegelser og draing – men som kanskje ikke fungerer for noen som bare bruker tastatur. Alt en besøkende kan gjøre med mus, bør også være mulig med tastatur.
Hvorfor dette er viktig
Mange kan ikke bruke mus eller berøringsskjerm: personer med motoriske funksjonsnedsettelser, personer med skjelvinger og blinde brukere, der styrer siden via tastaturet. For alle disse er funksjonalitet som bare reagerer på en peker, ganske enkelt utilgjengelig. Tastaturbetjening er suksesskriterium 2.1.1 i , et krav på nivå A – det mest grunnleggende nivået i standarden.
Slik løser du det
- Foretrekk innebygde -elementer – lenker, knapper og skjemakontroller – som kan betjenes med tastatur som standard:
<!-- Fungerer bare med mus: kan ikke fokuseres, bare dobbeltklikk -->
<div ondblclick="location.href='/new-page'">Dobbeltklikk på meg</div>
<!-- Løst: en lenke fungerer for alle -->
<a href="/new-page">Gå til siden</a>
- Når tilpasset interaksjon er uunngåelig, må du legge til et tastaturalternativ:
gjør elementet fokuserbart (
tabindex="0"), og håndter tastaturhendelser i tillegg til mushendelser. - Interaksjoner som bare skjer ved pekerbevegelse, for eksempel verktøytips og rullegardinmenyer, krever særlig oppmerksomhet – vis dem ved i tillegg til ved pekerbevegelse.
- Hvis et merket element har et tastaturalternativ Silktide ikke kunne se, kan du funnet.
Slik tester Silktide dette
- Samler inn som siden registrerer i nettleseren.
- Beholder de som gjelder hendelser som bare utløses av mus eller berøring: klikk, dobbeltklikk, pekerbevegelser, musebevegelser, musehjul, kontekstmenyer og berøringsbevegelser.
- For vanlige klikkhåndterere hopper vi over elementer et tastatur allerede
kan betjene – lenker, knapper, skjemafelt og alt som kan fokuseres via
tabindex– fordi Enter på et element med fokus utløser klikkhåndtereren. - Rapporterer de gjenværende elementene slik at du kan bekrefte om det finnes et tastaturalternativ.
Feilsøking
Elementet har et tastaturalternativ et annet sted
Silktide merker elementer der lytterne tyder på at funksjonaliteten bare kan brukes med en peker, men kan ikke alltid se at den samme funksjonaliteten er tilgjengelig på en annen måte – for eksempel en meny som vises ved pekerbevegelse, og som gjentar lenker i bunnteksten, eller en drahandling med et tilsvarende knappalternativ. Når det faktisk finnes et alternativ, kan du godkjenne funnet.
Pekereffekter som bare er dekorative
Lyttere som bare endrer utseendet (en utheving ved pekerbevegelse, en animasjon) holder ikke funksjonalitet tilbake fra tastaturbrukere. Disse kan trygt godkjennes.