Comment utiliser l’IA pour rendre un site web accessible

L’IA peut aider à rendre un site web accessible en détectant des erreurs, en améliorant le code HTML, en générant des textes alternatifs et en simulant certains contrôles. Ce guide explique comment utiliser l’IA pour améliorer l’accessibilité d’un site, quelles limites respecter et comment vérifier la conformité avec le RGAA et les standards WCAG.

Qu’est-ce que l’accessibilité numérique ?

L’accessibilité numérique consiste à permettre à toute personne d’utiliser un site web, quelles que soient ses capacités, son matériel ou son mode de navigation.

Un site accessible doit notamment pouvoir être utilisé par :

les personnes aveugles ou malvoyantes avec un lecteur d’écran ;
les personnes sourdes ou malentendantes ;
les personnes ayant des difficultés motrices utilisant uniquement le clavier ;
les personnes présentant des troubles cognitifs ou de l’attention ;
les personnes âgées ou peu familiarisées avec le numérique ;
les utilisateurs dont la connexion, l’écran ou le navigateur est limité.

L’accessibilité concerne à la fois le contenu, le design, le code, les formulaires, les vidéos, les documents téléchargeables et les interactions JavaScript.

WCAG et RGAA : quelles différences ?

Les WCAG — Web Content Accessibility Guidelines — sont les recommandations internationales publiées par le W3C. Elles reposent sur quatre principes :

Perceptible : l’information doit pouvoir être perçue, par exemple avec un texte alternatif ou des sous-titres.
Utilisable : les fonctionnalités doivent être accessibles au clavier et faciles à manipuler.
Compréhensible : les contenus et les comportements de l’interface doivent être prévisibles.
Robuste : le site doit fonctionner avec différents navigateurs, technologies d’assistance et appareils.

Les WCAG sont organisées en niveaux de conformité :

A : exigences essentielles ;
AA : niveau généralement recherché dans les projets professionnels ;
AAA : niveau renforcé, difficile à atteindre partout.

En France, le RGAA — Référentiel général d’amélioration de l’accessibilité — sert de méthode de référence pour évaluer l’accessibilité des services numériques. Le RGAA 4.1.2 s’appuie notamment sur les critères WCAG 2.1 et propose une méthodologie adaptée au contexte français.

L’IA peut assister une démarche RGAA ou WCAG, mais elle ne remplace pas un audit humain ni les tests avec des technologies d’assistance.

Pourquoi utiliser l’IA pour améliorer l’accessibilité d’un site ?

L’IA est utile lorsqu’elle est intégrée à une démarche structurée. Elle peut accélérer les tâches répétitives et aider les équipes qui ne disposent pas d’une expertise approfondie en accessibilité.

Les principaux bénéfices

L’IA peut notamment :

analyser une page HTML et repérer des erreurs fréquentes ;
expliquer un message produit par un outil d’audit ;
proposer une structure HTML plus sémantique ;
générer un texte alternatif pour une image ;
identifier des contrastes insuffisants ;
repérer des intitulés de liens ambigus ;
suggérer des libellés de formulaires ;
vérifier certains composants JavaScript ;
créer des cas de test automatisés ;
reformuler un contenu dans un langage plus clair ;
générer des sous-titres ou une transcription ;
aider à prioriser les corrections.

Son intérêt est particulièrement important lors des phases de conception et de développement. Corriger une erreur d’accessibilité avant la mise en production coûte généralement moins cher que modifier un site déjà déployé.

Les limites de l’IA

L’IA ne comprend pas toujours correctement le contexte d’une interface. Elle peut :

proposer un texte alternatif factuellement faux ;
considérer comme accessible un composant inutilisable au clavier ;
oublier le comportement d’un lecteur d’écran ;
générer un code techniquement valide mais peu compréhensible ;
mal interpréter le rôle d’une image décorative ;
recommander une solution incompatible avec le design ou le parcours utilisateur ;
produire une réponse confiante malgré une analyse incomplète.

