Picto thématique

Règle n° 162 - La navigation au clavier s'effectue dans un ordre prévisible.

De nombreux utilisateurs naviguent sans souris, avec les touches de leur clavier : facilitez-leur la vie.

#Accessibilité #Navigation #Développement

Objectif

  • Faciliter la navigation au clavier.
  • Permettre aux utilisateurs de clavier de se doter de repères de navigation.
  • Améliorer l’accessibilité des contenus aux personnes handicapées

Mise en œuvre

Organiser les contenus dans l'ordre linéaire du code HTML de manière à regrouper et ordonner logiquement les liens et les contrôles de formulaires qui apparaissent les uns à la suite des autres à l'affichage et ordonner logiquement les principaux blocs de navigation et de contenu composant la page.

Le cas échéant, et en dernier ressort, recourir à l'attribut HTML tabindex pour créer un ordre de navigation au clavier spécifique, différent de l'ordre par défaut issu de l'organisation des liens et des contrôles de formulaires dans le code.

Gérer spécifiquement l'ordre de navigation au clavier en cas de fenêtre modale ou de widget.

Contrôle

Ce contrôle s'effectue sur l'ensemble des éléments interactifs, prioritairement à l'aide de la touche tabulation et, dans l'interface de certains widgets, à l'aide de touches de déplacement spécifiques (touches flèches) :

  • Naviguer au clavier puis vérifier que l'ordre de passage d'un élément à un autre est identique entre les différentes pages ;
  • Vérifier que l'ordre de passage est adapté au contenu concerné. Par exemple, la navigation clavier dans une pseudo-popup javascript commence par son bouton de fermeture
  • Contrôler que l'ordre est prévisible par l'utilisateur : sauf exceptions, cet ordre doit être aussi proche que possible de l'ordre de lecture, par exemple haut-bas et gauche-droite pour les écritures lisibles de gauche à droite.

Auteur Opquast - Consulter la licence


Les règles Opquast vous sont utiles ? Passez la certification

  • Une formation et une certification 100% en ligne, reconnues officiellement
  • Une formation en ligne de 14 heures en autonomie, disponible 24h/24, 7j/7
  • Formation autonome avec un guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, écoconception… pour tous les professionnels, débutants comme confirmés.
  • Un contenu reposant sur des règles vérifiables et un vocabulaire adopté par une large communauté de professionnels
  • Des principes de conception centrés sur la diversité des utilisateurs

Pourquoi s’inscrire ?

  • Améliorer votre profil professionnel et la reconnaissance de vos pairs
  • Consultez les offres d’emploi mentionnant Opquast et trouvez plus facilement un job
  • Ajouter de nouvelles compétences à votre profil professionnel
  • Améliorez votre culture web et celle de vos équipes
  • Prenez mieux en compte la diversité des utilisateurs
  • Réduisez les risques et améliorez la qualité de l’expérience utilisateur
  • Diminuez les coûts et améliorez la qualité de vos sites web
  • Dotez-vous d’une culture transversale et faites progresser vos équipes
  • Rejoignez la communauté Opquast et ses 13.000 certifiés
Logo Mon compte Formation

La certification Opquast est inscrite au Répertoire National des Certifications Professionnelles (RNCP) – Répertoire spécifique.