Brèves d’audit #3 : contraste de la couleur de fond d’un lien ou d’un bouton

Cet article fait partie de la série Brèves d’audit, des conseils pour vous aider à éviter des erreurs courantes d’évaluation lors d’un audit d’accessibilité.

L’exemple ci-dessous 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 :

La couleur de fond du bouton « annuler » doit avoir un rapport de contraste minimum de 3:1 avec la couleur de fond de la page.

Bouton « Annuler » avec texte noir sur fond gris clair.

Explication

Il ne s’agit pas d’une non-conformité.

Le critère 3.3 fixe les requis de contraste pour les « composants d’interface ou les éléments graphiques porteurs d’informations ».

Dans le cas d’un bouton, la composante informative est le texte ou l’icône qui décrit l’action associée au bouton. Le fond de couleur du bouton ne transmet pour sa part aucune information.

Même s’il ne fait aucun doute qu’un bouton sera plus visible et affordant si sa couleur d’arrière-plan ou sa bordure se détache nettement du fond de la page, le contraire ne constitue pas une non-conformité aux normes d’accessibilité.

Ressources

Avez-vous lu les brèves d’audit précédentes ?

Maîtrisez les audits d’accessibilité conformes au RGAA et à la norme EN 301 549

Notre formation « RGAA : auditer l’accessibilité numérique des sites web » vous donne les clés pour repérer les pièges les plus fréquents et améliorer la qualité de vos audits.

Rejoignez-nous !

À propos

  • Cécile Jeanne

    Experte accessibilité numérique

    Cécile Jeanne est experte accessibilité numérique chez Access42. Elle assure des missions d’audit et d’accompagnement pour qui facilitent la mise en œuvre de l’accessibilité numérique. Elle anime nos formations au développement accessible et à l'audit RGAA, et fait partie de notre jury de certification.

Ajouter un commentaire

* Champs obligatoires

Veuillez remplir ce champ s'il vous plaît.

Veuillez remplir ce champ s'il vous plaît.