Les outils automatiques ne détectent qu’une partie des problèmes d’accessibilité. Un résultat sans erreur dans Lighthouse, axe ou un autre outil ne constitue pas une preuve de conformité.

Comment utiliser l’IA pour auditer un site web ?

L’approche la plus efficace consiste à combiner une analyse automatique, une revue humaine et des tests avec des technologies d’assistance.

1. Préparer le périmètre de l’audit

Avant de demander une analyse à une IA, sélectionnez les pages et les parcours les plus importants :

page d’accueil ;
navigation principale ;
recherche interne ;
pages de contact ;
création de compte et connexion ;
tunnel d’achat ;
formulaires ;
espace client ;
contenus vidéo ou audio ;
pages contenant des modales, menus déroulants ou carrousels ;
documents PDF téléchargeables.

Un audit limité à la page d’accueil ne permet pas d’évaluer l’accessibilité globale d’un site.

2. Effectuer une première analyse automatique

Plusieurs outils peuvent détecter des problèmes courants :

Lighthouse, intégré à Chrome ;
axe DevTools, disponible dans les navigateurs ;
WAVE, pour visualiser les erreurs et alertes ;
Accessibility Insights, proposé par Microsoft ;
Pa11y, adapté à l’automatisation ;
ARC Toolkit, utilisé pour des contrôles complémentaires.

Ces solutions peuvent repérer, selon les cas :

des images sans attribut `alt` ;
des champs sans label associé ;
des contrastes de couleurs insuffisants ;
des titres mal hiérarchisés ;
des boutons sans nom accessible ;
des liens dont le texte est trop vague ;
des erreurs ARIA ;
des éléments impossibles à atteindre au clavier.

L’IA peut ensuite expliquer les résultats et les classer selon leur gravité.

3. Demander à l’IA d’interpréter les résultats

Un prompt précis donne de meilleurs résultats qu’une demande générale comme « rends ce site accessible ».

Exemple de consigne :

Analyse cette liste d’erreurs d’accessibilité. Pour chaque problème, indique le risque pour l’utilisateur, le critère WCAG ou RGAA potentiellement concerné, la correction recommandée, la priorité et la méthode de vérification manuelle. Ne considère pas un problème comme résolu sans préciser le test à effectuer.

Il est préférable de fournir à l’IA :

l’extrait HTML concerné ;
le résultat exact de l’outil d’audit ;
le rôle fonctionnel du composant ;
le comportement attendu ;
le framework utilisé, comme React, Vue ou Angular ;
les contraintes de design ;
les navigateurs et appareils ciblés.

Ne transmettez pas de données personnelles, de mots de passe ou de contenu confidentiel à un service d’IA externe sans vérifier ses garanties de confidentialité.

Comment utiliser l’IA pour améliorer le code HTML et CSS ?

Corriger la structure sémantique

L’IA peut repérer les situations dans lesquelles des éléments visuels sont utilisés à la place d’éléments HTML natifs.

Par exemple, un élément `div` cliquable devrait souvent être remplacé par un véritable bouton ou un lien. Les éléments HTML natifs apportent déjà un comportement clavier et une meilleure compatibilité avec les lecteurs d’écran.

Demandez à l’IA :

Examine ce composant et remplace les éléments génériques par les éléments HTML natifs appropriés. Conserve le comportement visuel, mais assure une navigation au clavier, un nom accessible et un ordre de lecture cohérent.

La correction doit ensuite être vérifiée avec :

la touche Tab ;
les touches Entrée et Espace ;
les lecteurs d’écran ;
les outils d’inspection du navigateur.

Améliorer les titres et les régions de page

Une page devrait généralement comporter :

un titre principal unique, correspondant à un élément `h1` ;
des sous-titres hiérarchisés ;
des régions identifiables comme l’en-tête, la navigation, le contenu principal et le pied de page ;
une structure logique indépendante de la seule apparence visuelle.

