Discussion :

[ceweb]

Bonjour,

Pour un bon code avec une image il faut mettre un alt="image"

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="logo.png" alt="logo">

Mais si on utile les sprites pour afficher les images avec du Css ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="logo">&nbsp;</span>

Il faut un Alt ou pas dans la balise <span> ?

[rodolphebrd]

Bonjour,

alt est un attribut de la balise img.

Les images placées dans un sprite n'auront pas le même poids que celles placées dans une balise img.

Le sprite est utilisé souvent pour des éléments de décoration de la page et peu porteurs de sens.

[ceweb]

Les images placées dans un sprite n'auront pas le même poids que celles placées dans une balise img.

Elles ont le même poids, pourquoi elles n'auraient pas le même poids ?
J'utilise Alt pour ceux qui sont aveugles et qui surf avec des robots.
Donc quand mes images sont dans des sprites c'est un problème, c'est pour ça que je pose la question du ALT

Le sprite est utilisé souvent pour des éléments de décoration de la page et peu porteurs de sens.

La différence du temps de chargement d'une page avec et sans sprite est énorme.
L’intérêt des sprites c'est pour les images récurrentes comme un logo, pour que le navigateur de l'internaute gardent ces images dans son cache navigateur afin que les pages suivantes puissent se charger plus vite.
C'est pas forcement peu porteur de sens un logo et un Alt sur un logo non plus

[rodolphebrd]

Poids est à prendre au sens figuré.

La différence de temps de chargement est importante, certes, mais l'utilisation des sprites ne peut se limiter qu'à des images de types décoratifs et comme ces images sont générées en CSS le problème d'accessibilité se posera, non ?

De toutes façons on ne renseigne pas l'attribut alt pour des images décoratives et celles-ci n'ont pas besoin d'être accessibles.

[Invité]

Bonjour,
l'attribut alt="..." sert à afficher un texte alternatif SI l'image n'est pas trouvée.

J'utilise Alt pour ceux qui sont aveugles et qui surf avec des robots.

Dans ce cas, c'est plutôt l'attribut title="..." qu'il faut utiliser.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="logo" title="logo du site...">&nbsp;</span>

[Muchos]

Remarque:

Pour un bon code avec une image il faut mettre un alt="image"

Le ALT est en effet obligatoire, mais il peut rester vide si l'image est purement décorative.