Navigation au clavier
Arriver plus vite, sans souris
Les liens d'évitement et les raccourcis clavier mènent les utilisateurs du clavier et des lecteurs d'écran directement au contenu principal, à la navigation et à la recherche.
Sans moyen de sauter des zones, les utilisateurs du clavier doivent parcourir tout le menu avec Tab sur chaque page. EZZE WCAG Pro ajoute à votre thème trois liens d'évitement et cinq raccourcis clavier, vérifie les cibles sur votre page d'accueil et est inclus dans tous les plans.
- Trois liens d'évitement, sans JavaScript
- Cinq raccourcis clavier protégés contre les conflits
- Vérification des cibles sur votre page d'accueil
Deux outils
Passer facilement les zones répétées
Le logo, le menu et la barre latérale se répètent sur chaque page. Les utilisateurs du clavier ou d'un lecteur d'écran ont besoin d'un moyen rapide de les passer.
Liens d'évitement
La première pression sur Tab mène directement au contenu
Les liens d'évitement se trouvent juste après la balise body et restent invisibles jusqu'à ce que quelqu'un appuie sur Tab. La page de réglages présente chaque cible dans sa propre carte.
-
Trois cibles, activables séparément
Contenu principal, navigation et recherche sont actifs après l'installation. Pour chaque cible, vous définissez le sélecteur CSS, le texte du lien et, en option, un attribut title.
-
Vérification des cibles sur votre page d'accueil
L'état de configuration distingue une cible unique, une cible manquante et les sélecteurs qui correspondent à plusieurs éléments.
-
Design des liens d'évitement avec aperçu
Couleurs, typographie, espacements, coins, bordures et ombres dans un seul éditeur, autour d'un aperçu du lien d'évitement focalisé.
-
Mise en évidence et décalage de défilement
La cible s'illumine brièvement, au choix avec un fondu ou un zoom. Le décalage de défilement, de 50 px par défaut, la garde visible sous un en-tête fixe.
Raccourcis clavier
Cinq raccourcis pour les zones essentielles
Avec Alt + Maj sous Windows et Linux, Control + Option sur Mac. Chaque raccourci peut être désactivé individuellement ou attribué à une autre lettre.
- Alt+Maj+N Navigation
- Alt+Maj+H Contenu principal
- Alt+Maj+S Haut de page
- Alt+Maj+E Bas de page
- Alt+Maj+F Recherche
WCAG
Quatre critères soutenus par la navigation au clavier
Les liens d'évitement et les raccourcis clavier comblent l'une des lacunes les plus fréquentes des thèmes WordPress. Les libellés manquants ou les problèmes de contraste sont détectés par le test d'accessibilité.
Bon à savoir
Des questions sur la navigation au clavier ?
Plans, visibilité, JavaScript, Mac, en-têtes fixes et aide clavier.
1. Les liens d'évitement et les raccourcis clavier sont-ils inclus dans le plan Free ?
Oui. Les deux font partie des optimisations du site et sont inclus dans tous les plans, y compris le plan Free.
2. Pourquoi je ne vois pas les liens d'évitement sur mon site ?
C'est normal. Les liens d'évitement sont masqués et n'apparaissent que lorsqu'ils reçoivent le focus avec la touche Tab. Rechargez la page et appuyez une fois sur Tab.
3. Les liens d'évitement et les raccourcis clavier ont-ils besoin de JavaScript ?
Pas les liens d'évitement : ils sont insérés juste après la balise body et fonctionnent avec HTML et CSS. Les raccourcis clavier ont besoin de JavaScript.
4. Quelles touches utiliser sur Mac ?
Sur Mac, utilisez Control + Option au lieu de Alt + Maj, par exemple Control + Option + H pour le contenu principal.
5. Mon en-tête fixe masque la cible. Que faire ?
Réglez le décalage de défilement au moins à la hauteur de votre en-tête fixe. La valeur par défaut est de 50 px, pour les liens d'évitement comme pour les raccourcis clavier.
6. Comment les visiteurs savent-ils quels raccourcis existent ?
Activez l'aide clavier dans les réglages de la barre d'outils d'accessibilité. Elle affiche les raccourcis actifs avec les libellés que vous définissez.
Commencez maintenant
Prêt pour un site sans détours ?
Installez EZZE WCAG Pro gratuitement, vérifiez vos cibles et appuyez une fois sur Tab sur votre page d'accueil.
Liens d'évitement et raccourcis clavier pour WordPress
Un lien d'évitement vers le contenu principal fait partie des bases d'un site accessible, mais il manque dans de nombreux thèmes WordPress. La navigation au clavier d'EZZE WCAG Pro ajoute trois liens d'évitement vers le contenu principal, la navigation et la recherche, ainsi que cinq raccourcis clavier qui mènent à ces zones depuis n'importe quel endroit de la page. Cela soutient les critères WCAG 2.4.1 Contourner des blocs, 2.1.1 Clavier, 2.1.4 Raccourcis clavier utilisant des caractères et 2.4.7 Visibilité du focus.
Les deux outils vérifient leurs sélecteurs CSS sur votre page d'accueil pour qu'aucun saut ne mène dans le vide. Avec le design des liens d'évitement, vous adaptez les couleurs, la police et les ombres à votre thème, et un décalage de défilement garde la cible visible sous les en-têtes fixes.
Une des optimisations du site, dans tous les plans
Les liens d'évitement et les raccourcis clavier font partie des optimisations du site et sont inclus dans le plan Free. Avec les contours de focus, ils permettent aux visiteurs de toujours voir où ils se trouvent et d'arriver rapidement là où ils veulent aller.