Ajouter un média vidéo en assurant son accessibilité

Site: Plateforme MM25
Cours: Bac à sable - L’atelier accessibilité et inclusion : des détails qui font la différence
Livre: Ajouter un média vidéo en assurant son accessibilité
Imprimé par: Visiteur anonyme
Date: lundi 19 janvier 2026, 19:49

Intégrer une vidéo dans Moodle : trois modalités d’ajout


L'intégration de ressources vidéo dans un module de formation Moodle peut se faire selon plusieurs modalités. Chaque modalité a des implications techniques et des impacts sur l’accessibilité que l’on se doit de maîtriser pour garantir une expérience apprenante de qualité. Voici trois modalités principales d’intégration de vidéo dans Moodle 4.5.

Ajout d’une vidéo par un lien externe (URL)

Principe

Cette méthode consiste à insérer via l'éditeur de texte un lien vers une vidéo hébergée sur une plateforme externe, comme YouTube, Vimeo ou PeerTube.

  • Dans l’éditeur de texte, on utilise l’outil "Lien" pour insérer une URL.
  • Moodle reconnaît automatiquement certains formats et propose un lecteur intégré (embed auto).

Influence du navigateur

Les performances et l’ergonomie de lecture peuvent varier selon le navigateur utilisé :

  • Certains navigateurs bloquent les cookies tiers ou limitent le tracking, ce qui peut désactiver des fonctionnalités avancées du lecteur (chapitrage, sous-titres).
  • La compatibilité HTML5 est globalement assurée, mais certaines extensions ou politiques de sécurité (notamment sur Safari ou Firefox) peuvent restreindre l’affichage.

Impact sur l’accessibilité

  • L’accessibilité dépend fortement de la plateforme d’hébergement.
  • Si la vidéo externe comporte des sous-titres synchronisés, des transcriptions textuelles, ou des descriptions audio, celles-ci peuvent être directement proposées.
  • Il est recommandé de vérifier la compatibilité du lecteur utilisé (notamment navigation clavier, accès aux paramétrage de l'interface etc.).

Bonnes pratiques :

  • Ajoutez une description textuelle en amont ou en aval du lien.
  • Proposez une transcription complète téléchargeable si elle n’est pas incluse sur la plateforme externe.

Ajout d’un fichier vidéo depuis Moodle (upload direct)

Principe

Cette méthode consiste à déposer un fichier au format vidéo (MP4 recommandé) directement.

  • L’ajout se fait via l’éditeur de texte, en cliquant sur "Insérer une vidéo", puis en téléversant le fichier.

Compatibilité navigateur

  • Excellente compatibilité avec les navigateurs modernes (Chrome, Edge, Firefox, Safari).
  • Le format MP4 (H.264 + AAC) est le plus largement pris en charge.
  • Le temps de chargement dépend de la taille du fichier et de la bande passante de l’utilisateur.

Impact sur l’accessibilité

  • Le lecteur Moodle prend en charge les sous-titres au format VTT (vous pouvez les ajouter depuis l'interface pour intégrer un contenu multimédia).
  • Il est possible d’ajouter une transcription manuelle ou un lien vers un fichier texte.
  • Le contrôle par clavier est généralement fonctionnel, mais les raccourcis peuvent varier selon les navigateurs.

Bonnes pratiques :

  • Fournissez un fichier de sous-titres en VTT au moment du dépôt.
  • Utilisez un nom de fichier explicite et renseigner les champs de titre et description pour les lecteurs d’écran.

Intégration d’une vidéo via une iframe (code HTML)

Principe

Cette méthode permet d’intégrer une vidéo à l’aide d’un code HTML iframe, généralement fourni par des plateformes externes.

  • Nécessite d’accéder et de savoir saisir de code HTML (<>).
  • On colle le code iframe fourni par la plateforme (YouTube, Canal U, etc.).

Contraintes techniques et navigateur

  • Dépend du paramétrage de sécurité dans Moodle : certaines iframes peuvent être filtrées.
  • Des restrictions peuvent s’appliquer selon le Content Security Policy (CSP) du navigateur.
  • Problèmes possibles sur mobile (taille d’affichage, redimensionnement non réactif).

Impact sur l’accessibilité

L'accessibilité dépend de la qualité du code iframe fourni.

Il faut s’assurer que :

  • le "title" de l’iframe soit renseigné ;
  • le contenu soit navigable au clavier ;
  • la qualité des sous titres.

Bonnes pratiques :

  • Ajoutez un "title" explicite dans l’attribut iframe (par exemple title="Vidéo de présentation du module").
  • Vérifiez la compatibilité mobile et l’adaptabilité de l’iframe.
  • Proposez un lien alternatif vers la vidéo hors iframe.

Pour résumer

Chaque modalité présente des avantages selon les contraintes techniques, la stratégie pédagogique et les publics visés.

Pour une accessibilité optimale :

  • Fournissez toujours une alternative textuelle.
  • Vérifiez la lisibilité, la compatibilité et la simplicité d’usage.
  • Testez le rendu sur différents navigateurs et supports.