Accessibilité web : 6 réglages qui changent tout

Sep, 2026 | Blog, Site internet

🌞 Le point de départ

Le gris clair qui disparaît au soleil

En réunion de validation, un texte gris clair sur fond blanc passe très bien. L'écran est calibré, la pièce est sombre, tout le monde hoche la tête. Trois semaines plus tard, votre client consulte la même page sur son téléphone, dehors, à dix heures du matin, une main occupée par un sac de courses. Il ne lit rien. Il repart.

Personne n'a rien fait de mal. Simplement, le site a été conçu pour des conditions idéales que presque aucun visiteur ne réunit. L'accessibilité web, c'est exactement ça : vérifier qu'un site continue de fonctionner quand les conditions ne sont pas parfaites. Une vue qui fatigue, une souris capricieuse, un écran trop petit, une connexion qui traîne, une lumière qui écrase les contrastes.

On la présente souvent comme une obligation administrative, une case à cocher imposée d'en haut. Je la vois autrement : c'est une discipline de conception, et c'est l'une des rares qui élargit votre audience au lieu de la filtrer.

🧭 Ce qui se joue

Accessible ne veut pas dire austère

La crainte que j'entends le plus souvent : « si on rend le site accessible, il va devenir moche ». C'est un malentendu tenace. Aucun des réglages qui suivent n'impose une esthétique. Ils imposent une exigence : que ce qui est affiché soit réellement perceptible et réellement utilisable.

L'autre malentendu, c'est de croire que l'accessibilité ne concerne qu'une minorité. Elle concerne évidemment les personnes en situation de handicap visuel, moteur ou cognitif. Mais elle concerne aussi tous les gens qui, ce jour-là, sont dans une situation dégradée : le soleil, la fatigue, le bras cassé, le vieux téléphone, le train qui secoue. Ce public-là, c'est tout le monde, une fois de temps en temps.

Et un dernier point, le plus rassurant : ces corrections ne demandent pas de tout refaire. Sur la plupart des sites que nous reprenons, ce sont des ajustements ciblés, souvent invisibles pour le propriétaire du site, décisifs pour une partie de ses visiteurs.

👁️ Réglages 1 et 2

Contrastes et tailles : la lisibilité d'abord

1. Un contraste qui tient dehors

Le contraste entre un texte et son fond se mesure. Ce n'est pas une affaire de goût, c'est un rapport chiffré, et il existe des seuils reconnus au-delà desquels un texte reste lisible dans des conditions dégradées. Le gris clair sur blanc, le blanc sur photo claire, le texte de couleur pastel sur fond coloré : ce sont les trois coupables habituels.

Corriger ne veut pas dire passer tout le site en noir sur blanc. Cela veut dire assombrir un gris de deux crans, ajouter un voile derrière un texte posé sur image, réserver les teintes pâles aux éléments décoratifs plutôt qu'aux informations. Le résultat visuel change à peine. Le taux de gens qui lisent réellement, lui, change beaucoup.

2. Une taille de texte pensée pour lire

Beaucoup de sites utilisent des tailles de caractères choisies pour la maquette : elles servent l'équilibre de la page, pas la lecture. Ajoutez une interlignage trop serré et des paragraphes qui courent sur toute la largeur de l'écran, et vous obtenez un bloc que l'œil refuse d'attaquer.

Un texte confortable, c'est une taille qui ne force personne à zoomer, un interligne qui laisse respirer, et des lignes qui ne dépassent pas une longueur raisonnable. Il faut aussi que la page tienne quand un visiteur augmente la taille de police de son navigateur — ce que font énormément de gens après quarante-cinq ans, sans jamais le dire à personne.

⌨️ Réglages 3 et 4

3. Tout le site utilisable au clavier

Prenez votre site, posez la souris, et parcourez une page entière à la touche Tabulation. Vous allez apprendre beaucoup de choses en deux minutes. Un menu qui ne s'ouvre qu'au survol devient inatteignable. Une fenêtre modale qui ne se ferme pas emprisonne le visiteur. Un bouton fabriqué avec une simple image cliquable n'existe tout simplement pas.

Cette navigation ne sert pas qu'aux lecteurs d'écran. Elle sert aux personnes qui ont des difficultés motrices fines, à celles qui utilisent un dispositif de pointage alternatif, et à tous ceux qui, sur un formulaire, préfèrent enchaîner les champs au clavier plutôt que de cliquer douze fois.

4. Un focus visible en permanence

Le corollaire du point précédent : quand on se déplace au clavier, il faut voir où l'on se trouve. Les navigateurs affichent un contour par défaut sur l'élément actif. Ce contour est très souvent supprimé parce qu'il est jugé inesthétique — et là, la navigation devient un jeu de piste dans le noir.

