Les vidéos ne sont pas intrinsèquement accessibles. Même si le contenu provient d'une source extérieure – comme un vidéaste ou une chaîne YouTube – vous êtes toujours responsable de vous assurer que chaque visiteur de votre site Web peut y accéder pleinement.

La vidéo peut servir à plusieurs fins pour un site Web:

  • Les vidéos de la page d'accueil présentant les fondateurs de l'entreprise ou les présentations illustrées d'une solution peuvent constituer un accueil unique sur le site;
  • Les vidéos sur les produits donnent aux clients un meilleur aperçu de votre inventaire, ce qui facilite le processus décisionnel;
  • Les vidéos d'arrière-plan peuvent être un bon changement de rythme par rapport à un contenu par ailleurs statique;
  • Les vidéos de billets de blog peuvent offrir aux lecteurs une approche alternative de la consommation de contenu;
  • Le contenu vidéo offre aux sites Web de meilleures opportunités de classement dans la recherche (comme apparaître dans Google Vidéos ou sur le premier SERP pour une question pertinente sur le "comment").

La dernière chose que vous souhaiteriez est de consacrer tout ce temps à la conception de votre site Web afin qu'il soit accessible uniquement pour que la vidéo (qui est toujours une partie cruciale du contenu) soit inaccessible.

Ci-dessous, nous allons voir ce que vous pouvez faire pour rendre la vidéo accessible sur votre site Web.

1. Suivez les meilleures pratiques d'accessibilité vidéo

Lorsque nous parlons de la façon de rendre les vidéos accessibles, ce que nous essayons finalement de faire est de résoudre deux gros problèmes:

  1. Pour permettre à chacun de consommer le contenu dans son intégralité;
  2. Pour que chacun puisse contrôler la lecture du contenu.

Cela ne s'applique pas seulement aux visiteurs ayant des déficiences visuelles ou auditives. Les vidéos accessibles sont utiles pour les personnes qui peuvent être limitées dans certaines situations (comme quelqu'un qui prend le bus pour rentrer chez lui et qui peut regarder la vidéo, mais ne pas l'écouter parce qu'il n'a pas d'écouteurs).

Voici ce que vous pouvez faire pour aider tous vos visiteurs à utiliser pleinement votre contenu vidéo:

Désactiver la lecture automatique et la boucle

Personne ne veut accéder à un site Web ou à une nouvelle page Web, mais uniquement à la lecture de la vidéo. Cela est particulièrement vrai pour ceux qui ont une déficience visuelle et doivent s'appuyer sur des lecteurs d'écran pour les naviguer vers les commandes qui désactivent la lecture automatique des vidéos.

N'oubliez donc pas de désactiver la lecture automatique ainsi que les fonctions de boucle automatique avant de publier une vidéo sur votre site.

Activer les légendes

Les légendes sont essentiellement un script qui apparaît dans votre vidéo. Ainsi, tout comme un script pour un film ou une pièce de théâtre, les légendes sont des annotations synchronisées qui expliquent ce qui est entendu.

En plus du discours lui-même, les légendes peuvent inclure des éléments tels que:

  • Les titres et les noms de chapitre sont affichés mais ne sont pas prononcés à haute voix;
  • Noms de chansons ou paroles jouées en arrière-plan;
  • Remarques sur les bruits ambiants.

Il existe deux types de légendes que vous pouvez utiliser. Sous-titres ouverts s'affiche automatiquement chaque fois que quelqu'un lit votre vidéo. Sous-titres codés doivent être activés par la personne qui regarde la vidéo.

Bien que certains logiciels de lecture vidéo proposent de générer automatiquement des sous-titres pour vous, il est préférable de le faire vous-même. (Vous verrez pourquoi plus tard.)

Activer les sous-titres

Pour les visiteurs qui ne parlent pas la langue maternelle de la vidéo, assurez-vous que les sous-titres sont activés ou que vous les avez inclus (si vous préparez le vôtre).

Ajouter des descriptions audio en cas de besoin

