[résolu] Image cachée : "visibility: hidden" ?

Salut à tous

En mode graphique mon logo fait parti du fond (background) avec les css donc... mais j'ai mis le logo dans le code xhtml pour qu'il soit visible en mode non graphique enfin avec alt...

Je voulais savoir si ce que j'ai fait est correct :

xhtml

<div class="header">
<div id="logo"><img src="visuels/gnagna/logo.png" width="86" height="73" alt="Logo GNAGNA" /></div>
</div>

css

.header {
	height: 100px;
	background-image:  url(visuels/gnagna/header.png);
}
#logo {
	visibility: hidden;
}

Merçi
Modifié par yank (13 Jun 2006 - 19:18)

Ne conviendrait-il pas de mettre les attributs width="86" height="73" dans la CSS,

#logo img {
width: 86px;
height: 73px;
}

Pour ne pas avoir la moindre information de mise en forme dans le code html ?

*A peut être dit une bétise mais sais pas trop*
Modifié par Mikachu (13 Jun 2006 - 18:23)

Je vois pas trop l'intérêt d'afficher le logo pour le cacher pour avoir le texte alternatif pour l'accessibilité pour… mais enfin je me comprend. C'est un peu tarabiscoté toute cette histoire.

Je ne suis pas sûr que l'information « Logo de machin » soit super indispensable pour des gens qui, de toute façon, ne verront pas le logo. Comme qui dirait, ça leur fait une belle jambe. Tu as sans doute des informations plus intéressantes à donner, comme le nom du site par exemple (je ne le vois pas dans le code HTML que tu donnes… tu as laissé des bouts de ton bloc d'en-tête de côté ?

Sinon, si tu tiens vraiment à le faire avec une image dans le code et son texte alternatif et tout, il y a une solution simple : tu vires le logo de l'image de fond, et tu le rajoute par dessus grâce à ton image. Ou alors tu ne le vire même pas de l'image de fond, pas grave. Le tout est de bien positionner l'image (mais c'est pas super dur non plus).

hum... je viens de lire plusieurs pages concernant cette affaire... en effet ce n'est pas si evident à faire pour rester accessible

mpop a écrit :

Je ne suis pas sûr que l'information « Logo de machin » soit super indispensable pour des gens qui, de toute façon, ne verront pas le logo. Comme qui dirait, ça leur fait une belle jambe. Tu as sans doute des informations plus intéressantes à donner, comme le nom du site par exemple (je ne le vois pas dans le code HTML que tu donnes… tu as laissé des bouts de ton bloc d'en-tête de côté ?

Oui c'est clair que le logo qu'il soit affiché ou non n'a pas grande importance en fait dans le non graphique...enfin je me comprend

J'ai viré le logo pour finir, il est trés bien en background car pas tres important comparé au contenu... merçi
Modifié par yank (14 Jun 2006 - 10:13)