Guide · Médias et expérience
Vidéo et audio sur un site : alternatives, lecture et performance
Décider quand utiliser une vidéo ou un audio, préparer transcription et sous-titres, choisir un lecteur et réduire le coût du chargement.
Réponse rapide
Le média doit apporter une information que l’utilisateur peut aussi retrouver et comprendre dans un format adapté. Préparez ses alternatives et son budget de chargement avant l’intégration.
- Décrire l’utilité du média.
- Annoncer sa durée.
- Relire sous-titres et transcription.
- Examiner les informations visuelles.
1. Définir ce que le média apporte
Une démonstration de geste, un entretien ou un exemple sonore peut justifier un média. Une animation décorative qui masque la présentation de l’offre ajoute un coût sans répondre à une question. Rédigez la phrase qui explique pourquoi la vidéo est utile et où l’information principale reste disponible pour ceux qui ne la regardent pas.
Préparez un titre, une durée, un résumé et les points abordés. L’utilisateur doit pouvoir estimer l’intérêt du média avant de le lancer. Une transcription structurée peut accueillir les liens et définitions qu’il serait difficile de retrouver dans une longue séquence. Elle nécessite une relecture des noms, chiffres et termes techniques.
2. Préparer des alternatives adaptées au contenu
Les sous-titres doivent couvrir les paroles et les sons nécessaires à la compréhension. Une transcription restitue le contenu verbal et les informations pertinentes. Lorsque des actions ou éléments visuels ne sont pas décrits oralement, il faut examiner le besoin d’audiodescription ou d’une alternative adaptée au cas.
Le W3C distingue les besoins selon la présence de son, d’image et leur synchronisation. Prévoyez les alternatives dès le scénario : une voix qui nomme l’élément montré réduit parfois le travail ultérieur. Les sous-titres automatiques sont une aide de départ ; une erreur sur une négation ou une unité peut changer le sens.
3. Vérifier les commandes et les interruptions
Le lecteur doit permettre une utilisation au clavier avec un focus visible. Contrôlez lecture, pause, volume, sous-titres et sortie du plein écran. Les commandes doivent porter des noms compréhensibles. Une fenêtre ou un bandeau ne doit pas recouvrir les contrôles essentiels sur smartphone.
Évitez un démarrage sonore inattendu. La lecture ne doit pas obliger à poursuivre lorsque l’utilisateur change de section. Testez le retour à la page et le repositionnement après la fermeture d’un lecteur intégré. Sur une page longue, le média reste un complément et ne doit pas retenir artificiellement le défilement.
4. Charger au bon moment et à la bonne taille
Une affiche optimisée peut permettre de choisir avant de charger le lecteur complet. Identifiez ce que l’intégration contacte dès l’ouverture de la page et ce qu’elle télécharge après une action. Les services tiers peuvent entraîner des ressources et traitements supplémentaires ; examinez le comportement réel de l’intégration.
Réservez l’espace du lecteur pour limiter les sauts de mise en page. La largeur maximale doit suivre la colonne de lecture, avec un ratio adapté. Une vidéo de démonstration ne gagne rien à devenir une image géante sur desktop. Testez une connexion limitée, l’absence du service tiers et le message proposé lorsque la lecture échoue.
5. Conserver les droits et les versions
Documentez les autorisations de diffusion des images, voix, musique et personnes identifiables selon le projet. La présence d’un fichier en ligne ne vaut pas autorisation de republication. Conservez une copie des éléments nécessaires à la maintenance lorsque les droits et conditions le permettent.
Une modification de produit peut rendre une démonstration ancienne incorrecte. Associez le média à sa version et relisez les liens, sous-titres et transcriptions lors de la mise à jour. Un ancien tutoriel peut rester public s’il est clairement daté et concerne encore un besoin réel. Ne le présentez pas comme une procédure actuelle sans contrôle.
Choisir la prochaine action
| Situation | À examiner | Action possible |
|---|---|---|
| Information dans la voix | Transcription et sous-titres relus | Proposer les alternatives adaptées |
| Action visible mais non dite | Description des étapes visuelles | Compléter le scénario ou l’alternative |
| Lecteur lourd au chargement | Ressources avant toute interaction | Envisager une affiche et un lancement volontaire |
| Tutoriel ancien | Version de l’outil représenté | Mettre à jour ou dater clairement |
Mise en pratique
Un contrôle concret pour appliquer ce guide
- Quand se poser la question
- Information dans la voix
- Ce qu’il faut examiner
- Transcription et sous-titres relus
- Comment décider
- Proposer les alternatives adaptées
- La preuve à conserver
- Conserver le cas examiné, la source ou observation, la décision datée et le résultat du contrôle suivant.
Cas de contrôle
Une fiche pour vérifier votre propre situation
Choisissez une démonstration où une étape est montrée sans être nommée. Comparez la séquence, les sous-titres et la transcription.
- À consigner
- Relevez les paroles, sons et éléments visuels nécessaires à la compréhension de cette étape.
- Critère de réussite
- Une personne peut retrouver l’information déterminante dans une alternative adaptée. Les commandes de lecture et de sous-titres fonctionnent au clavier.
Erreur à éviterCorriger uniquement la transcription des paroles en laissant une action visuelle indispensable sans description.
Avant d’avancer
La check-list opérationnelle
Utilisez cette liste pour suivre vos vérifications. Les cases restent dans cette page, sans envoi ni enregistrement.
Questions fréquentes
Les précisions à connaître
Les sous-titres automatiques suffisent-ils ?
Ils doivent être relus, synchronisés et corrigés. Vérifiez en particulier les noms, les nombres et les sons porteurs d’information.
Une transcription remplace-t-elle tous les besoins ?
Non. Les besoins dépendent du média et de son contenu. Une information visuelle absente de la transcription peut demander une description supplémentaire.
Faut-il intégrer directement un lecteur tiers ?
Examinez d’abord son poids, son accessibilité et les traitements déclenchés. Une présentation avec affiche et lancement volontaire peut mieux répondre au besoin.
Peut-on laisser une vidéo décorative en boucle ?
Évaluez son utilité, les distractions et la possibilité de l’arrêter. Elle ne doit pas empêcher la lecture ou alourdir inutilement la page.
Documentation
Sources de référence
Ces ressources officielles complètent les arbitrages et permettent de vérifier les recommandations dans leur contexte.
