Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung
Accessibilité
Quand un site Web est-il entièrement opérationnel avec le clavier?
Le niveau A (2.1.1) nécessite le fonctionnement du clavier pour toutes les fonctions, mais laisse une exception: si l'entrée dépend du chemin du mouvement, par exemple en dessinant librement, elle peut être réservée à la souris. Le critère de niveau AAA 2.1.3 supprime cette exemption. Chaque fonction est accessible avec le clavier, y compris le dessin, se déplaçant sur une carte et jouant le jeu.
Ce que le critère exige
Toutes les fonctions de la page peuvent être exécutées via le clavier sans qu'une certaine séquence de frappes ne soit nécessaire. Pour les tâches qui fonctionnent naturellement avec le mouvement, cela signifie: construire un cadre de clavier équivalent. Un outil de dessin reçoit des champs d'entrée pour les coordonnées ou les touches fléchées pour définir des points; une carte peut être déplacée avec des touches fléchées et zoomée avec plus et moins; Un jeu de tri obtient des raccourcis clavier pour enregistrer et déposer.
Pour qui cela compte
Les personnes qui ne peuvent pas guider une souris parce que les mains tremblent, la puissance est manquante, ou la vision n'est pas de trouver le pointeur travailler exclusivement avec des claviers, des interrupteurs, ou des commandes vocales qui répliquent l'entrée du clavier. Pour eux, une fonction sans chemin clavier n'existe tout simplement pas. L'exception de niveau A touche peu d'éléments, mais ceux-ci sont souvent les plus précieux: la carte interactive, le bloc signature, l'éditeur.
C'est comme ça qu'on s'y prend
Le noyau de mesure vérifie le fonctionnement du clavier du niveau A: ordre de mise au point, éléments accessibles, pièges de mise au point. Si une fonction de mouvement a un chemin de clavier équivalent, décide un testeur à l'écran. Le critère appartient à la catégorie AAA en matière de connaissances; dans le rapport, les zones de déplacement apparaissent comme une indication pour la vérification.
Exemples
Carte mobile uniquement avec la souris
<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>Sans l'exception du niveau A, une fonction de mouvement a également besoin d'un chemin de clavier équivalent.
- Lister toutes les fonctions qui vont seulement avec la souris aujourd'hui: dessin, glisser, cartes, curseur, signature.
- Construisez un chemin clavier pour chaque fonction: touches fléchées pour le mouvement, champs d'entrée pour les valeurs, raccourcis clés pour l'enregistrement et la chute.
- Expliquez l'affectation de la clé visiblement à côté de l'élément, pas seulement dans le texte d'aide.
- Mettez la souris loin et travaillez pendant une heure juste avec le clavier à travers la page.
