Critère 7.3

Contrôle clavier scripts

Les scripts doivent être contrôlables au clavier.

En Bref : L'essentiel à retenir

L'objectif est de permettre toutes les actions au clavier, sans utiliser la souris.
Utilisez des éléments interactifs natifs pour assurer l'accessibilité clavier.
Pour les éléments non natifs, ajoutez 'tabindex' et gérez les événements clavier.
Consultez le critère 7.3 du RGAA pour plus de détails sur l'accessibilité.

Objectif

Tout ce qui peut être fait à la souris doit pouvoir être fait au clavier.

Solution Technique

Utilisez des éléments interactifs natifs (<button>, <a>, <input>) qui sont accessibles au clavier par défaut.
Si vous utilisez des <div> ou <span> avec des événements onclick (déconseillé) :
- Ajoutez tabindex="0" pour les rendre focalisables.
- Ajoutez des écouteurs d'événements pour Enter et Space (onkeydown).

<!-- ✅ Bon : Bouton natif -->
<button onclick="action()">Action</button>

<!-- ⚠️ Déconseillé mais corrigé -->
<div 
  role="button" 
  tabindex="0" 
  onclick="action()" 
  onkeydown="if(event.key === 'Enter' || event.key === ' ') action()"
>
  Action
</div>

Ressources

Critère 7.3 du RGAA