Test 4.13.2

Chaque média temporel et non temporel qui possède une alternative compatible avec les technologies d’assistance, vérifie-t-il une de ces conditions ?

L’alternative est adjacente au média temporel ou non temporel.

L’alternative est accessible via un lien ou bouton adjacent.

Un mécanisme permet de remplacer le média temporel ou non temporel par son alternative.

Méthodologie 4.13.2

  1. Retrouver dans le document les médias temporels et non temporels qui possèdent une alternative compatible avec les technologies d’assistance.
  2. Pour chaque média, vérifier que :
    • soit l’alternative est adjacente au média temporel ou non temporel ;
    • soit l’alternative est accessible au moyen d’un lien ou d’un bouton adjacent ;
    • soit un mécanisme permet de remplacer le média temporel ou non temporel par son alternative.
  3. Si c’est le cas pour chaque média temporel ou non temporel, le test est validé.
Cas particulier

Tests suivants et précédents au clavier

Test précédent : Maj + ←

Test suivant : Maj + →

Avec ces raccourcis clavier, atteindre

Cas particuliers du critère 4.13

Il existe une gestion de cas particulier lorsque le média temporel ou non temporel est utilisé à des fins décoratives (c’est-à-dire qu’il n’apporte aucune information).

Dans ces situations, le critère est non applicable.

Définitions

Compatible avec les technologies d’assistance

Un contenu ou une fonctionnalité doit être compatible avec les technologies d’assistance des utilisateurs ainsi qu’avec les fonctions d’accessibilité des navigateurs et des autres agents utilisateurs via une API d’accessibilité.

Cela concerne, à la fois, la technologie, ses fonctionnalités et ses usages :

  • La façon dont la technologie Web est utilisée doit être compatible avec les technologies d’assistance des utilisateurs. Cela signifie que la façon dont la technologie est utilisée a été testée dans une perspective d’interopérabilité avec des utilisateurs des technologies d’assistance dans la ou les langues du contenu ;
  • La technologie fonctionne de façon native dans des agents utilisateurs largement distribués qui sont, eux-mêmes, compatibles avec l’accessibilité (comme HTML et CSS) ou avec un module d’extension largement distribué qui est, lui-même, compatible avec l’accessibilité.

La vérification de la compatibilité avec les technologies d’assistance nécessite de réaliser un certain nombre de tests spécifiques à la technologie utilisée, par exemple :

  • Vérifier le nom, le rôle, le paramétrage et les changements d’états des composants d’interface ;
  • Vérifier que la restitution d’un composant d’interface est correcte pour la ou les technologies d’assistance utilisées.
Lien ou bouton adjacent

Lien ou bouton présenté de manière adjacente à un élément dans la page. Le lien ou bouton doit être adjacent visuellement dans la représentation graphique (CSS activé) et dans le code HTML. Dans le code HTML, le lien ou bouton doit se situer juste avant ou juste après l’élément auquel il est adjacent.

Média non temporel

Contenu qui ne se déroule pas dans le temps, consultable via les éléments svg et canvas ; par exemple, une animation interactive réalisée avec une balise canvas. Un média non temporel peut contenir des médias temporels (un diaporama réalisé avec canvas qui propose une liste de vidéos à consulter, par exemple).

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.