TUTO Accessibilité des images, icônes et médias - RGAA

Rendez vos contenus visuels et audiovisuels réellement accessibles à tous vos utilisateurs.
Dans ce tutoriel complet et 100 % pratique, vous apprendrez à respecter les exigences du RGAA 4.1 concernant l’accessibilité des images, des icônes, des vidéos et autres médias.
Vous êtes développeur, intégrateur ou designer web ? Ce cours vous aidera à maîtriser toutes les bonnes pratiques pour rendre vos éléments visuels compréhensibles, utilisables et conformes aux référentiels français d’accessibilité numérique.
 

Objectifs pédagogiques

À l’issue de cette formation, vous saurez :

• Identifier les types d’images (informative, décorative, porteuse de texte, fonctionnelle, etc.)
• Fournir des alternatives textuelles adaptées à chaque cas
• Gérer l’accessibilité des images de fond CSS et des icônes SVG
• Intégrer des vidéos avec sous-titres et transcriptions
• Appliquer les bonnes pratiques sur les boutons et contrôles visuels

Ce que vous allez apprendre

Ce tuto couvre en détail :

• Les enjeux de l’accessibilité des images
• La notion d’alternative textuelle (alt, aria-label, textes adjacents…)
• Les cas particuliers :
  • Images décoratives
  • Images porteuses de texte (ex. : infographies, citations, etc.)
  • Icônes SVG avec rôle fonctionnel
  • Boutons avec image ou fond visuel
• L’accessibilité des vidéos :
  • Sous-titres (WebVTT)
  • Transcriptions
• Les bonnes pratiques RGAA à intégrer dans vos projets

Prérequis

• Connaissances de base en HTML et CSS
• Notions fondamentales en accessibilité 

Pour aller plus loin :

Vous pouvez compléter ce tutoriel avec :

• Accessibilité des formulaires (HTML, CSS, JS)
• Intégrer une police Dys avec mémoire du choix utilisateur

Objectif final : vous donner les outils pour créer des interfaces accessibles, professionnelles et conformes au RGAA 4.1.
Un module essentiel pour toute équipe web engagée dans l’accessibilité numérique.