Syntaxe pour les 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

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

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.

En mode edition de page, placez le curseur à l'endroit ou vous sohaitez inclure votre image puis cliquez sur le bouton icone-image

proprietes_de_l_image

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.

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.

social-media-image-sizes

De préférence utiliser Direct, si vous cliquez sur l'image elle s'affiche dans un popup

Detail dokuwiki-128.pngaffiche 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 dokuwiki-128.pngaffiche directement l'image originale lorsque vous cliquez sur l'image insérée dans le document.
No_Link dokuwiki-128.pngles 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.
Gauche dokuwiki-128.png
Positionnez votre curseur à l'endroit (début de ligne) où vous voulez insérer votre image.
Choisissez Alignement : “Gauche”.
Droite
dokuwiki-128.pngInsé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 dokuwiki-128.png
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 dokuwiki-128.png, positionnez votre curseur à l'endroit où vous voulez insérer votre image .
Choisissez Alignement: “Baseline”

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.

  • /home/jjancel/public_html/wiki/data/pages/wiki/gerer-images.txt
  • Dernière modification : il y a 4 mois
  • de dialogues