Un client nous appelle depuis un chantier, en plein soleil, pour retrouver le numéro d'un fournisseur sur le site de ce dernier. Il n'y arrive pas : le texte gris clair du pied de page est invisible sur son écran de téléphone dans ces conditions. Le même jour, une comptable nous signale qu'elle ne parvient pas à valider un formulaire de commande parce que sa souris est hors service et que la touche de tabulation ne lui donne accès à aucun des champs. Aucune de ces deux personnes n'est en situation de handicap reconnue. Toutes deux viennent de renoncer à un achat.
C'est ce que recouvre le mot accessibilité, avant toute considération réglementaire : votre site reste-t-il utilisable quand les conditions ne sont pas idéales. Nous ne vendons pas de certification et nous ne délivrons pas d'attestation de conformité au référentiel RGAA. Nous posons un socle sur les créations WordPress, à partir de 900 HT, et nous le maintenons ensuite. Sur le plan légal, les obligations les plus contraignantes visent le secteur public et certaines grandes structures, et le périmètre s'élargit progressivement : si votre activité peut être concernée, faites vérifier votre cas par un juriste.
Les situations d'usage qui rendent un site inutilisable
Le raisonnement devient concret dès qu'on liste les conditions réelles de consultation, plutôt qu'un profil théorique de visiteur.
- Un client de plus de cinquante ans lit sans ses lunettes et agrandit la page dans son navigateur. Si votre mise en page casse au-delà d'un certain niveau de zoom, le contenu devient inatteignable.
- Une secrétaire remplit vingt formulaires par jour et se déplace exclusivement au clavier, par habitude et par rapidité.
- Une personne malvoyante utilise un lecteur d'écran, un logiciel qui énonce le contenu à voix haute. Ce logiciel ne peut lire que ce qui est écrit dans le code : un bouton sans intitulé lui reste muet.
- Un visiteur en zone mal couverte charge la page sans les images. Si l'information vit uniquement dans un visuel, elle disparaît pour lui.
Aucune de ces situations n'est marginale, et aucune ne demande une refonte complète pour être prise en compte. La plupart des correctifs relèvent du réglage de thème et de la façon d'écrire les contenus.
Contraste, taille et espacement : les corrections qui tiennent dans le thème
Le contraste est le défaut le plus répandu et le plus simple à mesurer. Le référentiel international WCAG recommande un rapport de contraste d'au moins 4,5 pour 1 entre un texte courant et son fond. Les thèmes du commerce affichent volontiers du gris clair sur du blanc parce que cela paraît élégant sur l'écran du concepteur, dans un bureau sans reflet. Nous relevons les couleurs de votre charte, nous mesurons les combinaisons utilisées, et nous ajustons les nuances les plus faibles sans changer votre identité visuelle.
Deux autres réglages se traitent au même moment. La taille du texte courant doit rester confortable sur mobile, et la mise en page doit supporter un agrandissement important sans que les colonnes se chevauchent. Enfin, une information ne doit jamais reposer sur la couleur seule : un champ obligatoire signalé uniquement en rouge, ou une disponibilité indiquée par un rond vert sans texte, échappe à une partie de vos visiteurs. Nous ajoutons un mot ou un symbole en plus de la couleur.
Le texte posé sur une photographie mérite une attention particulière, car le contraste varie selon la zone de l'image : un voile sombre derrière le texte règle le problème.
Le clavier, le focus et les composants qui piègent le visiteur
Le test tient en trente secondes et nous le faisons sur tous les sites que nous reprenons : nous parcourons la page uniquement avec la touche de tabulation. Trois défauts apparaissent presque toujours.
Le premier est la suppression de l'indicateur de focus. De nombreux thèmes retirent le contour qui signale l'élément sélectionné, parce qu'un designer l'a trouvé inesthétique. La navigation continue de fonctionner, mais l'utilisateur ne sait plus où il se trouve. Nous rétablissons un indicateur visible, en le stylisant aux couleurs du site plutôt qu'en le supprimant.
Le deuxième est le menu déroulant qui ne s'ouvre qu'au survol de la souris. Au clavier comme sur un écran tactile, les sous-rubriques deviennent inaccessibles, ce qui peut masquer la moitié de vos pages. Le troisième est la fenêtre superposée, souvent une invitation à s'inscrire à une lettre d'information, qui capte le focus et ne se ferme pas avec la touche d'échappement.
Nous ajoutons également un lien d'évitement en début de page, qui permet de sauter le menu pour rejoindre directement le contenu, et nous remplaçons les intitulés vides de sens. Un lien libellé « cliquez ici » n'indique rien à un lecteur d'écran qui énumère les liens d'une page, alors que « télécharger notre grille tarifaire » se comprend seul. Le constructeur de pages Elementor, que nous utilisons sur nos vitrines, permet de tenir ces règles à condition de ne pas empiler les animations et les carrousels qui démarrent tout seuls.
Les formulaires, là où un défaut d'accessibilité coûte un devis
Un formulaire mal construit ne produit pas une plainte : il produit un silence, et personne dans l'entreprise ne sait qu'une demande a été perdue. Nous vérifions donc systématiquement quatre points.
Chaque champ possède une étiquette réellement associée à lui dans le code, et non un simple texte grisé à l'intérieur du champ. Ce texte d'exemple disparaît dès la première frappe, ce qui laisse l'utilisateur sans repère et le lecteur d'écran sans information. Les messages d'erreur nomment le champ et le problème, plutôt que d'afficher un avertissement général en haut de page. Les champs courants déclarent leur nature pour que le navigateur propose le remplissage automatique du nom, de l'adresse ou du téléphone. Enfin, la protection contre les robots ne doit pas devenir un obstacle : nous utilisons reCAPTCHA v3, qui fonctionne en arrière-plan sans imposer de série d'images à déchiffrer.
Un formulaire accessible reste inutile si le message n'arrive pas dans la boîte de réception. Ce problème, différent mais tout aussi silencieux, est décrit dans le formulaire dit merci et le mail n'arrive jamais.
Ce que Lighthouse détecte, et ce qu'aucun outil ne verra
Lighthouse, l'outil d'analyse intégré au navigateur Chrome, produit une note d'accessibilité utile pour repérer les erreurs mécaniques : image sans texte alternatif, bouton sans intitulé, contraste insuffisant, langue de la page non déclarée. Nous le passons à la mise en ligne puis lors des revues de maintenance, dans le même relevé que les mesures de vitesse que nous expliquons dans LCP, INP et CLS en français.
Il faut cependant savoir ce que cette note ne dit pas. Un score élevé ne prouve pas que le site est utilisable, car un outil automatique ne juge ni la pertinence d'un texte alternatif, ni la logique d'un parcours, ni la clarté d'un intitulé de bouton. Une image décrite par « photo1 » passe le test. Un tunnel de commande incompréhensible aussi. Le contrôle final reste humain, et il tient en quelques minutes de navigation au clavier avec le son activé.
Comment nous tenons l'accessibilité d'un site dans la durée
À la création, nous intégrons ces contrôles à la recette avant mise en ligne : mesure des contrastes de la charte, parcours au clavier, vérification des étiquettes de formulaire, contrôle du comportement au zoom. Nous documentons les couleurs validées, ce qui évite qu'une future page réintroduise un gris illisible.
Ensuite, la vigilance porte sur les mises à jour. Une nouvelle version de thème ou d'extension peut modifier une couleur de bouton ou réintroduire une animation, sans que personne le remarque. C'est la raison pour laquelle nous incluons ce contrôle dans la maintenance WordPress à **500 HT / an**, avec les autres vérifications de la revue périodique. Nous intervenons à distance, partout en France et en Suisse.
Un site accessible n'est pas un site austère, et ce chantier ne réclame ni budget exceptionnel ni label. Il demande des décisions prises au bon moment et tenues dans le temps. Si votre menu devient illisible au soleil, ou si votre formulaire résiste à la navigation au clavier, envoyez-nous l'adresse de votre site. Nous vous remettrons la liste des blocages réels, classés par effort et par impact, sans vous vendre un audit réglementaire dont vous n'avez pas besoin.