Quiz : Images, médias et contenu riche
Diagnostique un vrai extrait PulsaConf : L'alt est générique et la vidéo n'a ni contrôles, ni sous-titres, ni transcription équivalente.
Objectifs de la leçon
- Construire les décisions de « Images, médias et contenu riche » avec un élément HTML adapté.
- Ajouter les attributs qui rendent la structure testable.
- Expliquer l'impact utilisateur de la décision prise.
Choisir l'expérience de remplacement
Un média peut informer, illustrer ou décorer. Sa fonction détermine l'alternative textuelle, la légende, les contrôles et la stratégie de chargement à fournir.
« Quiz : Images, médias et contenu riche » sert ici à rendre les décisions de « Images, médias et contenu riche » explicite dans le document.
Décision média
Décris l'information que la personne perdrait sans le média. Si aucune information n'est perdue, rends la décoration silencieuse au lieu de répéter une description inutile.
Évite de traiter les décisions de « Images, médias et contenu riche » comme un simple détail visuel : le choix doit rester compréhensible dans le DOM et justifiable en revue de code.
Contrôle sans image ni son
Teste la page sans charger les images puis sans écouter l'audio. Le sens, les commandes et les informations importantes doivent rester disponibles.
Pour html-04-media-quiz, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.
Vocabulaire lié
- alt — Alternative textuelle d'une image informative.
- figure — Groupe média et légende.
- figcaption — Légende reliée au média.
- track — Piste de sous-titres ou captions.
- loading — Indice de chargement pour une image.
Validation
- Je sais expliquer pourquoi les décisions de « Images, médias et contenu riche » améliore PulsaConf.
- Je peux relier chaque test à une exigence utilisateur.
- Je garde une structure compréhensible sans style CSS.