L’IA peut analyser une hiérarchie de titres et détecter les niveaux sautés ou utilisés uniquement pour agrandir du texte. Elle ne doit toutefois pas décider seule de la structure éditoriale : le sens du contenu reste déterminant.

Demandez à l’IA de produire une checklist pour chaque composant interactif :

le composant est-il atteignable avec Tab ?
son ordre de parcours est-il logique ?
son état actif est-il visible ?
peut-il être utilisé sans souris ?
le focus n’est-il pas masqué par un bandeau ou une fenêtre fixe ?
une modale restitue-t-elle correctement le focus à sa fermeture ?
l’utilisateur peut-il sortir d’un menu ou d’une modale au clavier ?

Le focus visible est indispensable. Supprimer l’indicateur de focus uniquement pour des raisons esthétiques crée un obstacle important pour les personnes naviguant au clavier.

Comment générer des textes alternatifs avec l’IA ?

L’IA peut produire une première proposition de texte alternatif, mais une validation humaine est nécessaire.

Adapter le texte au rôle de l’image

Le texte alternatif dépend de la fonction de l’image :

une image informative doit décrire l’information utile ;
une image décorative doit généralement avoir un attribut `alt` vide ;
une image servant de lien doit décrire la destination ;
un graphique doit être accompagné d’une explication des données importantes ;
une image contenant du texte doit retranscrire ce texte lorsque celui-ci est nécessaire.

Prompt utile :

Décris cette image pour une personne qui ne peut pas la voir. Donne uniquement les informations utiles à la compréhension de la page. Si l’image est décorative, indique qu’un texte alternatif vide est préférable. N’invente aucun détail incertain.

Un texte alternatif pertinent n’est pas une description exhaustive. Il doit transmettre la fonction et le sens de l’image dans son contexte.

Éviter les descriptions générées sans contrôle

Une IA peut confondre une personne, un objet ou une marque. Elle peut également décrire des éléments visuels sans importance et oublier l’information principale.

Pour chaque proposition, vérifiez :

L’image apporte-t-elle une information ?
Cette information est-elle déjà présente dans le texte adjacent ?
Le texte alternatif explique-t-il la fonction de l’image ?
La description contient-elle une supposition non vérifiée ?
Le texte est-il suffisamment court pour ne pas gêner la lecture ?

Comment rendre les formulaires accessibles avec l’IA ?

Les formulaires concentrent de nombreux problèmes d’accessibilité. L’IA peut analyser leur structure et proposer une checklist de vérification.

Un formulaire accessible doit notamment comporter :

un label explicite pour chaque champ ;
des instructions placées au bon endroit ;
des formats attendus clairement indiqués ;
des erreurs compréhensibles ;
une indication de l’état du champ ;
un regroupement logique des champs liés ;
une conservation des données déjà saisies après une erreur ;
une confirmation lisible après l’envoi.

Demandez par exemple :

Analyse ce formulaire en tenant compte de la navigation au clavier et d’un lecteur d’écran. Vérifie l’association entre les labels et les champs, les messages d’erreur, les champs obligatoires, l’ordre de lecture et la conservation des données après validation.

Un message comme « Champ invalide » est insuffisant. Il doit expliquer le problème et la correction attendue, par exemple : « Saisissez une adresse e-mail au format nom@domaine.fr ».

L’IA peut également aider à reformuler les instructions en langage clair, mais les messages d’erreur doivent rester cohérents avec la logique réelle du formulaire.

Comment utiliser l’IA pour les vidéos, l’audio et les documents ?

Vidéos

L’IA peut accélérer :

la transcription automatique ;
la génération de sous-titres ;
le repérage des changements de locuteur ;
la préparation d’une audiodescription ;
la traduction des sous-titres.