Alors que les sous-titres et sous-titres capturent l'audio d'une vidéo, ils ne décrivent généralement pas ce qui est à l'écran. Cela peut compromettre la capacité des utilisateurs malvoyants à comprendre ce qui se passe s'il y a quelque chose de pertinent dans les visuels (comme du texte à l'écran ou une sorte d'action qui n'est pas autrement décrite à haute voix).

Ainsi, en plus des légendes et des sous-titres, vous pourriez avoir besoin de descriptions audio supplémentaires ou d'une piste audio distincte entièrement pour compléter la vidéo.

Fournir une transcription

Les transcriptions sont un croisement entre les légendes et les descriptions audio. Essentiellement, une transcription devrait capturer tout de la vidéo:

  • Le discours;
  • Titres, sous-titres et autres textes à l'écran;
  • Descriptions de l'activité à l'écran;
  • Liens référencés ou partagés à l'écran.

Contrairement aux sous-titres, les transcriptions vivent généralement en dehors d'un lecteur vidéo – écrites sur la page en HTML ou fournies via un lien ou un téléchargement. Les transcriptions interactives sont un peu différentes car elles s’attachent directement aux lecteurs vidéo (je vais vous montrer un exemple ci-dessous).

Formater correctement le texte à l'écran

Même si vous ne donnez pas ou ne pouvez pas donner à vos visiteurs la possibilité de styliser les sous-titres à l'écran, il est important d'examiner attentivement comment vos choix peuvent affecter leur capacité à les lire, notamment:

  • Couleur du texte;
  • Couleur de l'arrière plan;
  • Couleur vidéo;
  • Rapport de contraste de couleur du texte à l'arrière-plan;
  • Rapport de contraste de couleur texte-vidéo;
  • Taille du texte;
  • Placement de texte à l'écran;
  • Synchronisation du texte avec la parole;
  • Durée d'affichage de chaque ligne de texte.

Évitez le contenu vacillant

Les visiteurs qui sont sujets à des crises, des étourdissements ou des nausées peuvent ne pas bien répondre à tout contenu scintillant, clignotant ou stroboscopique sur votre site. Aussi, soyez prudent en utilisant des illusions d'optique car elles peuvent également désorienter, déranger ou distraire certains visiteurs.

Étiquetez clairement les éléments interactifs

Si vous contrôlez la conception du lecteur vidéo ou les éléments interactifs qu'il contient, assurez-vous que chaque pouce de celui-ci est clairement étiqueté. Les boutons sans étiquettes ou avec des conventions de nommage géniales peuvent décourager vos visiteurs, alors restez avec les étiquettes éprouvées que tout le monde utilise.

Activer la prise en charge du clavier

Avant de publier des vidéos sur votre site, assurez-vous que les lecteurs d'écran et les claviers peuvent y accéder pleinement. Cela ne signifie pas seulement pouvoir trouver le lecteur vidéo sur la page. Cela signifie contrôler des fonctionnalités telles que le volume, activer les sous-titres ou avancer rapidement.

2. Utilisez un lecteur vidéo accessible

Il existe un certain nombre d'options de lecteur vidéo qui viennent avec des fonctionnalités d'accessibilité intégrées. Voici quelques-unes des options les plus populaires et indépendantes du système d'exploitation:

Youtube

YouTube est une solution de partage de vidéos populaire, vous pourriez donc être tenté d'utiliser cette option. Cependant, les seules fonctionnalités d'accessibilité vidéo fournies avec elles sont:

  • Les sous-titres;
  • Sous-titres codés.

Même alors, c'est à vous de fournir et d'affiner les sous-titres pour vos visiteurs malentendants. Lorsque vous téléchargez une nouvelle vidéo (ou éditez une vidéo existante), vous avez la possibilité de télécharger des sous-titres ou des sous-titres:

YouTube - Importer des sous-titres

Votre fichier .srt peut être préparé avec ou sans timing (bien que le timing soit idéal).

Si vous n'avez pas de sous-titres préparés, vous pouvez toujours compter sur le système de sous-titrage automatique de YouTube. Ils ne seront pas jolis, vous devrez donc toujours utiliser YouTube Studio pour modifier la transcription et l'aligner sur ce qui est dit:

YouTube - Sous-titres automatiques

Mais cela vous fera au moins gagner du temps en les écrivant tous à partir de zéro.

Au final, les visiteurs de votre site Web pourront activer les sous-titres via la petite icône "CC" en bas à droite du lecteur vidéo YouTube. Voici comment ils apparaissent lorsqu'ils sont lus dans votre vidéo:

YouTube - Sous-titres

Les utilisateurs ont peu ou pas de contrôle sur la façon dont ces sous-titres sont affichés, à part le fait que YouTube les traduise dans une autre langue de leur choix.

Je dirais que cette option peut être utilisée si vous avez déjà du contenu YouTube sur votre site Web et que vous souhaitez résoudre rapidement certains problèmes d'inaccessibilité. Mais gardez à l'esprit qu'il vous reste encore beaucoup à faire pour rendre les vidéos accessibles à 100%.

JW Player

JW Player n'est peut-être pas gratuit ou aussi connu que YouTube, mais ce lecteur vidéo HTML5 fera beaucoup plus en termes d'accessibilité.

Par exemple, vous pouvez l'utiliser pour activer le sous-titrage:

JW Player - Sous-titres codés

La prise en charge multilingue est fournie afin que vos utilisateurs ne soient pas automatiquement relégués dans la langue principale de la vidéo.

JW Player permet également aux téléspectateurs de styliser les légendes comme bon leur semble:

JW Player - Style de sous-titres

Ils peuvent modifier les paramètres suivants à partir des paramètres du lecteur vidéo:

  • Couleur de la police;
  • Opacité de la police;
  • Taille de police;
  • Famille de polices;
  • Style de bord de caractère;
  • Couleur de l'arrière plan;
  • Opacité de l'arrière-plan;
  • Couleur de la fenêtre;
  • Opacité de la fenêtre.

Une autre fonctionnalité d'accessibilité incluse est la piste audio HLSV4:

JW Player - Pistes audio

Bien que JW Player recommande d'utiliser une piste audio pour quelque chose comme la pose de commentaires du réalisateur sur un film, vous pouvez l'utiliser pour fournir des commentaires importants sur ce qui se passe à l'écran (c'est-à-dire des descriptions audio). Par exemple, si quelqu'un a une déficience visuelle mais est capable d'écouter la vidéo, la piste audio expliquerait les détails à l'écran au fur et à mesure qu'ils se produisent.

