Comment gérer le ALT d'une image en CSS background-image

[poeme]

bonjour,
quelle est la bonne solution pour remplacer la balise alt d'une image, quand l'on appelle celle ci via le css et donc background-image?
mettre dans le html

1: <div class="maclass" title="mon alt"></div>
2: <div class="maclass" role="img" aria-label="mon alt"></div>
3:<div class="maclass"><img alt="mon alt" src="imagetransparente1pixel.png"></div>

autre chose?

merci pour vos solutions

 

[ABCWEB]

Ne rien mettre..

 

[poeme]

tu veux dire un simple div vide?
<div class="maclass"></div>
ceci dit peut etre q le nom de l'image ds le css suffit

 

[ABCWEB]

non on met pas de alt sur les background

 

[rick38]

On ne met rien, mais c'est vrai que je me suis toujours fait la remarque qu'avec cette mode de se passer des <img> au profit du background-image en CSS, on perdait au niveau SEO puisque pas de la description... !

 

[indigene]

Si c'est en html c'est du contenu pertinent
Si c'est en css c'est de la décoration
Voilà pourquoi.

 

[poeme]

pas pour decoration mais pour sprite

 

[indigene]

rien compris. désolé

 

[rick38]

Par sprite il doit vouloir dire le fait de ne charger qu'1 seule image qui les contient toutes... mais ça reste de la décoration.

 

[Ophie]

Bonjour,
Désolée de déterrer un sujet ancien, mais j'essaie de comprendre.
Si sur le menu de mon site j'ai mon logo et des pictos pour chacune de mes rubriques, alors est-il conseillé de mettre toutes ces images dans le CSS ? Et dans ce cas, pas de balise alt ?

ou bien faut-il mieux les mettre dans le HTML ? Et dans ce cas je peux mettre une balise alt ?

J'ai du mal à faire le distinguo entre décoration (pas de balise alt) et illustration (avec balise alt).

Merci de votre aide

 

[WebRankInfo]

un picto n'a pas besoin d'attribut ALT je pense ? ou alors uniquement pour l'accessibilité