Les règles d'accessibilité, expliquées simplement

Chaque défaut que notre test repère a sa fiche : ce qui bloque, qui est gêné, comment corriger, et le critère officiel du RGAA 4.1.2 concerné. Écrites pour être comprises par un dirigeant et appliquées par un développeur.

28 règles affichées.

• Images · RGAA 1.1Des images n'ont pas de texte de remplacementUn lecteur d'écran n'a rien à annoncer pour l'image : l'information qu'elle porte n'est pas transmise.BloquantCorrection facile
• Images · RGAA 1.1Des boutons-images n'ont pas d'intituléLe bouton est annoncé sans nom : son action n'est pas connue de l'utilisateur.BloquantCorrection facile
• Images · RGAA 1.1Des images vectorielles n'ont pas de texte de remplacementL'icône ou le graphique est ignoré ou annoncé de façon incompréhensible.MajeurCorrection facile
• Images · RGAA 1.1Des zones d'image cliquable n'ont pas d'intituléLes destinations de l'image cliquable sont inconnues.BloquantCorrection facile
• Images · RGAA 1.3Des textes de remplacement répètent le texte voisinLe lecteur d'écran annonce deux fois la même information.MineurCorrection facile
• Cadres · RGAA 2.1Des cadres intégrés n'ont pas de titreLe contenu intégré (vidéo, carte, formulaire) est annoncé sans que l'on sache ce que c'est.MajeurCorrection facile
• Couleurs · RGAA 3.2Du texte n'est pas assez contrastéLe texte est difficile à lire pour les personnes malvoyantes, et pour tous sur un écran en plein soleil.MajeurCorrection moyenne
• Multimédia · RGAA 4.3Des vidéos n'ont pas de sous-titresLes personnes sourdes ou malentendantes n'ont pas accès au contenu sonore.BloquantCorrection complexe
• Tableaux · RGAA 5.7Des cellules de grands tableaux ne sont reliées à aucun en-têteLe lecteur d'écran lit une donnée sans dire à quelle ligne ou colonne elle correspond.MajeurCorrection moyenne
• Liens · RGAA 6.1Des liens ont un intitulé vague (« cliquez ici », « en savoir plus »)Hors contexte, ces liens sont indiscernables dans la liste des liens d'un lecteur d'écran.MineurCorrection facile
• Liens · RGAA 6.2Des liens n'ont pas d'intituléLe lien est annoncé « lien » sans destination : l'utilisateur ne sait pas où il mène.BloquantCorrection facile
• Scripts · RGAA 7.1Des éléments masqués aux lecteurs d'écran restent atteignables au clavierLe focus arrive sur un élément « fantôme », annoncé comme vide.MajeurCorrection moyenne
• Éléments obligatoires · RGAA 8.3La langue de la page n'est pas indiquéeLe lecteur d'écran lit le texte avec une mauvaise prononciation.MajeurCorrection facile
• Éléments obligatoires · RGAA 8.5Des pages n'ont pas de titreLa page est difficile à identifier dans les onglets et à l'arrivée sur la page.MajeurCorrection facile
• Structuration de l'information · RGAA 9.1La hiérarchie des titres saute des niveauxLes personnes qui naviguent par titres perdent la structure du contenu.MineurCorrection facile
• Structuration de l'information · RGAA 9.3Des listes sont mal construitesLe lecteur d'écran n'annonce pas le nombre d'éléments de la liste.MineurCorrection facile
• Présentation de l'information · RGAA 10.4Le zoom est bloqué sur mobileLes personnes malvoyantes ne peuvent pas agrandir la page sur leur téléphone.BloquantCorrection facile
• Présentation de l'information · RGAA 10.6Des liens ne se distinguent que par leur couleurLes personnes qui perçoivent mal les couleurs ne voient pas qu'il s'agit d'un lien.MajeurCorrection facile
• Présentation de l'information · RGAA 10.7On ne voit pas où l'on se trouve en naviguant au clavierSans indicateur de focus visible, une personne qui utilise le clavier est perdue dans la page.BloquantCorrection facile
• Présentation de l'information · RGAA 10.11Le site ne s'adapte pas aux petits écrans et au zoomLes personnes qui agrandissent l'affichage doivent faire défiler dans deux directions pour lire.MajeurCorrection moyenne
• Formulaires · RGAA 11.1Des champs de formulaire n'ont pas d'étiquetteL'information attendue n'est pas annoncée : le formulaire est très difficile à remplir avec un lecteur d'écran.BloquantCorrection facile
• Formulaires · RGAA 11.1Des listes déroulantes n'ont pas d'étiquetteOn ne sait pas à quoi sert la liste.BloquantCorrection facile
• Formulaires · RGAA 11.9Des boutons n'ont pas d'intituléLe bouton est annoncé « bouton » sans action : l'utilisateur ne sait pas ce qu'il fait.BloquantCorrection facile
• Formulaires · RGAA 11.13Le remplissage automatique est mal configuréLes personnes qui ont du mal à saisir ne bénéficient pas du remplissage automatique.MineurCorrection facile
• Navigation · RGAA 12.7Pas de lien pour accéder directement au contenuAu clavier, il faut traverser tout le menu à chaque page.MineurCorrection facile
• Navigation · RGAA 12.8L'ordre de navigation au clavier est forcéUn tabindex positif casse l'ordre naturel de lecture.MajeurCorrection facile
• Consultation · RGAA 13.1La page se recharge ou redirige toute seuleLa lecture est interrompue sans que l'utilisateur l'ait demandé.BloquantCorrection facile
• Interaction (WCAG 2.2) · WCAG 2.2Des zones cliquables sont trop petites (WCAG 2.2)Les personnes qui ont du mal à viser touchent le mauvais élément.MineurCorrection moyenne