Insérer une image décorative

Le besoin

1.1 Insérer une image décorative (<img>, alt vide, title absent)

 Résultat

  • Si le champ texte alternatif reste vide, l’attribut alt vide est généré :
alt=""
  • Si le champ attribut title reste vide, l’attribut title n’est pas généré.

Exemple



Portail familles

Méthode

  • Dans l’éditeur : ajouter un média.
  • Dans la bibliothèque : déposer ou sélectionner le fichier si l’image n’existe pas dans la bibliothèque.
  • Le champ titre est rempli automatiquement par le nom du fichier de l’image sans l’extension, ici : portail-familles.
  • Supprimer ce titre pour laisser le champ vide, sinon le champ texte alternatif est automatiquement rempli avec la valeur du champ titre.
  • Si le titre est gardé, ne pas oublier de vider le champ texte alternatif de l’image.
  • Insérer l’image dans l’article.

Remarque : si le plugin WP_accessibility est installé, le champ titre peut être laissé rempli, la case image décorative ajoutée par le plugin doit être cochée pour avoir le champ texte alternatif vide et générer ainsi l’attribut alt vide.

Code généré

<a href="#">
<img class=" wp-image-239 size-full alignnone" src="http://gta21.accesbilis.fr/wp-content/uploads/2015/06/portail-familles.jpg" alt="" width="292" height="189" />
Portail familles
</a>

 

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *