Un h1 à cacher en text-indent..qui reste là!?

(reprise du message précédent)

ok nopb

Mais bon le coup du bookmark .. pas super cool quand même

La passion ! on a a surement ca en commun
Modifié par elz64 (14 Aug 2008 - 19:29)

Bonjour,

<h1>Le nom du site</h1>
<img ... alt="le nom du site" />

h1 {text-indent: -9000px}

Knarf,

Ta solution n'est pas non plus satisfaisante.

Il s'agit cette fois-ci d'un "duplicate content" qui sera nuisible à certains utilisateurs.

C'est une solution comme une autre, une synthèse vocale aura deux fois le même texte mais est-ce vraiment nuisible?

Elle n'induit pas de perte d'information et elle à au moins l'avantage de pouvoir avoir un titre dans le cas d'une css_print ou l'on veux garder le nom du site et ne pas flinguer la cartouche d'impression de l'utilisateur avec une image.

Tout dépends de ce que l'on veux faire.

Sinon (Il manque dès le départ un lien de retour à l'accueil) :

<h1>Le nom du site</h1>
<a href="revenir à l'accueil du site" title="Revenir à l'accueil du site"><img ... alt="Revenir à l'accueil du site" /></a>

Pas de duplicate-content.
Modifié par knarf (14 Aug 2008 - 23:23)

yodaswii a écrit :
Je suis d'accord, sauf s'il s'agit d'un élément hiérarchisant comme le h1 ... etc ... La méthode du text-indent est, jusqu'à preuve du contraire, pour habiller un logo/ titre etc.. la seule que je connaisse en pur CSS.

L'utilisation d'une image n'empêche nullement l'utilisation d'un titre de section. Tu n'as peut être pas bien compris l'utilité de l'alternative textuelle.

<h1><img alt="Mon titre" src="..." height="..." width="..." /></h1>

Le "pur CSS" c'est de la poudre aux yeux.
Certaines solutions à base de CSS ne sont tout simplement pas élégantes (car problématique en terme d'accessibilité). "Ta solution" est problématique (ce serait pas mal de réfléchir aux différentes façons de naviguer, non ? ).

Je me permet de bumper ce message car le sujet ne se clot pas vraiment finalement.

La solution ci-dessus semble intéréssante, mais est-elle aussi performante qu'un

<h1>Mon titre</h1>
<img src="montitre.jpg" alt="Mon titre" />

Au niveau des moteurs de recherches (SEO) ?