Vidéo et audiodescription

Qu’est-ce que l’audiodescription ?

L’audiodescription permet aux non-voyants et malvoyants de mieux suivre la vidéo proposée. Il s’agit d’une source audio différente qui décrit les éléments visuels de la vidéo. L’audiodescription fait partie des problématiques d’accessibilité d’un site.

Il est bon de rappeler que depuis février 2005, la loi demande aux sites internet du service public d’être accessibles.

Aujourd’hui je vous propose une solution possible pour faire de l’audiodescription sur une vidéo HTML5.

Généralement, deux solutions sont proposées pour faire de l’audiodescription : changer la source vidéo ou audio.

Le problème avec ces deux solutions est que l’on duplique plus ou moins la ressource.
Dans le cas du changement de source vidéo, on devra bien entendu stocker/rendre deux ressources plus ou moins volumineuses.

Les solutions dépendent de votre besoin. Dans tout les cas, je vous conseille l’utilisation de videojs, qui a l’avantage d’avoir une bonne accessibilité.

Voici quelques ressources:

Mise en place de l’audiodescription

Dans notre cas, le besoin est légèrement différent car l’audiodescription est une source audio différente qui ne contient pas l’audio de base de la vidéo.

Nous devons donc « superposer » la source audio de l’audiodescription à la source audio de la vidéo.
Nous allons également ajouter un bouton au player afin d’activer ou non l’audiodescription.

Le code proposé ici se base sur la version 5 de videojs.

Vous allez voir c’est assez simple et rapide à mettre en place :

Voici un codepen pour voir le résultat.

C’est tout pour aujourd’hui. La prochaine fois on verra comment créer un plugin videojs pour implémenter tout ça directement 😉

Crédit photo : https://twitter.com/born2rollmc/status/587450752035065856

TAGS: , , , BY: Matthieu POULLIN 0 COMMENT
LIRE LA SUITE

Matthieu POULLIN

Laisser un commentaire