Customer Impact

Website & Development

Rendre votre site web accessible : le plan étape par étape

Copier pour l'IA

Rendre votre site web accessible ne passe pas par une reconstruction complète, mais par la résolution ciblée d’une série de problèmes concrets sur les pages que vous avez déjà. Vous cartographiez d’abord les endroits où vos visiteurs se bloquent, vous levez les plus grands obstacles en premier, vous testez le résultat et vous le consignez dans une déclaration d’accessibilité. Dans cet article, vous trouverez un plan d’action pratique pour un site en ligne, ainsi que la manière de rédiger une déclaration qui tient vraiment la route.

Que signifie exactement rendre votre site web accessible ?

Rendre votre site web accessible signifie que votre site est utilisable par le plus grand nombre de personnes possible, y compris celles qui voient mal, qui n’utilisent pas de souris ou qui naviguent avec un lecteur d’écran. Le cadre de référence international est le WCAG (Web Content Accessibility Guidelines) du W3C, construit autour de quatre principes : perceptible, utilisable, compréhensible et robuste. En pratique, le niveau AA est souvent retenu comme objectif, soit le niveau intermédiaire des trois niveaux de conformité.

Important à retenir : l’accessibilité, c’est presque toujours simplement une bonne UX pour tout le monde. Un meilleur contraste aide aussi le visiteur en plein soleil. Un texte de bouton clair aide aussi celui qui est pressé. Vous améliorez l’expérience de manière large, pas seulement pour un groupe de niche. Et comme un visiteur exclu ne devient jamais client, cela touche directement votre conversion. Qui ne peut pas remplir votre formulaire ne le remplit pas.

Votre entreprise doit-elle s’y conformer ?

Pour beaucoup d’organisations B2B, la réponse est : probablement en partie, mais faites-le vérifier juridiquement. Depuis le 28 juin 2025, l’European Accessibility Act (EAA, directive (UE) 2019/882) s’applique. Cette loi européenne oblige un large ensemble de produits et de services, comme les boutiques en ligne, les services bancaires, les livres numériques et certains services télécoms destinés aux consommateurs, à respecter des normes d’accessibilité. Le niveau technique est fixé par la norme EN 301 549, qui s’aligne étroitement sur le niveau AA des WCAG 2.1.

Toutes les organisations ne relèvent pas des mêmes obligations. Pour les plus petites entreprises, une exception s’applique généralement aux services, et la portée exacte dépend de ce que vous proposez précisément et à qui. Nous ne donnons pas ici de conseil juridique. Ce qui est clair, en revanche : l’accessibilité passe du statut de “nice to have” à celui d‘“attendu”, et les étapes ci-dessous vous emmènent de toute façon dans la bonne direction. Faites vérifier par un spécialiste si et comment l’EAA s’applique à votre situation.

Quelles étapes suivre pour rendre un site existant accessible ?

La bonne nouvelle : vous devez rarement reconstruire votre site. La plupart des erreurs sont des ajustements ciblés sur des pages existantes. Travaillez dans cet ordre et vous obtiendrez rapidement des gains visibles sans vous perdre dans les détails.

PLAN D'ACTION Rendre un site existant accessible ÉTAPE 1 Cartographier clavier + scan ÉTAPE 2 Gains rapides alt, contraste, labels ÉTAPE 3 Structurel titres, dynamique ÉTAPE 4 Tester vrais utilisateurs Allez des gains rapides aux correctifs structurels, et testez avec de vraies personnes.
Les quatre étapes pour rendre un site web en ligne accessible, des gains rapides aux correctifs plus profonds.

Étape 1 : cartographiez les problèmes

Commencez par une vérification rapide vous-même, car elle fait ressentir les points de friction immédiatement. Naviguez sur tout votre site uniquement au clavier (tabulation, entrée et barre d’espace) et vérifiez que vous atteignez chaque bouton et chaque formulaire avec un contour de focus visible. Baissez ensuite la luminosité de votre écran pour repérer les problèmes de contraste. Complétez cela par un scan automatisé. Un outil gratuit comme le WebAIM Contrast Checker vérifie le contraste des couleurs, et un audit dans le navigateur comme celui de Google Lighthouse vous donne une première liste de points d’attention. Attention : les outils automatiques ne détectent qu’une partie des problèmes, la vérification manuelle reste donc nécessaire.

Étape 2 : réglez les gains rapides

Une grande partie du bénéfice se trouve dans une poignée d’erreurs de base que l’on retrouve sur presque tous les sites. Voici les grands classiques, et ils se corrigent généralement vite :

  • Textes alternatifs : donnez aux images informatives un texte alternatif descriptif et aux images décoratives un texte vide (alt=""), pour qu’un lecteur d’écran les ignore proprement.
  • Contraste des couleurs : assurez-vous que le texte normal atteint un rapport de contraste d’au moins 4,5 pour 1 et le grand texte au moins 3 pour 1. Soyez particulièrement critique envers les boutons et les formulaires.
  • Navigation au clavier : rendez tout ce qui est cliquable accessible avec la tabulation, avec un focus visible, et ajoutez un lien “aller au contenu” en haut de chaque page.
  • Labels de formulaire : reliez chaque champ à un <label> visible. Le texte de placeholder ne compte pas, car les lecteurs d’écran l’ignorent souvent.

