Accessibilité des images sur X et ailleurs
Petit fil (qui n'a pas la prétention d'être exhaustif, mais qui vous aidera, du moins nous l'espérons)
1 / Oui, c'est nécessaire
2 / Oui mais... Comment on fait ?
Comme ça sur X : help.twitter.com/fr/using-x/pic…
3 / "Mais je ne sais pas quoi écrire"
Faites au plus simple dans un premier temps pour prendre l'habitude. Pour les visuels, décrivez la couleur du fond, les personnages présents, le message écrit, les logos... Pour les paysages, décrivez l'arrière-plan, puis le reste...
4 / Plus vous en ferez, plus cela vous semblera naturel.
La fonction ALT TEXT ne sert absolument pas à poser le copyright d'une photo, ni pour les messages cachés qu'on n'ose pas écrire dans le message, ou pour les compléments de message. Mais l'humour, on peut. @KikiduBocage
5/ Mention particulière sur la lisibilité des visuels :
Essayez de préserver un contraste marqué entre l'écriture et le fond. (blanc sur jaune pâle : non. Noir sur blanc : oui => un peu exagéré mais c'est pour vous donner l'idée générale) Pensez aux contrastes par valeur, aussi.
[Si vous respectez cette notion de contraste, vous permettrez aussi aux lecteurs de Facile à Lire et à Comprendre d'appréhender plus facilement vos visuels. (A condition bien sûr de ne pas utiliser de police à empattement) ... Nous reviendrons sur le FALC en détail]
Contraste par valeur et contraste par couleur (gros raccourci) : rouge et vert sont contrastés en couleur. Mais passez une rose rouge à feuilles vertes en noir et blanc, vous aurez la même couleur pour la rose & feuilles. Rouge et vert ne sont pas contrastés en valeur.
Pour tester les contrastes par valeur, passez l'image que vous venez de créer en noir et blanc (ce filtre existe sur la plupart des téléphones et c'est aussi une option sur la plupart des logiciels d'images)
Pour aller plus loin : firefox-source-docs.mozilla.org/devtools-user/…
Alors non, il n'y a pas "que" les contrastes par valeur à surveiller, vous le saurez en ouvrant le lien ci-dessus...
6 / et sur les concurrents ? FB par exemple ?
Ça se passe ici : facebook.com/help/www/21412…
7/ Instagram : metricool.com/fr/texte-alter…
8/
Ci-dessous un petit test.
A votre avis, correct ou pas ?
#MerciPourLaDescriptionDesImages et pour vos efforts sur les couleurs, la luminosité, la saturation ...
[Merci à celleux qui le font déjà et iels sont nombreuses et nombreux, merci à celleux qui le feront]
9 / Et aussi... Bonne nouvelle, ça marche avec les Gif animés. La description de base n'est pas super éclairante, donc allez-y, n'hésitez pas à la modifier. Petit test encore une fois, là-dessous. Un Gif de base, un Gif modifié.
10 - Et le Ciel Bleu ? Oui, celui du pôtit papillon ...
Il y est prévu un ALT TEXT pour les images & les vidéo, ainsi qu'un reminder (dès que vous ajoutez une photo ou une vidéo, un rappel apparaît).
zdnet.com/article/how-to…
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.