Test 3.1.5

Pour chaque média temporel véhiculant une information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Méthodologie 3.1.5

  1. Retrouver dans le document les informations données par la couleur dans un média temporel.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Tests suivants et précédents au clavier

Test précédent : Maj + ←

Test suivant : Maj + →

Avec ces raccourcis clavier, atteindre

Éléments et attributs

aria-current aria-label title

Définitions

Image véhiculant une information (donnée par la couleur)

Image dont tout ou partie du contenu transmet visuellement une information par l’intermédiaire d’une couleur uniquement.

Information (donnée par la couleur)

Information transmise visuellement par l’intermédiaire d’une couleur. L’indication que les champs en rouge sont obligatoires dans un formulaire, l’utilisation d’un fond bleu pour indiquer la page en cours de consultation dans un menu avec le fond vert, le changement de couleur d’un nom d’article pour indiquer son indisponibilité dans une liste d’articles sont autant d’exemples d’indication donnée par la couleur.

Lorsqu’une information donnée par la couleur est accompagnée d’une autre méthode à destination des utilisateurs qui ne voient pas ou perçoivent mal les couleurs ou leurs associations, le critère sera considéré comme non applicable.

Les moyens de transmettre une information autrement que par la couleur peuvent être :

  • Une indication textuelle visible ;
  • Un moyen faisant intervenir du graphisme (pictogramme, image de fond, forme, style de bordure différent, etc.) et par le biais d’un complément au niveau du code (aria-label, title, texte masqué, aria-current, etc.) ;
  • Un autre style typographique (gras, italique, taille de texte, autre police, etc) et par le biais d’un complément au niveau du code (aria-label, title, texte masqué, aria-current, etc.).
Média temporel (type son, vidéo et synchronisé)
  • Média temporel seulement audio : contenu sonore (Wav, Mp3…) ;
  • Média temporel seulement vidéo : images ou photos en mouvement ou en séquence ;
  • Média temporel synchronisé : flux audio ou vidéo synchronisé avec un autre format pour présenter de l’information et/ou comportant des composants temporels interactifs. Un média temporel peut être consulté de 2 manières différentes :
  • Fichier à télécharger consultable avec un logiciel externe à la page web ;
  • Contenu embarqué dans la page web et consultable dans la page web via :
    • L’élément <video> (par exemple une vidéo) ;
    • L’élément <audio> (par exemple un podcast) ;
    • L’élément <svg> (par exemple un dessin animé vectoriel) ;
    • L’élément <canvas> (par exemple un dessin animé en image bitmap) ;
    • L’élément <bgsound> pour diffuser un arrière-plan sonore à la page web.

Un média temporel peut être diffusé en temps réel ou être proposé en lecture de manière asynchrone (média pré-enregistré).

Note 1 : les gif animés, les animations d’images réalisées par JavaScript ou CSS ne sont pas considérés comme étant des médias temporels.