Toutefois, les transcriptions automatiques comportent des erreurs sur les noms propres, les termes techniques et la ponctuation. Une relecture est nécessaire.

Les sous-titres doivent être synchronisés, lisibles et suffisamment contrastés. Pour les contenus importants, une transcription complète peut compléter la vidéo.

Documents PDF

L’IA peut repérer certains problèmes dans un PDF :

absence de titres structurés ;
ordre de lecture incorrect ;
images sans texte alternatif ;
tableaux mal balisés ;
liens non identifiés ;
contraste insuffisant.

Elle ne garantit pas la qualité de la structure interne du document. Les PDF doivent être vérifiés avec un outil adapté et, idéalement, testés avec un lecteur d’écran.

Lorsque cela est possible, proposer une version HTML accessible est souvent préférable à un PDF complexe.

Quels outils d’IA et d’automatisation utiliser ?

Il est utile de distinguer trois catégories.

Outils d’audit automatisé

Ils détectent les erreurs techniques courantes :

Lighthouse ;
axe ;
WAVE ;
Pa11y ;
Accessibility Insights.

Assistants IA pour le code et le contenu

Des assistants de développement peuvent aider à :

expliquer une erreur ;
refactoriser un composant ;
générer des tests ;
proposer des labels ;
rédiger une transcription ;
reformuler un texte.

Le code généré doit être relu par une personne compétente. Une IA peut introduire un usage excessif d’ARIA, des gestionnaires clavier incomplets ou des composants difficiles à maintenir.

Tests avec des technologies d’assistance

Les tests indispensables comprennent notamment :

navigation complète au clavier ;
NVDA ou JAWS sous Windows ;
VoiceOver sur macOS et iOS ;
TalkBack sur Android ;
agrandissement du texte et zoom ;
mode contraste élevé lorsque pertinent ;
désactivation du CSS ou test sur écran réduit ;
tests sur mobile.

Un audit sérieux combine ces méthodes au lieu de se limiter à un score automatique.

Combien coûte l’utilisation de l’IA pour l’accessibilité ?

Le coût dépend du contexte :

les extensions et outils de base peuvent être gratuits ;
les plateformes d’audit avancées sont souvent payantes par utilisateur, page ou volume d’analyse ;
les assistants IA peuvent fonctionner avec un abonnement mensuel ou une facturation à l’usage ;
un audit manuel ou RGAA réalisé par un spécialiste représente un budget supplémentaire ;
la correction de composants complexes peut nécessiter l’intervention d’un développeur et d’un expert accessibilité.

L’IA peut réduire le temps consacré aux tâches répétitives, mais elle ne supprime pas le coût de la conception, des tests et de la maintenance.

Un budget doit également prévoir :

la formation des équipes ;
les tests utilisateurs ;
la correction des contenus existants ;
la mise en accessibilité des documents ;
les contrôles après chaque évolution importante.

Quand intégrer l’IA dans un projet web ?

L’accessibilité ne doit pas être traitée uniquement avant la mise en ligne.

Pendant la conception

L’IA peut aider à analyser :

les parcours utilisateurs ;
les maquettes ;
les contrastes ;
la taille des zones cliquables ;
la clarté des libellés ;
la hiérarchie des contenus.

Les décisions essentielles doivent toutefois être prises avec des règles de design accessibles dès le départ.

Pendant le développement

Ajoutez des contrôles automatisés dans le cycle de développement :

analyse des composants isolés ;
tests sur les pages clés ;
vérification à chaque modification ;
blocage des régressions critiques ;
validation manuelle avant mise en production.

Après la mise en ligne

Contrôlez régulièrement :

les nouveaux contenus ;
les composants ajoutés ;
les campagnes marketing ;
les vidéos ;
les formulaires ;
les documents ;
les changements de CMS ou de framework.

Une interface peut devenir moins accessible après une simple modification de thème, de bibliothèque JavaScript ou de système de gestion de contenu.

