Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung
Toegankelijkheid
Wanneer is een website volledig te bedienen met het toetsenbord?
Niveau A (2.1.1) vereist een toetsenbordbewerking voor alle functies, maar laat een uitzondering na: als de invoer afhankelijk is van het pad van de beweging, zoals bij het vrij tekenen, mag deze voor de muis worden gereserveerd. Niveau AAA-criterium 2.1.3 schrapt deze vrijstelling. Elke functie is toegankelijk met het toetsenbord, inclusief tekenen, bewegen op een kaart en het spelen van het spel.
Wat het criterium vereist
Alle functies van de pagina kunnen worden uitgevoerd via het toetsenbord zonder dat een bepaalde tijdreeks van toetsaanslagen nodig is. Voor taken die natuurlijk werken met beweging betekent dit: bouw een gelijkwaardig toetsenbordframe. Een tekenhulpmiddel ontvangt invoervelden voor coördinaten of pijltjestoetsen voor het instellen van punten; een kaart kan worden verplaatst met pijltjestoetsen en inzoomen met plus en min; Een sorteerspel krijgt sneltoetsen om op te nemen en te laten vallen.
Voor wie dit telt
Mensen die een muis niet kunnen begeleiden omdat handen schudden, kracht ontbreekt, of visie is niet het vinden van de pointer werk uitsluitend met toetsenborden, switches, of voice controls die repliceren toetsenbord input. Voor hen bestaat een functie zonder toetsenbordpad gewoon niet. De Level A uitzondering heeft betrekking op weinig elementen, maar deze zijn vaak de meest waardevolle: de interactieve kaart, de handtekening blok, de editor.
Zo gaan we ermee om
De meetkern controleert de werking van het toetsenbord van niveau A: focusvolgorde, bereikbare elementen, focusvallen. Of een bewegingsfunctie een gelijkwaardig toetsenbordpad heeft, beslist een tester op het scherm. Het criterium behoort tot de categorie AAA op het gebied van kennis; in het rapport worden bewegingsgebieden als controle-indicator weergegeven.
Voorbeelden
Alleen met de muis te verplaatsen kaart
<div id="karte" class="ziehbar"></div><div id="karte" tabindex="0" role="application" aria-label="Karte, Pfeiltasten verschieben, Plus und Minus zoomen"></div>
<script>
karte.addEventListener("keydown", (e) => {
if (e.key === "ArrowLeft") verschiebe(-50, 0);
if (e.key === "+") zoom(1);
});
</script>Zonder de uitzondering van niveau A heeft een bewegingsfunctie ook een gelijkwaardig toetsenbordpad nodig.
- Vermeld alle functies die alleen met de muis vandaag gaan: tekenen, slepen, kaarten, slider, handtekening.
- Bouw een toetsenbordpad voor elke functie: pijltjestoetsen voor beweging, invoervelden voor waarden, sneltoetsen voor het opnemen en laten vallen.
- Leg de sleutelopdracht zichtbaar naast het item uit, niet alleen in de hulptekst.
- Leg de muis weg en werk een uur met het toetsenbord door de pagina.
