Meilleures pratiques dans la navigation au clavier des contrôles JavaScript?

1. Quelles sont les meilleures pratiques de navigation au clavier?
2. Comment puis-je naviguer avec mon clavier?
3. Comment rendre mon clavier élément accessible?

Quelles sont les meilleures pratiques de navigation au clavier?

L'ordre de navigation par défaut du clavier doit être logique et intuitif. Cela signifie généralement qu'il suit le flux visuel de la page - gauche à droite, de haut en bas. Pour la plupart des pages, cela signifie d'abord l'en-tête, puis la navigation principale, puis la navigation de la page (si elle est présente), et enfin le pied de page.

Comment puis-je naviguer avec mon clavier?

Navigation via un site Web avec un clavier utilise la touche Tab pour avancer et la combinaison Shift + Tab pour reculer. Ces clés vous bougent uniquement entre les éléments de la page qui sont focalisés. Les éléments focalisés sont des liens, des champs d'entrée et des boutons.

Comment rendre mon clavier élément accessible?

Un élément est cliquable s'il a un gestionnaire d'événements OnClick défini. Vous pouvez le rendre focalisable en y ajoutant une valeur d'attribut tabindex = 0. Vous pouvez le faire fonctionner avec le clavier en définissant un gestionnaire d'événements OnkeyDown; Dans la plupart des cas, les mesures prises par le gestionnaire d'événements devraient être les mêmes pour les deux types d'événements.