Vous trouverez un aperçu plus approfondi de ces pièges dans notre guide sur les erreurs fréquentes en accessibilité web. Comme vos formulaires sont votre moteur de conversion, cela vaut la peine de les rendre irréprochables en premier. N’hésitez pas à combiner cette étape avec votre travail sur des formulaires accessibles et orientés conversion.

Étape 3 : réglez les points structurels

Après les gains rapides viennent les points un peu plus profonds. Donnez à vos pages une structure de titres logique (un seul h1, puis des h2 et h3 propres), pour qu’un lecteur d’écran puisse parcourir la page comme une table des matières. Écrivez des textes de lien qui décrivent où l’on arrive plutôt que “cliquez ici”. Gardez vos tableaux simples avec des en-têtes corrects. Et veillez à ce que les éléments dynamiques comme les menus, les pop-ups et les notifications fonctionnent aussi au clavier et avec un lecteur d’écran. C’est la partie où le sur-mesure et les connaissances techniques font la différence, et où il vaut la peine d’impliquer un développeur.

Étape 4 : testez avec de vrais outils et de vraies personnes

Vérifiez à nouveau vos correctifs avec vos outils d’audit, mais ne vous y fiez pas entièrement. Le test le plus précieux consiste à laisser quelqu’un utiliser votre site avec un lecteur d’écran ou uniquement un clavier. Vous voyez alors en quelques minutes ce qu’un scan ne trouvera jamais. Gardez aussi un œil sur vos fondations techniques, car des pages lentes ou instables constituent un obstacle en soi. Le travail sur les Core Web Vitals et l’accessibilité se renforcent mutuellement.

Comment rédiger une déclaration d’accessibilité valable ?

Une déclaration d’accessibilité valable est un document public qui décrit honnêtement dans quelle mesure votre site respecte les normes d’accessibilité, ce qui n’est pas encore conforme et ce que vous faites pour y remédier. Ce n’est ni un texte marketing ni une case à cocher. Sa force réside justement dans l’honnêteté : vous pouvez nommer les points ouverts, tant que vous y associez un plan et un délai.

Une déclaration utilisable contient généralement ces éléments :

  1. Le périmètre : pour quel site web ou quelle application la déclaration est valable.
  2. Le statut de conformité : dans quelle mesure le site respecte le niveau AA des WCAG 2.1, souvent exprimé comme entièrement, partiellement ou non conforme.
  3. Les parties non accessibles : quelles parties ne sont pas encore conformes, pourquoi, et quelle alternative vous proposez entre-temps.
  4. La méthode de test : si vous avez effectué un contrôle simplifié ou approfondi, avec une référence au rapport d’audit.
  5. La date : quand la déclaration a été rédigée et mise à jour pour la dernière fois.
  6. Les coordonnées de contact : où les visiteurs peuvent signaler un problème d’accessibilité, et qui en assure le suivi.

Pour le secteur public belge, il existe un modèle fixe qui renvoie à l’EN 301 549. Pour les entreprises privées relevant de l’EAA, la forme exacte est moins strictement décrite, mais la même logique et la même transparence s’appliquent. Placez la déclaration à un endroit fixe et facile à trouver (par exemple dans votre pied de page) et reliez-la à votre page de contact, pour que signaler un problème reste simple. Mettez-la à jour au moins une fois par an, et immédiatement dès qu’un changement survient. Une déclaration qui n’est plus exacte est pire que pas de déclaration du tout.

Comment garder votre site accessible après le premier nettoyage ?

Ne traitez pas l’accessibilité comme un nettoyage ponctuel, mais comme une partie fixe de votre processus. Chaque nouvelle page, campagne ou extension peut introduire de nouveaux obstacles : intégrez donc la checklist par défaut à chaque modification. Planifiez un contrôle léger à un moment fixe, par exemple chaque trimestre ou à chaque grande mise en production. Et si vous envisagez malgré tout une intervention plus large, intégrez l’accessibilité dès le départ plutôt qu’après coup. Vous en lirez davantage dans notre approche d’une refonte de site web.

Chez nous, l’accessibilité fait partie intégrante de chaque trajet sérieux dans lequel nous réalisons une création de site web, et non d’un accessoire ajouté après coup. Nous sommes une petite équipe senior et nous pilotons toujours sur la même question : votre site web génère-t-il plus de pages utiles et plus de leads ? Une accessibilité qui ne mène pas à plus de conversion est un travail à moitié fait. Si vous voulez la vue d’ensemble, vous la trouverez dans notre guide sur la création d’un site web B2B.

Le résumé en bref

Rendre votre site web existant accessible n’est pas une reconstruction, mais un parcours ciblé : cartographiez les problèmes, réglez d’abord les bases (textes alternatifs, contraste, clavier, labels de formulaire), attaquez ensuite les points structurels, et testez avec de vraies personnes. Consignez le résultat dans une déclaration d’accessibilité honnête, avec une date, des coordonnées de contact et un plan pour ce qui reste ouvert, et gardez le tout à jour à chaque modification. Ainsi, vous répondez non seulement aux attentes liées à l’EAA, mais vous convertissez aussi en clients des visiteurs que vous perdez aujourd’hui en silence.

Planifiez votre entretien d’introduction gratuit

Scan gratuit de votre site

Indiquez votre site et recevez en quelques minutes une analyse automatique avec des points d'amélioration techniques et SEO concrets. Sans discours commercial.

Où envoyons-nous votre rapport ?

Nous utilisons vos données uniquement pour votre scan. Pas de spam, désinscription à tout moment.