Brèves d’audit #1 : ratio de contraste d’un lien texte
Bienvenue dans Brèves d’audit, une nouvelle série d’articles où nous partageons des erreurs courantes d’évaluation lors d’un audit d’accessibilité, mais aussi nos conseils pour les éviter !
Bien que cet exemple s’appuie sur les critères du RAWeb – le référentiel luxembourgeois d’accessibilité numérique qui permet de vérifier la conformité à la norme EN 301 549 –, il s’applique également aux critères correspondants du RGAA et des WCAG.
Erreur de détection
Non-conformité relevée au critère 3.3 :
Le texte du lien « En savoir plus » a un rapport de contraste insuffisant de 2,47:1 avec sa couleur de fond. Le rapport de contraste entre la couleur du texte et sa couleur de fond doit être de 3:1 minimum.
Explication
La non-conformité est avérée, mais n’est pas relevée sur le bon critère ! En effet, le critère 3.3 fixe les requis de contraste pour les « composants d’interface ou les éléments graphiques porteurs d’informations », par opposition au critère 3.2 qui fixe les requis de contraste pour le texte.
La formulation du critère induit en erreur de nombreux auditeurs et auditrices débutantes : il serait plus clair de parler de « contenus non textuels porteurs d’informations », comme dans le critère WCAG correspondant.
Dans cet exemple, le lien est bien un composant d’interface, mais il est avant tout constitué de texte. Il doit donc respecter les requis de contrastes de texte fixés par le critère 3.2, c’est à dire :
- minimum 4,5:1 pour un texte dont la taille est inférieure à 24 px sans graisse, ou inférieure à 18,5 px en gras ;
- minimum 3:1 pour un texte de taille supérieure.
Afin d’éviter cette erreur courante, souvenez-vous des enjeux de ces deux critères : les textes doivent être lisibles pour tout le monde, alors que les contenus non textuels doivent « juste » être perceptibles.
C’est pourquoi, pour un texte inférieur à une certaine taille, le rapport de contraste minimum à respecter est plus élevé que pour un composant d’interface non textuel.
Ressources
Apprenez à auditer l’accessibilité conformément au RGAA et à la norme EN 301 549 !
Évitez les erreurs courantes lors de vos audits d’accessibilité grâce à notre formation « RGAA : auditer l’accessibilité numérique des sites web ».
Consulter le programme
