Support Centre

Comment vérifier le rapport de contraste des couleurs

Gino B.
Gino B.
  • 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é.

 
Color Tool.png
 

 

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.

Contrast Settings.png

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 : 3 sur 4

Vous avez d’autres questions? Envoyer une demande