|
Module
|
Description
|
Durée
|
| |
|
|
|
Ecrire des contenus accessibles
|
Titres - paragraphes - listes - citations - abréviations et acronymes - changement de langue - iframes
- Cas pratique : Examiner un contenu web, trouver les problèmes d'accessibilité et les corriger - Produire un contenu web accessible à partir d'une capture d'écran
- Outils : inspecteur de code, extension HeadingsMap
|
01h00
|
|
Utiliser les couleurs de manière accessible
|
Contraste suffisant - ne pas donner l'information que par la couleur - textes et éléments graphiques
- Exercice pratique : À partir d'une capture d'écran ou d'un contenu web en ligne, identifier les problèmes de contraste
- Outils : Color Contrast Analyser, extension WCAG Color Contrast Checker,
|
01h00
|
|
Écrire des liens accessibles
|
Intitulés de liens et boutons - Info-bulle - documents en téléchargement
- Cas pratique : Examiner un contenu web, trouver les problèmes d'accessibilité liés aux liens et les corriger
- Outils : inspecteur, web developer
|
00h30
|
|
Intégrer des images de façon accessible
|
Élément en mouvement – image de décoration – informative – légendée – complexe – associée à un lien
- Atelier : Examiner un contenu web, trouver les problèmes d'accessibilité liés aux images et les corriger - Intégrer une image accessible à partir d'une capture d'écran
- Outils : Inspecteur, web developer
|
01h00
|
|
Intégrer des éléments multimédias de façon accessible
|
Contenus à fournir pour une vidéo : Identification, sous-titres, transcription textuelle, audiodescription - Contenus à fournir pour un contenu audio : Identification, transcription textuelle
-Atelier : Examiner un contenu web, trouver les problèmes d'accessibilité liés à une vidéo et les corriger.
|
01h15
|
|
Intégrer des tableaux de données de manière accessible
|
Titre – en-tête de ligne et/ou de colonne – cas des tableaux simples et complexes
- Atelier : Identifier les éléments d'un tableau de données à spécifier à partir d'une capture d'écran.
- Outils : Inspecteur, web developer
|
00h30
|
|
Mettre en forme les contenus de manière accessible
|
Alignement - majuscules accentuées - espacement - interlignage - italique - gras - capitales
|
00h15
|
|
FALC
|
Introduction à la méthode FALC.
|
00h30
|
|
Quizz d'évaluation
|
Questions à choix multiples, une ou plusieurs réponses - Vrai/faux
|
00h30
|