La bonne réponse n'est jamais de le supprimer, mais de le redessiner : un contour net, dans une couleur de votre charte, suffisamment contrasté. C'est une correction d'une ligne dont l'effet est immédiat.

🗂️ Réglages 5 et 6

Donner du sens aux images et aux formulaires

5. Des images réellement décrites

Chaque image porteuse d'information doit avoir une description textuelle. Pas un nom de fichier, pas un mot-clé bourré à la va-vite : une phrase qui dit ce que l'image montre et pourquoi elle est là. Une photo purement décorative, elle, doit être signalée comme telle pour ne pas polluer la lecture.

C'est le réglage qui a l'effet commercial le plus direct, et j'y reviens plus bas : ces descriptions sont aussi ce que lisent les moteurs de recherche.

6. Une structure de titres et des formulaires étiquetés

Un lecteur d'écran ne lit pas une page de haut en bas comme un roman : il saute de titre en titre pour se repérer. Si vos titres sont choisis pour leur taille visuelle plutôt que pour leur niveau logique, ce plan devient incompréhensible. Une hiérarchie propre, sans saut de niveau, c'est un sommaire invisible offert à ceux qui en ont besoin.

Même logique pour les formulaires : chaque champ a besoin d'une étiquette réelle, pas d'un texte gris à l'intérieur du champ qui disparaît dès qu'on tape. Et quand une erreur survient, le message doit dire lequel des champs pose problème et pourquoi — pas un « formulaire invalide » rouge en haut de page qui laisse le visiteur chercher tout seul. Un formulaire mal étiqueté, c'est un devis perdu, quelles que soient les capacités du visiteur.

🔍 L'effet secondaire

Google lit exactement les mêmes signaux

Voilà le point qui transforme la contrainte supposée en levier. Un moteur de recherche ne voit pas vos pages : il les lit. Et il lit précisément ce que lit un lecteur d'écran.

  • Les descriptions d'images, qui sont la seule façon pour un moteur de comprendre ce que montre une photo.
  • La hiérarchie des titres, qui lui indique le plan de la page et les sujets traités.
  • Le texte des liens : « en savoir plus » ne dit rien à personne, « voir nos tarifs de création de site » dit tout.
  • La structure sémantique du code, qui distingue un menu d'un contenu principal d'un pied de page.
  • Le poids des pages et leur vitesse d'affichage, qui pénalisent d'abord les connexions lentes.

Un site accessible est presque toujours un site mieux compris par Google. Ce n'est pas une coïncidence : les deux publics, la personne qui utilise une technologie d'assistance et le robot d'indexation, ont le même besoin — du sens explicite plutôt que du sens sous-entendu par la mise en page.

⚖️ La question réglementaire

Obligation légale ou simple bon sens ?

Les obligations d'accessibilité numérique existent depuis longtemps pour les services publics et les organismes qui remplissent une mission de service public, et le périmètre s'étend progressivement à une partie du secteur privé, notamment sur les services en ligne et le commerce électronique. Si votre activité est concernée, le cadre applicable et le calendrier méritent une vérification au cas par cas — c'est une question juridique, pas une question de design.

Pour l'immense majorité des entreprises que nous accompagnons — un domaine viticole, une boutique, un cabinet, un coach —, la question ne se pose pas en ces termes. Elle se pose en termes de visiteurs perdus. Vous n'avez pas besoin d'une obligation légale pour vouloir qu'un client puisse lire vos horaires en plein soleil.

« Nous refusons de traiter l'accessibilité comme une option à cocher en fin de projet. Elle se décide au moment où l'on choisit les couleurs, pas trois mois après la mise en ligne. »

🛠️ Concrètement chez nous

Ce que nous intégrons sans vous le facturer en plus

Sur un site que nous créons, ces six réglages font partie du travail. Ils ne constituent pas une ligne supplémentaire dans le devis. Notre grille est publique — de 990 € HT pour une page à 3 060 € HT pour dix pages, en dégressif — et l'accessibilité de base est comprise dedans, au même titre que le fait que le site s'affiche correctement sur téléphone. Cela nous paraît relever du métier, pas de l'option.

Palette validée en contraste dès la phase de direction artistique, avant qu'une seule page ne soit codée.

Parcours complet testé au clavier avant la mise en ligne, menu et formulaires compris.

Descriptions d'images rédigées pour le sens, pas remplies automatiquement avec le nom de fichier.

Ce que nous ne promettons pas : une conformité réglementaire certifiée, qui relève d'un audit spécialisé et d'un budget dédié.

Sur un site existant, la démarche est différente. Nous commençons par regarder ce qui coince réellement, parce que l'expérience montre que deux ou trois corrections suffisent souvent à débloquer l'essentiel. Si le thème ou la structure du site rendent ces corrections impossibles, on le dit franchement, et la discussion bascule vers une refonte plutôt que vers du rafistolage payant.

