Comment rendre les supports multimédias accessibles à tous ?

Emmanuelle ABOAF

Paris Web – 11 octobre 2019

Twitter : @eaboaf_

Sous-titrage des vidéos

Pour qui ?

  • 6 millions de personnes sourdes et malentendantes
  • Personnes âgées
  • Et le reste de la population !

Ce qu'il ne faut pas voir...

Sous-titrage noir avec un diaporama contenant des textes en arrière plan : les sous-titres et le texte du diaporama se superposent
Sous-titrage blanc avec un arrière-plan blanc : on ne voit pas les sous-titres
Sous-titrage bleu sur un tee-shirt bleu et gris : on ne voit pas les sous-titres
Sous-titrage rouge en majuscule : on voit à peine les sous-titres et on a l'impression de se faire crier dessus
Sous-titrage blanc avec une taille de police très petite : on ne peut pas lire les sous-titres
Sous-titrage blanc avec un fond transparent noir sur 4 lignes et qui remplit la moitié de l'écran : on ne voit pas le diaporama derrière et on n'a pas le temps de tout lire
Sous-titrage bleu avec un fond bleu sur 4 lignes : on n'a pas le temps de tout lire
Sous-titrage blanc avec un fond rouge flashy sur 3 lignes : on n'arrive pas à lire tellement la couleur rouge flashy fait mal aux yeux
Sous-titrage vert avec un fond blanc flashy : on n'arrive pas à lire tellement la couleur blanche flashy fait mal aux yeux

Une solution de format

Un sous-titrage blanc avec un fond noir ou un fond noir transparent avec une opacité minimum à 30% :

  • donne une meilleure visibilité pour tous
  • convient à tout contenu de vidéo
  • est adapté aux personnes sourdes ushers ou aux personnes daltoniennes
image contenant pleins de nuages blancs avec un sous-titre blanc avec un fond transparent noir pour mieux voir

Un exemple de vidéo avec
le sous-titrage automatique

Vous pouvez corriger le sous-titrage automatique
même si ce n'est pas votre vidéo.

Sous la vidéo, il y a une icône trois petits points. Cliquez sur cette icône et le menu apparaît. Cliquer sur l'option Ouvrir l'onglet Transcription

Trois solutions
pour sous-titrer une vidéo

Faire sous-titrer

On peut demander à des professionnels de sous-titrage (comme Authôt par exemple) de réaliser le sous-titrage de sa vidéo. Evidemment, c'est payant mais la qualité est là.

Sous-titrer soi-même

On est toujours mieux servi que par soi-même pour sous-titrer une vidéo. Des logiciels de sous-titrage existent : Workshop Subtitles, Aegisub ou autre logiciel.
Seul incovénient : cela prend du temps car il faut sous-titrer ET ensuite synchroniser les sous-titres.

Machine + Humain

On peut utiliser le sous-titrage automatique de l'IA et ensuite le corriger soi-même.
L'avantage est que la synchronisation des sous-titres est faite.
Exemple : Youtube.

En résumé

pour que les sous-titres soient parfaits

  • Sous-titrer soi-même.
  • Ne pas utiliser uniquement le sous-titrage automatique et toujours le corriger.
  • Ne pas faire de fautes d'orthographe, de grammaire ou de conjugaison.
  • Respecter le format de couleur : couleur blanc avec un fond (transparent) noir.
  • Faire attention à la taille de la police et à la police : faire en sorte qu'ils soient lisibles pour tous.
  • Sous-titrer toujours sur deux lignes maximum.

En savoir plus sur les bonnes pratiques du sous-titrage

En savoir plus sur la réalisation du sous-titrage par Access42

Description des images

Pour qui et pourquoi ? 1,2 million de personnes aveugles et malvoyantes

Description des images

Twitter (sur mobile et IOS)

Configuration :
Réglages > Accessibilité

Dans la catégorie Vision, activer la case à cocher Composer des descriptions d'image

Cliquer sur "Ajouter une description"

En bas de l'image, il y a un bouton nommé ajouter une description

Et décrire l'image

Sous l'image, on décrit l'image. Il est écrit une énorme foule amassée devant le magicobus sur les quais de la tournelle. En arrière-plan, une péniche qui passe et qui voit le magicobus.

Description des images

Linkedin

WordPress

Solution alternative

Pour décrire les gifs animés

Ecriture des messages
dans les réseaux sociaux

Ce qu'il ne faut surtout pas faire

Ce que dit le lecteur d'écran : « U P 3 siuz »

Ce que dit le lecteur d'écran :

« Vous trouvez ça m de ronde lettre i de ronde lettre g de ronde lettre n de ronde lettre o de ronde lettre n de ronde lettre d'écrire vos tweets et symbole de parking groupe sanguin O comme ça. Mais avez-vous déjà latin small letter e latin small letter n latin small letter tlatin small letter elatin small letter nlatin small letter dlatin small letter u ce que ça D O N N E avec des technologies d'assistance comme sigmeodao ? »

Ecriture inclusive

Exemple de texte rédigé

Toutes les catégories de citoyen.ne.s étaient représenté.e.s puisque l'on rencontrait des préfet.ète.s, des sénateur.rice.s, des ambassadeur.rice.s, des conseiller.ère.s municipaux.ales, des éducateur.rice.s, des chroniqueur.euse.s sportif.ive.s.
On croisait également des avocat.e.s commis.e.s d'office, des assistant.e.s administratif.ive.s retraité.e.s, des artisan.e.s reconverti.e.s en banquier.ère.s.

Ecouter la restitution vocale

Article à lire : Ecriture inclusive et accessibilité font-elles bon ménage ?

Consulter deux fils (threads) consacrés aux problèmes d'accessibilité numérique : Fil n°1 et Fil n°2.

Accessibilité des fichiers PDF

Réactions des utilisateurs de lecteur d'écran

concernant l'accessibilité des documents PDF

Pourquoi ?

PDF contenant une image on un document numérisé

Il est impossible de lire, grossir, sélectionner le contenu du document et de faire une recherche de texte dans ce document.

PDF protégés

Le lecteur d'écran ne peut pas lire le document protégé à cause de la propriété « Accessibilité au contenu activée » paramétrée par défaut sur « non autorisé ».

PDF n'ayant aucune structure

Si le document n'est pas balisé, le lecteur d'écran :

  • ne vocalise pas le texte dans le bon ordre
  • vocalise très mal à cause d'une police non conforme
  • ne peut pas naviguer d'un chapitre à l'autre.

Source : PDF et accessibilité : la fausse bonne idée

Trois solutions

pour rendre le document accessible

  • Mettre à disposition, en plus du fichier PDF, un fichier de traitement de texte (en format odt. ou .docx) structurée.
    • Pour s'assurer que le document soit structurée, vous avez l'option "Vérifier l'accessibilité" dans la catégorie "Révision" sur les dernières versions récentes d'Office. Vérificateur d'accessibilité. Résultats de l'inspection : aucun problème d'accessibilité n'a été détecté. Les personnes atteintes d'un handicap ne devrait avoir aucune difficulté à lire ce document
  • Rendre le fichier PDF accessible avec Adobe Acrobat Pro ou InDesign (logiciels payants)
  • Réaliser le document en format HTML en implémentant l'accessibilité numérique avec une feuille de style CSS pour l'impression PDF (CSS print)

Merci !

Slides 
https://emma11y.github.io/parisweb2019/