Une autre fonctionnalité d'accessibilité utile fournie avec JW Player est la transcription interactive:

JW Player - Transcriptions interactives

Les transcriptions sont utiles pour les utilisateurs malvoyants qui ont des lecteurs d'écran ainsi que les utilisateurs malentendants qui ont besoin d'une assistance audio. Et avec cette transcription interactive, les utilisateurs peuvent rechercher dans la transcription des phrases clés, ce qui en fait une fonctionnalité incroyablement utile pour tous les utilisateurs.

Comment rendre la vidéo accessible

Lorsque vous souhaitez rendre des vidéos accessibles, vous devez penser à la façon dont le contenu peut être perçu sous tous les angles.

  • Si quelqu'un ne pouvait pas entendre l'audio, de quoi aurait-il besoin de plus pour comprendre le contenu à l'écran?
  • Si quelqu'un ne pouvait pas regarder la vidéo, que pourriez-vous faire pour l'aider à visualiser ce qui est à l'écran?
  • Si quelqu'un ne pouvait pas contrôler la vidéo avec un tapis de souris, comment naviguerait-il dans les paramètres du lecteur vidéo?

En d'autres termes, pensez vraiment à ce que vous devez faire pour vous assurer que l'expérience de personne ne soit pas compromise par le manque d'accessibilité vidéo sur votre site. En utilisant les directives ci-dessus et des lecteurs multimédias accessibles, vous prendrez un bon départ.

Image sélectionnée via Unsplash.