ALT et le CSS

Nouveau WRInaute
Bonjour.

Est-il possible d'intégrer le "ALT" dans la feuille de style ?

Cas pratique.

Dans la feuille de style, j'ai ça pour mes vignettes cliquables :

Code:
img.thumb
{
border-width: 0px;
}
Ce qui évite d'avoir à baliser border="0" pour chaque image.

Tant qu'à faire, je me suis dit que dans la feuille de style, on pourrait peut-être avoir la même chose avec ALT, ce qui donnerait un truc du genre :

Code:
alt: "Afficher la photo";
Pour avoir ça dans la page HTML :

Code:
<img src="photos/test.jpg" class="thumb">
Au lieu de ça :

Code:
<img src="photos/test.jpg" class="thumb" alt="Afficher la photo">
Et ainsi réduire la longueur des lignes.

Naturellement, cette balise ne fonctionne pas ainsi en CSS ; est-ce qu'il en existe une ?

Merci.
 
WRInaute accro
un attribut n etant pas un élément graphique, ce n'est pas possible. une feuille de style de sert pas à ça !
 
WRInaute accro
e-kiwi a dit:
un attribut n etant pas un élément graphique, ce n'est pas possible. une feuille de style de sert pas à ça !

Qui plus est, les balises alt permettent sont partie intégrante du contenu d'une page. Donc même si cela était possible (ce qui n'est pas le cas), ça serait une erreur.
 
WRInaute occasionnel
Ce qu'on peut faire en CSS, c'est d'afficher le contenu de l'attribut alt à la place de l'image (utile pour les imprimantes et les petits écrans).
Code:
img {
  content: attr(alt);
}
Seule ombre au tableau : Internet Explorer, même dans sa version 7, n'implémente pas la propriété content.
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut