Optimisations du site
Rendez votre site plus facile à utiliser
Liens d'évitement, raccourcis clavier, contours de focus, réglages du viewport, fils d'Ariane et optimisations des liens – six outils qui agissent directement sur le front-end.
EZZE WCAG Pro complète votre thème là où les utilisateurs du clavier et des lecteurs d'écran restent souvent bloqués. Vous activez chaque outil séparément, le vérifiez dans l'aperçu et ne modifiez aucune ligne de votre thème.
- Les six outils dans tous les plans, y compris le plan Free
- Soutiennent des critères WCAG comme 2.4.1, 2.4.7 et 1.4.4
- Vérification des cibles, aperçu en direct et test du viewport
Les outils
Six optimisations pour le clavier, le zoom et l'orientation
Chaque outil dispose de sa propre page de réglages avec aide et s'active indépendamment des autres. Les étiquettes indiquent quels critères WCAG il soutient.
-
Dans tous les plans
Liens d'évitement
WCAG 2.4.1 WCAG 2.1.1
Des liens d'évitement invisibles apparaissent à la première pression sur la touche Tab et mènent directement au contenu principal, à la navigation ou à la recherche.
- Cibles définies par sélecteur CSS, vérifiées sur la page d'accueil
- Design personnalisé, mise en évidence et décalage de défilement
-
Dans tous les plans
Raccourcis clavier
WCAG 2.1.1 WCAG 2.4.1
Cinq raccourcis mènent à la navigation, au contenu principal, au haut de page, au bas de page et à la recherche – avec Alt + Maj sous Windows et Control + Option sur Mac.
- Listés dans l'aide clavier de la barre d'outils
- « Vérifier toutes les cibles » et protection contre les conflits
-
Dans tous les plans
Contours de focus
WCAG 2.4.7 WCAG 1.4.11
Des contours de focus bien visibles montrent à tout moment aux utilisateurs du clavier où ils se trouvent – en outline, border ou box-shadow.
- Profils standard, alternatif et champs de formulaire
- Aperçu en direct et :focus-visible par défaut
-
Dans tous les plans
Réglages du viewport
WCAG 1.4.4 WCAG 1.4.10
Permet aux visiteurs de zoomer sur smartphone, même si le thème bloque le zoom. La modification se fait côté serveur.
- maximum-scale 5.0 ou aucune limite
- Test du viewport en cinq points
-
Dans tous les plans
Fils d'Ariane
WCAG 2.4.8 WCAG 2.4.5
Un fil d'Ariane accessible montre aux visiteurs où ils se trouvent dans la structure de votre site et les ramène en un clic.
- Intégré par shortcode ou fonction PHP
- Balisage Schema.org et aria-current
-
Dans tous les plans
Optimisations des liens
WCAG 2.4.4 WCAG 3.2.5
Les liens externes qui ouvrent un nouvel onglet l'annoncent ou s'ouvrent dans le même onglet. Si vous le souhaitez, tous les liens reçoivent un soulignement net.
- Mention pour lecteurs d'écran, avec icône en option
- Styles de lien globaux pour soulignement et survol
Configuration
Activer, vérifier, c'est prêt
Les pages de réglages vous évitent les devinettes : elles vérifient les cibles sur votre vraie page d'accueil et montrent les modifications avant que les visiteurs ne les voient.
En toute transparence
Ce que font les optimisations – et ce qu'elles ne font pas
Les outils comblent des lacunes fréquentes de nombreux thèmes. Ils ne rendent pas automatiquement accessible un site dont les contenus et les modèles comportent des obstacles.
Ce qu'elles font
- Des accès rapides au contenu par liens d'évitement et raccourcis clavier
- Focus visible, zoom autorisé et orientation claire
- Des liens compréhensibles qui n'ouvrent pas d'onglet sans prévenir
Ce qu'elles ne remplacent pas
- Le HTML sémantique et les libellés dans le thème et les contenus
- Des contrastes de couleur suffisants et des textes alternatifs
- Le test d'accessibilité, qui trouve les obstacles restants
Conseil
Après la configuration, parcourez une fois votre page d'accueil uniquement au clavier, puis lancez le test d'accessibilité. Pour les préférences de vos visiteurs, il existe aussi la barre d'outils d'accessibilité.
Bon à savoir
Des questions sur les optimisations du site ?
Plans, WCAG, JavaScript, fils d'Ariane, raccourcis clavier et styles de lien.
1. Les optimisations du site sont-elles incluses dans le plan Free ?
Oui. Les liens d'évitement, les raccourcis clavier, les contours de focus, les réglages du viewport, les fils d'Ariane et les optimisations des liens sont inclus dans tous les plans, y compris le plan Free. Ils ne consomment ni quota IA ni quota de tests.
2. Mon site devient-il ainsi conforme aux WCAG ?
Non, pas automatiquement. Les optimisations soutiennent certains critères comme 2.4.1 Contourner des blocs, 2.4.7 Visibilité du focus ou 1.4.4 Redimensionnement du texte. Les libellés manquants, textes alternatifs, contrastes ou problèmes du thème sont détectés par le test d'accessibilité.
3. Les optimisations fonctionnent-elles sans JavaScript ?
En grande partie, oui. Les liens d'évitement, les contours de focus, les fils d'Ariane et les styles de lien globaux reposent sur HTML et CSS, et les réglages du viewport sont appliqués côté serveur. Les raccourcis clavier et le marquage des liens externes nécessitent JavaScript.
4. Comment intégrer les fils d'Ariane ?
Avec le shortcode [wcag_breadcrumbs] dans un article, une page ou un widget, ou avec la fonction PHP wcag_breadcrumbs() dans votre thème. Le résultat est un élément nav avec une liste ordonnée, aria-current pour la page actuelle et une BreadcrumbList Schema.org.
5. Les raccourcis clavier peuvent-ils entrer en conflit avec le navigateur ?
Les raccourcis combinent Alt + Maj, ou Control + Option sur Mac, avec une lettre. Les raccourcis actifs doivent utiliser des lettres différentes. Si vous changez une lettre, choisissez-en une que votre navigateur n'utilise pas déjà. « Vérifier toutes les cibles » vous indique en outre si chaque cible existe sur votre page d'accueil.
6. Que se passe-t-il si les visiteurs choisissent « Souligner tous les liens » dans la barre d'outils ?
Cette option pour les visiteurs peut concerner les mêmes liens que vos styles de lien globaux. La page de réglages vous en avertit. Testez les deux fonctions ensemble ou désactivez l'une d'elles.
Commencez maintenant
Prêt pour un site facile à utiliser ?
Installez EZZE WCAG Pro gratuitement, activez les optimisations du site et essayez-les tout de suite au clavier.
Optimisations du site WordPress – clavier, focus et zoom
De nombreux thèmes WordPress sont beaux, mais laissent tomber les utilisateurs du clavier et des lecteurs d'écran : pas de lien d'évitement, un focus invisible ou un zoom bloqué sur smartphone. Les optimisations du site d'EZZE WCAG Pro comblent ces lacunes directement sur le front-end – avec des liens d'évitement, des raccourcis clavier, des contours de focus, des réglages du viewport, des fils d'Ariane et des liens optimisés.
Chaque outil soutient des critères WCAG précis, par exemple 2.4.1 Contourner des blocs, 2.4.7 Visibilité du focus, 1.4.4 Redimensionnement du texte ou 2.4.4 Fonction du lien. La vérification des cibles, l'aperçu en direct et le test du viewport vous aident à adapter les réglages à votre thème sans écrire de code.
Inclus dans le plan Free, en lien avec les autres fonctionnalités
Les six optimisations font partie du plugin et sont incluses dans chaque plan. Les raccourcis clavier apparaissent dans l'aide clavier de la barre d'outils d'accessibilité, et le test d'accessibilité montre quels obstacles subsistent ensuite dans le thème et les contenus. Vous trouverez une vue d'ensemble de tous les outils sur la page Fonctionnalités.