L'accessibilité web en clair pour un dirigeant de petite entreprise (sans embaucher de spécialiste)

On vous a dit que votre site devait être « accessible », et vous avez sans doute imaginé un audit coûteux, un spécialiste et une liste d'exigences illisible. Bonne nouvelle : l'essentiel du gain vient de quelques décisions simples que vous pouvez vérifier vous-même en une après-midi, sans écrire une ligne de code.

L'accessibilité, ce n'est pas seulement « un site pour personnes handicapées ». C'est un site utilisable par quelqu'un sur un téléphone en plein soleil, un client plus âgé qui ne lit pas le texte gris clair, ou une personne qui navigue au clavier. Concrètement, plus de gens finissent par vous appeler ou remplir votre formulaire. Dans cet article, je vous montre exactement quoi regarder et quoi corriger, dans l'ordre qui compte le plus.

Ce que signifie vraiment l'accessibilité (et pourquoi elle vous concerne)

L'accessibilité web signifie que votre site peut être utilisé par le plus grand nombre, quelles que soient la vue, l'ouïe, la mobilité ou le contexte (téléphone bon marché, mauvaise connexion, écran en plein soleil).

Ce n'est pas une question de « politiquement correct ». C'est très pragmatique : chaque personne qui n'arrive pas à lire le prix, à cliquer sur le bouton ou à trouver votre numéro est un client perdu. La plupart des problèmes d'accessibilité sont en fait des problèmes d'utilisabilité qui touchent tout le monde.

Autre bénéfice concret : Google « lit » plus facilement un site accessible. Un texte clair, des images bien décrites et une structure logique aident aussi le référencement, pas seulement vos lecteurs. Vous travaillez une fois et vous réglez deux choses.

Le contraste du texte — le gain le moins cher

Le problème le plus fréquent sur les sites de petites entreprises est le texte gris clair sur fond blanc. Ça paraît « élégant » sur l'écran du designer, mais devient illisible sur un téléphone en extérieur ou pour des yeux fatigués.

Règle pratique : texte foncé sur fond clair (ou l'inverse), sans nuances « limites ». La norme WCAG exige un contraste d'au moins 4,5:1 pour le texte normal — ça sonne technique, mais ça se vérifie gratuitement.

• Cherchez « WebAIM contrast checker » sur Google, saisissez le code couleur du texte et du fond, et il vous dit si ça passe.
• Vérifiez surtout le petit texte : pieds de page, prix, conditions, boutons à typographie fine.
• Ne comptez pas sur la couleur seule. Si vous signalez une erreur uniquement en rouge, quelqu'un qui distingue mal les couleurs ne la verra pas — ajoutez un texte (« Champ obligatoire »).

Le texte alternatif des images (alt text)

Chaque image importante devrait avoir une courte description textuelle — le « texte alternatif ». Les lecteurs d'écran l'utilisent pour les personnes aveugles, mais il apparaît aussi quand l'image ne se charge pas (mauvaise connexion), et Google le lit pour le contexte.

Comment bien le faire, sans effort :

• Décrivez ce qui est utile dans l'image, brièvement et naturellement : « Gâteau à deux étages aux fruits rouges » — pas « IMG_2043 ».
• Pour les images purement décoratives (une texture de fond), laissez la description vide pour ne pas encombrer le lecteur d'écran.
• N'y entassez pas de mots-clés SEO. Écrivez pour une personne qui ne voit pas la photo.

Sur la plupart des plateformes (WordPress, Wix, tout constructeur) il y a un champ « Texte alternatif » juste à côté de l'image. Quelques secondes par photo.

Des boutons, liens et formulaires utilisables par tous

C'est là que se perdent le plus de conversions, même si le reste du site est joli.

• Les boutons et liens que l'on touche du doigt doivent être assez grands et espacés. Si vous les ratez sur votre téléphone, votre client aussi.
• Le texte du lien doit dire où il mène : « Voir le menu » ou « Appeler maintenant », pas « Cliquez ici ». Qui parcourt une liste de liens doit comprendre sans le contexte autour.
• Sur les formulaires, chaque champ a besoin d'une étiquette visible (Nom, Téléphone), pas seulement un texte gris qui disparaît dès qu'on écrit.
• Le numéro de téléphone et l'adresse doivent être du vrai texte, pas une image. Ainsi on peut cliquer dessus directement et n'importe quel appareil peut les lire.

Un test rapide : essayez de parcourir la page uniquement avec la touche Tab. Si vous atteignez le bouton et voyez clairement où vous êtes, vous êtes sur la bonne voie.

Pièges courants et comment savoir si tout va bien (sans audit payant)

Quelques erreurs que je vois souvent :

• Les « widgets d'accessibilité » (cette barre d'icônes qui promet de rendre le site accessible en un clic). La plupart du temps ils ne règlent pas les vrais problèmes et les aggravent parfois. Il n'y a pas de bouton magique — corrigez plutôt à la source.
• Du texte posé sur des images chargées, sans contraste.
• Une police trop petite. En dessous de 16px pour le texte principal, ça devient dur à lire sur téléphone.
• Une vidéo qui démarre seule avec le son.

Comment vérifier soi-même, gratuitement : ouvrez le site sur un téléphone, en plein jour ; agrandissez le texte du navigateur et voyez si la mise en page casse ; parcourez la page avec Tab ; lancez un test automatique (cherchez « WAVE accessibility » ou utilisez le rapport « Accessibility » de Lighthouse, dans Chrome). Ça ne détecte pas tout, mais ça montre les gains faciles.

Si vous le souhaitez, chez MPO Web Studio nous construisons une démo gratuite de votre site, déjà pensée correctement pour le contraste, la structure et le mobile — vous la voyez avant de payer quoi que ce soit, nous travaillons à distance dans tout le pays, et nous vous disons en toute transparence ce que ça coûte. Écrivez-nous sur WhatsApp et nous ferons une vérification rapide de ce que vous avez actuellement.