Aller au contenu
Tout en local

Vérificateur d'accessibilité HTML

Analysez un fragment HTML pour détecter les problèmes qui empêchent les lecteurs d'écran et les utilisateurs naviguant au clavier d'y accéder.

Entrée
Sortie

Vérificateur d'accessibilité HTML

Collez un fragment HTML et cet outil l'analyse pour détecter les problèmes qui empêchent généralement les lecteurs d'écran, les utilisateurs naviguant au clavier et autres technologies d'assistance d'y accéder. Chaque résultat est signalé avec un numéro de ligne et une explication en langage clair, afin que vous puissiez le corriger sans consulter un document WCAG séparé. Il cible le fragment que vous avez réellement sous la main — un composant, un modèle d'email, un bloc CMS — et non une page entière.

Les vérifications sont des options que vous pouvez activer et désactiver individuellement : images sans texte alternatif (et alt vide sur les images qui sont le seul contenu d'un lien ou d'un bouton), niveaux de titre qui sautent un niveau ou ne commencent pas par h1, boutons et liens sans texte visible ou aria-label, champs de formulaire sans étiquette associée, texte de lien générique comme "cliquez ici", tableaux sans cellules d'en-tête, document sans attribut lang et identifiants id en double. Un filtre de gravité restreint la liste aux avertissements et erreurs, ou erreurs uniquement, une fois que les problèmes mineurs sont triés.

Le vérificateur lit uniquement le balisage brut — balises et attributs, pas les styles calculés ni la mise en page rendue — donc il ne détectera pas un problème de contraste ou un ordre de focus qui n'apparaît qu'une fois que le CSS est appliqué (associez-le au vérificateur de contraste pour cela). L'analyse fait de son mieux : elle tolère le HTML mal formé ou incomplet plutôt que de refuser de s'exécuter, car un fragment collé n'a rarement une balise de fermeture pour tout.

Tout se déroule localement dans votre navigateur. Le fragment que vous collez — qui pourrait provenir d'une page non encore publiée, d'un outil interne ou d'un projet client — n'est jamais téléchargé ni envoyé à un serveur. Copiez le rapport, téléchargez-le en tant que fichier .txt ou renvoyez le fragment dans l'entrée après avoir fait des modifications pour le rescanner.

FAQ

Remplace-t-il un audit d'accessibilité complet ?
Non. Il détecte les problèmes courants et détectables mécaniquement dans le balisage que vous collez — texte alternatif manquant, ordre des titres, champs sans étiquette et similaires — mais un audit complet couvre également le contraste des couleurs, l'ordre de focus du clavier, les tests de lecteur d'écran et la mise en page rendue, qui nécessitent une page en direct à vérifier.
Pourquoi une image avec alt="" est-elle parfois signalée ?
Un alt vide est correct pour une image purement décorative. Il est seulement signalé quand l'image est le seul contenu d'un lien ou d'un bouton (laissant ce contrôle sans nom accessible) ou quand il a un attribut title non vide, ce qui suggère qu'il transmet des informations après tout.
Qu'est-ce qui compte comme un "identifiant en double" ?
Toute valeur d'attribut id qui apparaît sur plusieurs éléments du fragment. Les ids en double cassent les associations d'étiquettes, les références aria-labelledby et les liens internes, car seule la première correspondance est utilisée.
Puis-je vérifier une seule catégorie de problème ?
Oui. Chaque vérification — images, titres, éléments interactifs, formulaires, texte de lien, tableaux, langue et ids en double — a son propre bouton bascule, et un filtre de gravité restreint davantage les résultats.
Mon HTML est-il téléchargé quelque part ?
Non. Le fragment est analysé et vérifié entièrement dans votre navigateur à l'aide de JavaScript; il n'est jamais envoyé à un serveur.