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
Ajouter des images
Avant toute chose, vérifiez que l'image dont vous avez besoin n'existe pas déjà sur le wiki.
Envoyez votre image dans le dossier media.
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.
Insertion d'image dans le texte
En mode edition de page, placez le curseur à l'endroit ou vous sohaitez inclure votre image puis cliquez sur le bouton
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.
Largeur Hauteur
Afin d'accélérer le chargement des pages et d'optimiser les images pour les réseaux sociaux, la taille idéale de l’image est de 1200 × 630 pixels pour une image en plein écran et de 640×480 pour une image moitié d'écran.
La majorité des écrans possède une résolution de 1920* 1080 pixels.
Link Type
De préférence utiliser Direct, si vous cliquez sur l'image elle s'affiche dans un popup
Detail | affiche l'image accompagnée du contenu des métadonnées EXIF et IPTC contenues dans l'image comme l'auteur, la légende, la date de prise de vue etc. |
Direct | affiche directement l'image originale lorsque vous cliquez sur l'image insérée dans le document. |
No_Link | les images que vous insérez dans vos pages n’ont pas de lien. |
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 | Insérer une image alignée à 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 , positionnez votre curseur à l'endroit où vous voulez insérer votre image . Choisissez Alignement: “Baseline” |
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.