🖼️ Créer un visuel accessible avec texte alternatif¶
Objectifs pédagogiques¶
- Créer un visuel accessible (contraste suffisant, texte lisible, texte alternatif) associé à un message
- Associer visuel et message de façon cohérente pour le public cible déjà défini
- Rédiger un texte alternatif rendant le message accessible à une personne utilisant un lecteur d'écran
Contexte¶
Tu es chargé(e) de la communication numérique du CCAS de Loudéac. Le brouillon que tu as réécrit à l'activité précédente doit être publié avec un visuel : Mme Hascoët, la directrice, exige qu'il reste lisible et compréhensible par le plus grand nombre, y compris les usagères et usagers malvoyants ou utilisant un lecteur d'écran, nombreux parmi le public du CCAS.
Problématique
« Comment créer un visuel qui accompagne efficacement un message, tout en restant accessible à une personne malvoyante ou utilisant un lecteur d'écran ? »
Mission¶
A — Je choisis le contenu du visuel¶
- Reprendre le message et le public cible du brouillon réécrit à l'activité précédente, et déterminer ce que le visuel doit apporter (illustrer, résumer, attirer l'attention).
- Rechercher une image libre de droits en lien avec le message (banque d'images libres, par exemple Pixabay) ou préparer un visuel simple à créer toi-même.
B — Je construis un visuel accessible¶
- Créer, sur Canva (compte établissement) ou PowerPoint, le visuel en respectant un contraste fort entre texte et fond, une police lisible, et une taille de texte suffisante.
- Rédiger un texte alternatif (description courte) décrivant le contenu du visuel pour une personne utilisant un lecteur d'écran.
C — J'associe visuel et message¶
- Associer ton visuel accessible au post réécrit à l'activité précédente et vérifier leur cohérence (le visuel n'ajoute pas d'information contradictoire avec le texte).
- Relire l'ensemble en te mettant à la place d'un usager malvoyant du CCAS : le message reste-t-il compréhensible sans voir le visuel, grâce au texte alternatif ?
Questions de synthèse
- Quel choix de conception (contraste, police, taille) a le plus amélioré la lisibilité de ton visuel ?
- Pourquoi un texte alternatif est-il indispensable même quand le visuel semble déjà clair ?
Vérifier mes réponses
- La réponse doit citer un choix réellement appliqué au visuel produit (contraste renforcé, police agrandie, simplification du texte affiché).
- Un lecteur d'écran ne peut pas interpréter une image seule : le texte alternatif est la seule façon pour une personne malvoyante d'accéder au contenu du visuel.
Ressources et outils
CRCN / Pix
- CRCN 3.3 — Adapter les documents à leur finalité
Ce qu'il faut retenir¶
- Un visuel accessible respecte un contraste fort, une police lisible et une taille de texte suffisante
- Un lecteur d'écran ne peut pas interpréter une image seule : le texte alternatif est indispensable, même quand le visuel semble déjà clair
- Le visuel et le message doivent rester cohérents entre eux et adaptés au public cible déjà défini
Dans cette activité : visuel accessible associé à une publication du CCAS.
Grille d'évaluation
Publier un visuel accessible (Pluri MG2)
| Critère | Indicateurs observables | Descripteurs par niveau |
|---|---|---|
| Accessibilité du visuel | Contraste, police et taille de texte respectent les critères d'accessibilité de base. | -- : Le visuel n'est pas créé, ou le texte est illisible. - : Le visuel est créé mais un des trois critères de base manque : contraste fort, police lisible, taille de texte suffisante. + : Le visuel réalisé sur Canva respecte un contraste fort entre texte et fond, une police lisible et une taille de texte suffisante. ++ : Niveau + atteint, et le choix de conception le plus efficace est identifié dans la réponse de synthèse. |
| Texte alternatif | Texte alternatif présent, clair et fidèle au contenu du visuel. | -- : Aucun texte alternatif n'est rédigé. - : Le texte alternatif existe mais il est trop vague ou ne décrit pas le contenu du visuel. + : Le texte alternatif décrit brièvement le contenu du visuel, de façon compréhensible pour une personne utilisant un lecteur d'écran. ++ : Niveau + atteint, et il transmet aussi le message du visuel. |
| Cohérence visuel/message | Visuel et post associés de façon cohérente, sans contradiction. | -- : Visuel et post ne sont pas associés. - : Visuel et post sont associés mais le visuel contredit ou ne suit pas le texte. + : Le visuel est associé au post réécrit sans information contradictoire, et le message reste compréhensible grâce au texte alternatif seul. ++ : Niveau + atteint, et la relecture du point de vue d'une personne malvoyante est notée. |