Support Centre

Comment vérifier le rapport de contraste des couleurs

Renée Meloche
Renée Meloche
  • Mise à jour

Disponible sur les forfaits suivants: Gratuit, Premium, Entreprise et Enterprise.

Le rapport de contraste des couleurs  vous indique si les utilisateurs ayant une déficience visuelle ou d'autres handicaps pourront facilement voir et interpréter les éléments de votre conception  . 

Cliquez sur le menu des couleurs dans la barre d'outils supérieure avec l'élément sélectionné.

Une vue partielle d'un canevas dans l'éditeur Venngage (coin supérieur gauche).  Un utilisateur clique sur l'icône vert foncé d'un livre, au-dessus d'une barre d'en-tête bleu marine sur une toile de conception.  Lorsque l'icône est sélectionnée, son menu de couleurs apparaît dans la barre d'outils supérieure ;  l'utilisateur clique sur le menu des couleurs et affiche le panneau de sélection des couleurs.  Au bas du panneau, l'en-tête de section « Rapport de contraste » apparaît, ainsi que l'étiquette de l'élément (« Graphiques ») et une valeur de rapport de contraste de 1,8:1, qui est identifiée comme ne répondant pas aux exigences d'accessibilité « AA » par un symbole rouge. icône "x".

 

En bas du panneau du menu des couleurs, une section intitulée «  Rapport de contraste  » affiche le rapport de contraste de l'élément par rapport à son arrière-plan.

Un "x" rouge apparaît à côté du libellé de l'élément (par exemple, "Graphiques", "Texte normal", "En-tête", etc.)  si le rapport ne répond pas aux exigences d'accessibilité  , et une coche verte si c'est le cas.

Un utilisateur clique sur l'icône d'information (un « i » dans un cercle) à côté de l'en-tête « Taux de contraste » au bas du sélecteur de couleurs.  Une boîte d'information noire apparaît.  La case indique « Pour respecter les normes d'accessibilité WCAG 2.1 AA, assurez-vous que vos conceptions respectent les seuils de contraste de couleur suivants : Texte normal : 4:5:1 ;  Texte de grande taille (au moins 19 pixels et gras, ou au moins 24 pixels et normal) : 3:1 ;  Graphiques significatifs : 3:1.'  Un lien en bas indique "En savoir plus sur le contraste des couleurs".

Cliquez sur l'icône « info »  à côté de l'en-tête Rapport de contraste pour plus de détails sur le rapport de contraste qui répond aux exigences des WCAG.

Une vue partielle d'un canevas dans l'éditeur Venngage (coin supérieur gauche).  Un élément est sélectionné sur le canevas de conception et le menu du sélecteur de couleurs est ouvert, recouvrant la vue partielle de la conception.  Un utilisateur clique sur le sélecteur de couleur, qui est défini sur un vert foncé (HEX 245561) et change la couleur en bleu clair (HEX 3AB3D2).  Au bas du panneau, sous l'en-tête de section "Taux de contraste", l'étiquette d'élément "Graphiques" apparaît ainsi qu'une valeur de taux de contraste.  La valeur du rapport de contraste de la couleur vert foncé est définie sur « 1,8:1 », ce qui est identifié comme ne répondant pas aux exigences d'accessibilité « AA » par une icône « x » rouge.  Lorsque l'utilisateur change la couleur en bleu clair, la valeur du rapport de contraste passe à 6,08: 1 et le score d'accessibilité 'AA' change pour répondre aux exigences d'accessibilité,

Changez la couleur de l'élément  avec le sélecteur ou en saisissant la  valeur du code HEX  . Le rapport de contraste dans le panneau de couleurs sera automatiquement mis à jour, ainsi que le vérificateur d'exigences.

Que signifie le contraste des couleurs ("AA", "AAA") ?

Le vérificateur d'accessibilité de Venngage évalue le contraste des couleurs conformément aux  exigences WCAG  :

  • Le niveau A  est le niveau minimum.

  • Le niveau AA  comprend toutes les exigences des niveaux A et AA.

    • C'est l'exigence que Venngage applique pour évaluer tous les éléments d'une conception accessible créée dans l'éditeur mis à niveau.
    • De nombreuses organisations s'efforcent d'atteindre le niveau AA ; ceci est utilisé comme référence pour l'exigence légalement définie de respecter les normes d'accessibilité.

  • Le niveau AAA  comprend toutes les exigences de niveau A, AA et AAA et répond au plus haut niveau d'exigence standard.

 

 

VENNGAGE LOGO

Intéressé à vous abonner? Faites la comparaison entre nos forfaits.

 

Cet article vous a-t-il été utile?

Utilisateurs qui ont trouvé cela utile : 0 sur 0

Vous avez d’autres questions? Envoyer une demande