Checklist accessibilité site web : 10 points à vérifier
Vous voulez vérifier rapidement si votre site respecte les règles d'accessibilité ? Voici les 10 points essentiels à contrôler. Ces 10 critères représentent la majorité des anomalies les plus fréquentes sur les sites français. Utilisez Accessly pour les tester automatiquement.
🔍 En pratique : selon l'observatoire de la Fédération des Aveugles de France, 94,6 % des 7 560 sites contrôlés ne respectent pas leurs obligations légales d'accessibilité. Vérifiez votre site en 30 secondes → Diagnostic gratuit.
1. Les images ont-elles une alternative textuelle ?
Pourquoi c'est important : Une personne aveugle utilisant un lecteur d'écran ne peut pas « voir » une image. Sans description textuelle, elle perd l'information.
Comment vérifier : Regardez le code source de votre page. Chaque balise <img> doit avoir un attribut alt. Si l'image est décorative, mettez alt="" (vide).
<img src="chaussure-rouge.jpg" alt="Chaussure de course rouge — modèle Air 2000"><img src="chaussure-rouge.jpg"> (alt manquant = image invisible)2. La langue de la page est-elle déclarée ?
Pourquoi c'est important : Sans langue déclarée, le lecteur d'écran lit votre site avec un accent anglais, rendant le texte incompréhensible.
Comment vérifier : Vérifiez que la balise <html> a un attribut lang="fr".
<html lang="fr">3. Le titre de la page est-il présent et descriptif ?
Pourquoi c'est important : Le titre est la première chose annoncée par un lecteur d'écran et le libellé de l'onglet du navigateur.
Comment vérifier : Regardez la balise <title> dans le <head>. Elle doit décrire le contenu de la page.
<title>Contact — Ma Boutique</title>4. Les champs de formulaire ont-ils des étiquettes ?
Pourquoi c'est important : Sans étiquette, un lecteur d'écran annonce « champ de saisie » sans dire quoi saisir.
Comment vérifier : Chaque champ (input, select, textarea) doit avoir une balise <label> associée ou un attribut aria-label.
<label for="email">Votre email</label><input id="email">5. Les boutons sont-ils identifiables ?
Pourquoi c'est important : Un bouton sans texte est annoncé « bouton » — mystère sur son action.
Comment vérifier : Chaque <button> doit contenir un texte ou un attribut aria-label.
<button>Ajouter au panier</button>6. Les liens sont-ils explicites ?
Pourquoi c'est important : Un lien « Cliquez ici » ou une icône seule ne dit pas où mène le lien.
Comment vérifier : Chaque lien (<a>) doit avoir un texte ou un aria-label qui décrit sa destination.
7. Les contrastes de couleurs sont-ils suffisants ?
Pourquoi c'est important : Un contraste insuffisant rend le texte illisible pour les malvoyants et difficile à lire sur mobile en extérieur.
Comment vérifier : Le rapport de contraste entre le texte et le fond doit être d'au moins 4.5:1 (texte normal) ou 3:1 (grands textes). Accessly vérifie ce critère automatiquement.
8. La structure des titres est-elle logique ?
Pourquoi c'est important : Les titres (h1, h2, h3…) sont le plan de navigation des lecteurs d'écran. Un h1 → h3 saute des niveaux et casse la logique.
Comment vérifier : Les titres doivent se suivre dans l'ordre : h1 → h2 → h3, sans saut de niveau.
9. Y a-t-il un lien d'évitement ?
Pourquoi c'est important : Naviguer au clavier sans lien d'évitement force à traverser tout le menu à chaque page. Très pénible.
Comment vérifier : Un lien « Aller au contenu » doit être présent en haut de la page, généralement masqué jusqu'à la prise de focus clavier.
10. Les vidéos ont-elles des sous-titres ?
Pourquoi c'est important : Sans sous-titres, une vidéo est inaccessible aux personnes sourdes ou malentendantes.
Comment vérifier : Les balises <video> doivent contenir un élément <track> pointant vers un fichier de sous-titres.
Et après cette checklist ?
Ces 10 points sont les anomalies les plus fréquentes, mais le RGAA 4.1.2 compte 106 critères complets. Pour une vérification exhaustive :
- Utilisez Accessly pour un scan automatique complet
- Corrigez les anomalies détectées
- Publiez votre déclaration d'accessibilité
- Planifiez un audit humain pour les critères non testables par machine
Vérifiez ces 10 points sur votre site
Accessly les teste automatiquement en 30 secondes. Gratuit.
Analyser mon site →