Prise en charge du clavier

Silktide trouve des parties de vos pages qui réagissent à la souris ou à l’écran tactile — le clic, le survol, le glisser — mais qui peuvent ne pas fonctionner pour une personne n’utilisant que le clavier. Tout ce qu’un visiteur peut faire avec une souris devrait aussi être possible au clavier.

Pourquoi c’est important

De nombreuses personnes ne peuvent pas utiliser une souris ou un écran tactile : personnes ayant des limitations motrices, personnes sujettes aux tremblements, et personnes aveugles, dont les pilotent la page via le clavier. Pour toutes, une fonctionnalité qui ne répond qu’au pointeur est tout simplement indisponible. L’opérabilité au clavier correspond au critère de succès 2.1.1 des , une exigence de niveau A — le niveau le plus élémentaire de la norme.

Comment corriger

Privilégiez les éléments natifs — liens, boutons et contrôles de formulaire — qui sont utilisables au clavier par défaut :

<!-- Ne fonctionne qu’avec une souris : non focalisable, double-clic uniquement -->
<div ondblclick="location.href='\/new-page'">Double-cliquez ici</div>

<!-- Corrigé : un lien fonctionne pour tout le monde -->
<a href="\/new-page">Aller à la page</a>

Lorsque des interactions personnalisées sont inévitables, ajoutez un équivalent clavier : rendez l’élément focalisable (tabindex="0") et gérez les événements clavier en parallèle des événements souris.
Les interactions limitées au survol, comme les info-bulles et les menus déroulants, exigent une attention particulière — affichez-les au ainsi qu’au survol.
Si un élément signalé dispose d’un équivalent clavier que Silktide n’a pas vu, le constat.

Comment Silktide le teste

Recueillir les que la page enregistre dans le navigateur.
Conserver ceux relatifs aux événements uniquement souris et uniquement tactiles : clics, double-clics, survols, déplacements de la souris, molette, menus contextuels et gestes tactiles.
Pour les gestionnaires de clic simples, ignorer les éléments déjà opérables au clavier — liens, boutons, champs de formulaire et tout élément focalisable via tabindex — car appuyer sur Entrée sur un élément au focus déclenche son gestionnaire de clic.
Signaler les éléments restants afin que vous confirmiez s’il existe une alternative clavier.

Dépannage

L’élément a une alternative clavier ailleurs

Silktide signale des éléments dont les écouteurs laissent penser à un comportement réservé au pointeur, mais il ne peut pas toujours savoir que la même fonctionnalité est disponible autrement — par exemple un menu au survol qui duplique des liens dans le pied de page, ou une action de glisser avec un bouton équivalent. Lorsqu’une alternative existe réellement, approuvez le constat.

Effets de survol purement décoratifs

Les écouteurs qui ne font que modifier l’apparence (un surlignage au survol, une animation) ne privent aucune fonctionnalité aux utilisateurs du clavier. Vous pouvez les approuver en toute sécurité.