2.1. Assurer la compréhension de l’information même en l’absence de couleurs

L’information ne doit pas être véhiculée uniquement par la couleur.

Si, sur un graphique représentant la répartition des ventes par pays, seule la couleur (via la légende) permet de relier le pourcentage au pays, alors le graphique n’est plus compréhensible sans couleur.
 Tandis qu’une version du graphique où les noms des pays et les pourcentages correspondants peuvent être lus ensemble, reste compréhensible même sans couleur.
Pour chaque entitée EDF, des icones indiquent si l'entitée effectue de la production, de la distribution et ou du service. Une légende placée après la liste indique le sens de chaque picto.
Si un même motif mais avec des couleurs différentes est utilisé pour une légende, la légende n’est pas compréhensible en l’absence de couleur
Pour chaque entitée EDF, des icones indiquent si l'entitée effectue de la production, de la distribution et ou du service. Une légende placée après la liste indique le sens de chaque picto.
Si en revanche, en plus de la couleur, les motifs utilisés sont différents (différents pictogrammes ou différentes formes), la légende reste compréhensible même en l’absence de couleurs.
Navigation de 5 liens, la couleur de fond de la rubrique active est différentes des autres rubriques.
Si dans un menu de navigation la position courante n’est véhiculée que par le changement de la couleur de fond, cette information de la page courante n’est véhiculée que par la couleur.
Navigation de 5 liens, la couleur de fond et la forme de la rubrique active est différentes des autres rubriques.
En revanche, l’ajout d’un autre indicateur visuel (’une flèche tournée vers le bas par exemple) permet de rendre compréhensible l’information même en l’absence de couleurs.
Dans un système de navigation dans un carrousel qui utilise des pastilles de navigation,
Si l’information de l’écran courant n’est visible que par le changement de couleur de la pastille, la navigation n’est pas conforme.
En revanche, le changement de forme de la pastille courante permet de rendre compréhensible l’information même en l’absence de couleurs.

7 commentaires

  • Par Mickael, le 8 septembre 2025 à 16h20.

    Bonjour,

    Je dois afficher un « numéro vert »? Ce numéro apparait dans un cartouche vert (trés) clair et réponds à une charte graphique spécifique qui ne respecte pas le RGAA. Est il possible de l’ajuster pour le rendre accessible ?

    Répondre

    • Par Romain Desjardins (Atalan), le 9 septembre 2025 à 8h55.

      Bonjour Mickael,

      Nous vous remercions pour votre intérêt au sujet de l’accessibilité numérique.

      Afin de pouvoir prendre le temps de répondre à toutes vos futures questions, nous vous proposons de suivre une de nos formations à distance adaptée à votre profil.

      Vous trouverez à ce lien le catalogue de toutes les formations que nous dispensons. N’hésitez pas à nous contacter par mail si une de nos formations vous intéresse.

      Bien à vous,
      Romain

      Répondre

  • Par Raphaëlle, le 26 novembre 2024 à 11h16.

    Bonjour,
    Je ne comprends pas pourquoi le 1er exemple d’onglets n’est pas accessible. On a une différence extrêmement marquée entre celui qui est sélectionné et les autres puisque les contraste sont inversés et très forts.

    La compréhension est qu’on ne doit pas véhiculer une info par la couleur mais qu’il faut distinguer la couleur du contraste. Même si je ne vois pas les couleurs je percevrai une nette différence.

    Pourriez vous m’expliquer ? Merci beaucoup

    Répondre

    • Par Dominique Nicolle (Atalan), le 16 décembre 2024 à 11h27.

      Bonjour Raphaëlle,

      En s’appuyant sur les tests mentionnés par le RGAA, une différence de couleur, même extrêmement marquée, ne permet pas de valider le critère 3.1 demandant de ne pas véhiculer l’information uniquement par un changement de couleur.
      De plus, lors du passage en mode de contraste élevé de Windows (par exemple) les couleurs sont remplacées, et de ce fait, la différence entre un onglet actif ou non ne sera plus visible sans une indication visuelle (ici flèche vers le bas, cela peut aussi être une bordure d’épaisseur différente par exemple).

      Bien à vous,
      Dominique

      Répondre

  • Par jérôme, le 22 décembre 2023 à 14h44.

    Ce commentaire a été publié il y a plus de 2 ans. Il se peut que son contenu ne soit plus d'actualité.

    Dans les graphiques à plusieurs courbes, il faut utiliser des traits différents entre courbes et non pas seulement des couleurs différentes, ou grossir les traits.

    Répondre

  • Par Gaby, le 17 mars 2017 à 12h05.

    Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

    Merci pour ces exemples précis.
    Pourquoi avoir supprimé l’astuce du test en niveaux de gris ? Finalement pas une bonne idée ? Merci

    Répondre

    • Par Sébastien Delorme, le 30 mars 2017 à 15h40.

      Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

      Bonjour Gaby,

      En fait, passer en niveaux de gris ne suffit pas pour vérifier que l’information n’est pas véhiculée par la couleur.

      Par exemple, imaginons un camembert avec trois portions verte, bleue et rouge. En le passant en gris, on risque d’avoir trois gris différents et donc se dire que tout est ok.

      Pourtant, une personne daltonienne ou malvoyante pourrait quand-même ne pas distinguer certaines combinaisons.

      Nous avons donc supprimé cette astuce qui pourrait faire valider une mise en page qui n’était pas accessible.

      Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Mises à jour

02/09/2025
Modification des exemples « graphique » et « pagination de carrousel ».

Haut de page