Pour les sites que nous maintenons, ces points font partie de ce que nous surveillons dans la durée : une mise à jour de thème, un plugin qui s'installe, une nouvelle page ajoutée par vos soins, et un réglage peut sauter sans que personne ne le remarque.

🌱 Ce que vous y gagnez

Un site qui ne filtre plus ses visiteurs

Aucun de ces six réglages ne se voit sur une capture d'écran. Tous se sentent à l'usage. Voilà ce qu'ils changent vraiment :

  • Vos textes restent lisibles sur un téléphone, dehors, sans que personne n'ait à zoomer.
  • Vos formulaires se remplissent jusqu'au bout, y compris par ceux qui n'utilisent pas de souris.
  • Vos images sont enfin comprises par les moteurs de recherche, ce qui ouvre la recherche d'images.
  • Vos pages sont plus faciles à indexer, parce que leur plan est explicite.
  • Vous arrêtez de perdre, sans le savoir, la part de vos visiteurs qui n'était pas dans des conditions idéales.

Si vous voulez savoir où en est votre site aujourd'hui, le plus simple reste de nous le montrer. Trente secondes à la touche Tabulation et un coup d'œil sur vos contrastes suffisent généralement à identifier ce qui bloque.

❓ Questions fréquentes

Pour aller plus loin

Est-ce que l'accessibilité va rendre mon site moins joli ?
Non. Aucun de ces réglages n'impose une esthétique particulière. Assombrir un gris de deux crans, redessiner le contour de focus dans la couleur de votre charte ou agrandir légèrement un corps de texte ne modifie pas l'identité visuelle d'un site. Dans la pratique, la plupart de nos clients ne voient pas la différence sur les maquettes, alors que leurs visiteurs, eux, la ressentent immédiatement à la lecture.
Faut-il refaire tout mon site pour le rendre accessible ?
Le plus souvent, non. Deux ou trois corrections ciblées débloquent l'essentiel : les contrastes, la navigation au clavier et les descriptions d'images. Il arrive cependant qu'un thème mal construit rende ces corrections impossibles sans toucher au code en profondeur. Dans ce cas, nous le disons franchement plutôt que de facturer du rafistolage, et la discussion bascule vers une refonte de site.
L'accessibilité améliore-t-elle vraiment le référencement ?
Oui, indirectement mais réellement. Un moteur de recherche lit les mêmes signaux qu'un lecteur d'écran : descriptions d'images, hiérarchie des titres, texte des liens, structure sémantique du code. Améliorer ces éléments pour les humains les améliore mécaniquement pour Google. Ce n'est pas un facteur de classement magique, mais un site accessible est presque toujours un site mieux compris, donc mieux indexé.
Mon entreprise est-elle légalement obligée de rendre son site accessible ?
Cela dépend de votre statut et de votre activité. Les obligations concernent depuis longtemps les services publics et les organismes remplissant une mission de service public, et le périmètre s'étend progressivement à une partie du secteur privé, notamment sur les services en ligne. C'est une question juridique qui mérite une vérification au cas par cas. Pour la plupart des TPE et PME, l'enjeu reste avant tout commercial : ne pas perdre de visiteurs.
Combien coûte la mise en accessibilité d'un site ?
Sur un site que nous créons, ces réglages font partie du travail et n'apparaissent pas en ligne supplémentaire dans le devis : notre grille va de 990 € HT pour une page à 3 060 € HT pour dix pages en dégressif, accessibilité de base comprise. Sur un site existant, le coût dépend de ce qui coince réellement et de la qualité du thème en place. Nous regardons d'abord, nous chiffrons ensuite.
Comment tester rapidement mon propre site ?
Deux gestes suffisent pour un premier diagnostic. Posez votre souris et parcourez une page entière avec la touche Tabulation : si vous ne voyez jamais où vous êtes, ou si le menu devient inatteignable, vous avez déjà un problème. Puis sortez consulter votre site sur votre téléphone en plein soleil. Ce que vous n'arrivez pas à lire, vos clients non plus.
✨ Et pour vous ?

Sachez où vous en êtes vraiment

Notre audit de visibilité est gratuit et sans engagement : un état des lieux clair, des priorités, et ce que vous pouvez en attendre.

👉 Demander mon audit gratuit
🗂️ Pour aller plus loin

Explorer nos services

À vous de jouer

Prêts à Récolter les fruits d'une bonne com ?

Une visibilité qui se construit, se mesure et vous appartient : votre entreprise mérite d'être trouvée.

Thomas Bracchetti

Thomas est un créateur multitâche avec une forte expertise web. Lui-même dirigeant, il connaît bien les enjeux et les problématiques auxquels sont confrontés les chefs d’entreprise.

À lire aussi

Les articles précédents