Tangentbordsstöd

Silktide hittar delar av dina sidor som reagerar på en mus eller pekskärm – klick, hovring och dragning – men som kanske inte fungerar för någon som bara använder ett tangentbord. Allt en besökare kan göra med en mus ska också vara möjligt med ett tangentbord.

Varför detta är viktigt

Många kan inte använda en mus eller pekskärm: personer med motoriska funktionsnedsättningar, personer med skakningar och blinda användare, vars styr sidan via tangentbordet. För alla dessa personer är funktioner som endast reagerar på en pekare helt enkelt otillgängliga. Tangentbordsanvändning är :s framgångskriterium 2.1.1, ett krav på nivå A – den mest grundläggande nivån i standarden.

Så åtgärdar du problemet

Föredra inbyggda -element – länkar, knappar och formulärkontroller – som kan användas med tangentbord som standard:

<!-- Fungerar bara med en mus: kan inte fokuseras, endast dubbelklick -->
<div ondblclick="location.href='/new-page'">Dubbelklicka på mig</div>

<!-- Åtgärdat: en länk fungerar för alla -->
<a href="/new-page">Gå till sidan</a>

När anpassad interaktion är oundviklig lägger du till ett tangentbordsalternativ: gör elementet fokuserbart (tabindex="0") och hantera tangentbordshändelser tillsammans med mushändelserna.
Interaktioner som endast aktiveras vid hovring, till exempel verktygstips och rullgardinsmenyer, kräver särskild omsorg – visa dem även vid , inte bara vid hovring.
Om ett flaggat element har ett tangentbordsalternativ som Silktide inte kunde se kan du resultatet.

Så testar Silktide detta

Samlar in de som sidan registrerar i webbläsaren.
Behåller sådana som gäller mus- och pekskärmsexklusiva händelser: klick, dubbelklick, hovring, musrörelser, mushjul, snabbmenyer och pekskärmsgester.
För vanliga klickhanterare hoppar vi över element som ett tangentbord redan kan använda – länkar, knappar, formulärfält och allt som kan fokuseras via tabindex – eftersom Enter på ett fokuserat element utlöser dess klickhanterare.
Rapporterar de återstående elementen så att du kan bekräfta om ett tangentbordsalternativ finns.

Felsökning

Elementet har ett tangentbordsalternativ någon annanstans

Silktide flaggar element vars lyssnare tyder på pekarexklusivt beteende, men kan inte alltid avgöra att samma funktion finns tillgänglig på ett annat sätt – till exempel en hovringsmeny som duplicerar länkar i sidfoten, eller en dragåtgärd med en motsvarande knapp. När ett alternativ verkligen finns kan du godkänna resultatet.

Hovringseffekter som endast är dekorativa

Lyssnare som bara ändrar utseendet (en markering vid hovring eller en animering) undanhåller ingen funktionalitet från tangentbordsanvändare. Dessa kan godkännas utan risk.