Quelles obligations légales faut-il connaître en France ?

Le niveau d’obligation dépend de la nature de l’organisme et du service concerné.

Les organismes publics français sont soumis à des obligations d’accessibilité numérique encadrées par la loi et doivent généralement publier une déclaration d’accessibilité ainsi qu’un schéma pluriannuel selon leur situation.

L’European Accessibility Act — acte législatif européen sur l’accessibilité — s’applique à partir du 28 juin 2025 à plusieurs produits et services destinés aux consommateurs, notamment certains services de commerce électronique, services bancaires, livres numériques et services de transport. Des exceptions et conditions particulières existent, notamment pour certaines microentreprises et selon le type de service.

La conformité juridique ne se résume pas à un score délivré par une IA. Il faut conserver :

les résultats des audits ;
la liste des corrections ;
les preuves de tests ;
la déclaration d’accessibilité lorsqu’elle est requise ;
les informations sur les améliorations en cours.

En cas de doute, une analyse par un spécialiste du RGAA ou du droit numérique est préférable.

Méthode pratique en 10 étapes

Définir les utilisateurs et les parcours prioritaires.
Choisir une référence, comme le RGAA 4.1.2 ou les WCAG 2.2.
Scanner les pages avec plusieurs outils automatiques.
Demander à l’IA d’expliquer et de prioriser les résultats.
Corriger d’abord les obstacles bloquants, notamment au clavier et dans les formulaires.
Revoir les textes alternatifs, les titres et les liens.
Tester les contrastes, le zoom et la visibilité du focus.
Utiliser au moins un lecteur d’écran sur ordinateur et un appareil mobile.
Faire intervenir des utilisateurs concernés lorsque cela est possible.
Documenter les corrections et organiser une surveillance continue.

La priorité doit aller aux problèmes qui empêchent une action essentielle : acheter, se connecter, remplir un formulaire, consulter une information ou contacter le service.

Questions fréquentes

L’IA peut-elle rendre automatiquement un site conforme au RGAA ?

Non. Elle peut identifier des erreurs et proposer des corrections, mais la conformité nécessite des contrôles humains, des tests fonctionnels et une évaluation selon la méthode applicable.

Peut-on utiliser ChatGPT pour auditer un site ?

Oui, pour analyser du HTML, expliquer des erreurs ou préparer une checklist. Il est préférable de fournir des extraits ciblés et anonymisés. Une IA conversationnelle ne remplace pas un outil d’audit ni un test avec lecteur d’écran.

Les widgets d’accessibilité suffisent-ils ?

Non. Les widgets qui ajoutent des options de contraste, de taille de texte ou de navigation ne corrigent pas nécessairement le code, les formulaires, les composants JavaScript ou les contenus. Ils ne remplacent pas une conception accessible.

Faut-il viser WCAG 2.1 ou WCAG 2.2 ?

Le choix dépend du référentiel contractuel ou réglementaire applicable. WCAG 2.2 apporte des critères supplémentaires, tandis que le RGAA français reste la référence lorsqu’une obligation RGAA s’applique. Il convient d’aligner la stratégie sur les exigences du projet.

Conclusion : les points clés à retenir

L’IA peut accélérer la mise en accessibilité d’un site, notamment pour analyser le code, expliquer les erreurs, générer des textes alternatifs, produire des transcriptions et automatiser des tests.

Cependant, elle ne garantit pas à elle seule une conformité WCAG ou RGAA. La méthode la plus fiable repose sur :

une conception accessible dès le départ ;
des outils automatiques ;
une validation humaine ;
des tests au clavier et avec lecteur d’écran ;
une vérification des contenus et des formulaires ;
une surveillance après chaque mise à jour.

L’IA doit donc être utilisée comme un assistant de diagnostic et de correction, intégré à un processus d’accessibilité continu, et non comme une solution automatique capable de remplacer l’expertise ou l’expérience des utilisateurs concernés.