Rendre un site WordPress plus accessible, ce n’est pas seulement « faire plaisir » : cela améliore l’expérience, réduit les abandons, et augmente la clarté pour tous. Dans la pratique, les mêmes optimisations qui aident une personne malvoyante ou qui navigue au clavier rendent aussi la lecture plus fluide sur mobile. C’est pertinent pour une PME en Suisse romande, que les visiteurs soient à Lausanne, Morges, Vevey (Vaud), Genève, Carouge (Genève), Fribourg, Bulle (Fribourg), Sion, Martigny (Valais), Neuchâtel, La Chaux-de-Fonds (Neuchâtel), Delémont ou Porrentruy (Jura).
Sources de référence (officielles) : W3C WAI – WCAG, W3C – WAI-ARIA, W3C WAI – Tutoriels, MDN – Accessibilité, WordPress – Accessibility Handbook.
1) Le principe : viser des améliorations simples, mesurables
Les WCAG donnent un cadre, mais l’approche la plus efficace sur WordPress reste concrète : corriger ce qui bloque la navigation et la compréhension. Trois axes apportent rapidement un gain visible : contrastes, navigation clavier, et formulaires.
2) Contrastes et lisibilité : le socle (souvent négligé)
- Contraste texte/fond : éviter les gris trop clairs et les textes fins.
- Taille de police : garder une taille confortable sur mobile, avec un interlignage lisible.
- Liens : ne pas compter uniquement sur la couleur. Ajouter un soulignement ou un style clair.
Résultat attendu : une page plus lisible en plein soleil, sur petit écran, et pour les personnes ayant une baisse de vision.
3) Navigation au clavier : tester en 2 minutes
Un test simple donne souvent un diagnostic immédiat : naviguer sur le site uniquement avec Tab, Entrée et Échap. Si le focus est invisible, si le menu se bloque, ou si un élément « piège » le clavier, la page devient difficile à utiliser. MDN et le W3C décrivent les principes de navigation et d’accessibilité côté web.
- Vérifier que le focus est visible (contour, surbrillance).
- Contrôler l’accès au menu et aux sous-menus au clavier.
- Tester les modales (pop-up, cookie, recherche) : sortie possible au clavier, sans blocage.
4) Formulaires : réduire les erreurs et augmenter les conversions
Les formulaires sont un point critique pour les demandes de devis. Une structure accessible améliore aussi la conversion : moins d’hésitation, moins d’erreurs, plus de compréhension.
- Labels : chaque champ doit avoir un libellé explicite (pas uniquement un placeholder).
- Erreurs : indiquer clairement le champ concerné et la correction attendue.
- Ordre logique : un parcours cohérent au clavier (tabulation).
- Aide : exemples courts quand un format est attendu (téléphone, e-mail, code postal).
Attention à ARIA : c’est utile, mais cela ne doit pas compenser un HTML mal structuré. Le W3C rappelle que l’idéal reste un balisage natif correct, puis ARIA seulement si nécessaire.
5) Images et contenus : alt, titres, structure (Gutenberg)
Avec Gutenberg, une bonne structure est atteignable sans complexité :
- Texte alternatif (alt) : décrire l’information utile, pas l’image. Si l’image est décorative, un alt vide est souvent préférable.
- Titres : une hiérarchie H2/H3 logique (sans sauts incohérents).
- Listes : utiliser de vraies listes pour des étapes et des points clés.
6) Routine simple (30 minutes) pour un site plus accessible
- Choisir 3 pages critiques : Accueil, Service, Contact (ou Checkout si WooCommerce).
- Tester au clavier : focus visible, menus, modales, formulaires.
- Corriger contrastes et styles de liens sur ces pages.
- Améliorer 1 formulaire : labels, messages d’erreur, aide courte.
- Compléter alt et titres sur les blocs principaux.
FAQ Accessibilité WordPress (Suisse romande)
Comment vérifier rapidement si mon site WordPress est utilisable au clavier à Fribourg ou en Valais ?
Ouvrez une page clé et naviguez uniquement avec Tab et Entrée. Si le focus est invisible, si un menu ne s’ouvre pas, ou si une fenêtre bloque la navigation, une correction est nécessaire (styles de focus, structure du menu, comportement des modales).
Faut-il appliquer les WCAG pour une petite PME à Neuchâtel ou dans le Jura ?
Les WCAG servent de référence. Même sans viser un audit complet, appliquer les bases (contrastes, clavier, formulaires, structure) apporte un gain immédiat pour l’expérience utilisateur et la conversion.
Les contrastes et la lisibilité ont-ils un impact sur le SEO local ?
Indirectement, oui : une page plus lisible réduit les retours rapides, augmente l’engagement et améliore le parcours. Cela aide aussi à convertir le trafic local en demandes réelles.
Dois-je ajouter ARIA partout sur WordPress ?
Non. Un HTML correct et des composants bien construits suffisent souvent. ARIA est utile dans des cas précis (widgets complexes), mais il ne doit pas remplacer une structure de base saine.
Quels éléments WordPress cassent le plus souvent l’accessibilité ?
Les menus complexes, les pop-up mal gérées, certains sliders, et des formulaires sans labels. Une bonne méthode consiste à tester les pages critiques, puis à corriger en priorité ce qui bloque l’accès au contact ou à l’achat.
Besoin d’un plan d’amélioration accessible et orienté conversion ?
Pour améliorer l’accessibilité sur WordPress (contrastes, clavier, formulaires), garder un design propre, puis augmenter les demandes locales dans tous les cantons romands, contactez clickclick.ch.
