Table des matières |
|---|
Pour chaque vidéo, un titre ou un court texte de présentation doivent être prévus à même la console.
CAPTURES D'ÉCRAN
On retrouve le titre et le descriptif du contenu vidéo en cliquant sur le bouton i (info).
Les contrôles suivants doivent être prévus sur chaque vidéo :
Le contrôle de volume est requis de façon indépendante au contrôle de l’appareil afin de minimiser les risques d’interférence avec des fonctions spécifiques à l’accessibilité, notamment le doublon sonore occasionné par l’activation du lecteur d’écran, par exemple.
ASTUCES
Il est pertinent d’afficher dans chaque vidéo les informations suivantes :
CAPTURES D'ÉCRAN
Le contrôle d’avancement/pause et le contrôle de son s’affichent dans la barre de contrôle de la console. Un indicateur de progression ainsi que la position courante sur la durée totale du média sont également affichés.
Un moyen pour afficher et masquer les sous-titres doit être prévu, et ce, pour chaque vidéo.
Les sous-titres doivent restituer à l’aide de texte l’ensemble des contenus audio véhiculés par la vidéo. Ils ne doivent pas être affichés directement dans la vidéo, mais doivent être associés à cette dernière grâce à un fichier de texte indépendant (souvent, un fichier .xml ou .srt).
ATTENTION
Chaque fois que des sous-titres sont affichés, le contraste entre le texte et la vidéo en arrière-plan doit être suffisant afin de garantir leur lisibilité. Un style graphique approprié (opacité suffisante ou fond noir, grosseur et couleur de police de caractère adéquate), dont répondre de façon optimale à toutes les situations.
CAPTURES D'ÉCRAN
L’icône de sous-titrage s’affiche dans la barre de contrôle de la console (lorsque disponible). Les sous-titres sont bien contrastés pour garantir leur lisibilité.
Un moyen pour activer et désactiver la vidéodescription doit être prévu sur chaque vidéo.
La vidéodescription est l’équivalent des sous-titres pour les personnes aveugles ou malvoyantes. Elle restitue sous forme de voix hors champ les informations qui ne sont véhiculées que par l’image et complète la bande son originale. La vidéodescription doit restituer au format audio l’ensemble des informations qui sont accessibles seulement par l’image.
REMARQUESLa vidéodescription doit être activée ou désactivée par un bouton ayant l'icône appropriée.
CAPTURES D'ÉCRAN
Lorsque disponible, le bouton de la vidéodescription s’affiche dans la barre de contrôle de la console (maquette en développement).
La transcription textuelle comprend le texte de la vidéodescription, ou lorsque non disponible le texte du sous-titrage. Cette transcription doit restituer à l’aide de textes l’ensemble des informations véhiculées par la vidéo (paroles, messages affichés à l’écran, etc.).
Un moyen d’accéder à cette transcription textuelle intégrale doit être prévu pour chaque vidéo. Un lien « Consulter la transcription textuelle de cette vidéo » sous forme d’accordéon doit figurer sous la console vidéo, avec le crédit de la vidéo. Le style appliqué devra être conforme au style appliqué au corps du texte.
REMARQUES
Si la transcription textuelle n’est pas disponible, il faut indiquer « La transcription textuelle de cette vidéo n’est pas disponible », avec le crédit de la vidéo.
RESSOURCES
Voici un exemple de transcription textuelle intégrale sur le site d'AMI Télé
Pour annoncer chaque contenu audio, un titre ou un résumé doivent être prévus.
CAPTURES D'ÉCRAN
Le titre du contenu audio figure en tout temps dans la console audio.
Les contrôles suivants doivent au minimum être prévus sur chaque lecteur audio :
Le contrôle de volume est requis de façon indépendante au contrôle de l’appareil afin de minimiser les risques d’interférence avec des fonctions spécifiques à l’accessibilité, notamment le doublon sonore qui peut être occasionné par l’activation du lecteur d’écran.
ASTUCES
Il est pertinent d’afficher dans chaque lecteur audio les informations suivantes :
CAPTURES D'ÉCRAN
Outre les contrôles d’avancement/pause et de son, les indicateurs de position courante, de durée et de progression s’affichent dans la barre de contrôle de la console.
La transcription textuelle du contenu audio en direct correspond à une cote AAA en accessibilité. Cette possibilité ne sera pas offerte sur les sites de Radio-Canada.
Un moyen de mettre en pause et de relancer l’animation doit être prévu pour chaque contenu animé (défilement, clignotement, mouvement, mise à jour automatique, etc.). Sur le site de Radio-Canada, il y a quatre types de contenu animé : les carrousels, les GIF animés, les transitions animées et les publicités.
REMARQUES
Il n’est pas nécessaire de prévoir de moyen pour mettre en pause les barres de progression animées ou les éléments dont le mouvement s’arrête automatiquement dans un laps de temps inférieur à 5 secondes.
ATTENTION
Voici des exemples intéressants mais qui nécessiteraient une amélioration en accessibilité, avec l'ajout d'une icône de pause: - Zoom arrêté - Arrière-plan animé - Animation en boucle (simple) - Animation en boucle (double)
CAPTURES D'ÉCRAN
RESSOURCES
http://libeo.com/blogue/2014/02/12/decouvrez-des-pratiques-essentielles-pour-un-site-web-accessible/
http://wet-boew.github.io/v4.0-ci/demos/tabs/tabs-carousel-fr.html
http://blog.60canards.com/2012/01/ergonomie-des-carrousels-10-principes-a-respecter
http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/
Chaque fois qu’un son dont la durée est supérieure à trois secondes est lancé automatiquement, un moyen de stopper ce son doit être prévu en début de page.
REMARQUES
S’assurer que les contenus externes intégrés à la page (iFrame) ne démarrent pas automatiquement (autoplay).
ATTENTION
Malgré tout, il reste très fortement déconseillé de déclencher du son automatiquement. Certains utilisateurs seront perturbés par ce son qui se déclenche sans action de leur part (difficulté à trouver la source du son lorsque plusieurs onglets sont ouverts), d’autres seront tout simplement bloqués (utilisateurs de synthèses vocales, qui deviendront incapables de naviguer).