Syntaxe pour les images
L’importance du nom des images.
Que ce soit pour les personnes malvoyantes ou pour les robots de référencement, seul le texte et sa structure importe.
Ceux qui sont incapables de voir les images utilisent le nom des images et la balise Texte alternatif pour les référencer, d’où l’importance de les nommer de la manière la plus pertinente possible.
Il est toujours plus clair pour vous de travailler avec des images avec des mots-clés composant leur nom: préférer “dialogues-parc-tete-dor-lyon.jpg” à “P4577789.jpg”.
Remplissez-la avec attention, rappelez-vous, le choix des mots-clés est très important.
Exemple:
Le nom de l'image ⇒ 2050-depliant-03-11-10.jpg
Texte alternatif = Dépliant 2050 pour cette image
Comment nommer chaque type de document
Afin de trouver facilement un document (texte, vidéo, image, photo, pdf, etc), le nommer systématiquement avec la date de votre modification, selon le format de date Mois-Jour-Heure
Année-< nom-de-document>-<date>.extension
Exemple:
plaquette du programme 2050-Programme-Lyon-vierge-01-13-15.pdf
vidéo 2050-coopération-Voyages-découvertes-07-11-09.mp4
image 2050-depliant-03-11-10.jpg
S'il y à du texte dessiné sur l’image, écrivez le texte au-dessus ou en-dessous de l’image avec tout le blabla du texte de l'image.
Utilisez les titres (Titre 1 Titre 2 etc…), les listes à puces ou numérotées, les table des matières. Ces balises (que peut interpréter le lecteur d’écran et les robots) permet ainsi de commencer par ne lire que les titres pour ensuite lire le détail correspondant au titre qui l’intéresse.
En savoir plus ⇒ https://www.avh.asso.fr/fr/favoriser-laccessibilite/accessibilite-numerique/comment-les-personnes-deficientes-visuelles
Propriétés de l'image
Texte alternatif
L'alternative textuelle doit décrire l'apparence et la fonction de l'image en quelques mots clés.
Le site doit être accessible à tous. Les personnes malvoyantes ou aveugles aussi et c'est pourquoi les textes alternatifs sont importants.
Link Type
Detail | ![]() |
Direct | ![]() |
No_Link | ![]() |
Link_only | dokuwiki-128.png affiche un lien textuel vers l'image. |
Alignement
Gauche | ![]() Positionnez votre curseur à l'endroit (début de ligne) où vous voulez insérer votre image. Choisissez Alignement : “Gauche”. |
Droite | ![]() Positionnez votre curseur à l'endroit (début de ligne) où vous voulez insérer votre image. Choisissez Alignement : “Droite”. |
Centrer | ![]() Positionnez votre curseur au début de la ligne au-dessus de laquelle vous voulez insérer votre image. Choisissez Alignement: “Centre” |
Baseline | Image utilisée comme un caractère ![]() Choisissez Alignement: “Baseline” |
Ajouter des images
Avant toute chose, vérifiez que l'image dont vous avez besoin n'existe pas déjà sur le wiki.
Vérifiez aussi que vous avez les droits pour utiliser l'image. Soit c'est une image que vous avez réalisé vous-même, soit elle est placée sous une licence qui permet la réutilisation y compris dans un cadre commercial.
Supprimer un fichier média
Pour supprimer un fichier média, la liste de contrôle d'accès doit être activée et l'utilisateur qui souhaite supprimer l'image doit avoir la permission “Supprimer”. L'image peut ensuite être supprimée avec l'icône en forme de poubelle.