← Tous les critères WCAG 2.1
2.1.1Niveau A2.1 Keyboard Accessible

Clavier

All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement.

Ce que cela signifie

Comprendre Clavier (en anglais) | Comment satisfaire à Clavier (en anglais) (Niveau A) Toutes les fonctionnalités du contenu sont utilisables à l’aide d’une interface clavier sans exiger un rythme de frappe propre à l’utilisateur, sauf lorsque la fonction sous-jacente nécessite une saisie qui dépend du tracé du mouvement effectué par l’utilisateur et pas seulement des points de départ et d’arrivée de ce tracé. Note Cette exception ne concerne que la fonction sous-jacente et non la technique de saisie. Par exemple, lorsqu’on utilise l’écriture manuscrite pour saisir du texte, la technique de saisie (l’écriture manuscrite) nécessite une saisie qui dépend d’un tracé, mais la fonction sous-jacente (la saisie de texte) ne le requiert pas. Note Cela n’interdit pas et ne devrait pas décourager l’utilisation de la souris ou de toute autre méthode de saisie en plus de l’utilisation du clavier.

Failing example

<!-- Fails: click handler only, no keyboard equivalent -->
<div onclick="openModal()">Open settings</div>

How to fix it

<!-- Pass: use a button element (keyboard-accessible by default) -->
<button type="button" onclick="openModal()">Open settings</button>

<!-- Or: add keyboard support to the div (not recommended) -->
<div role="button" tabindex="0"
     onclick="openModal()"
     onkeydown="if(event.key==='Enter'||event.key===' ')openModal()">
  Open settings
</div>

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation