Mettre une image en <h2> ?

Question plutôt simple, est-ce envisageable de mettre des images dans un <h2> ?

Voici un exemple de la structure

<ul class="photos">
    <li>
        <h2><a href="#"><img src="screenshot1.jpg" alt="value" /></a></h2>
        <div>
            <p><em>Titre</em> : Ciel enneigé</p>
            <p><em>Auteur</em> : Jimbo</p>
        </div>
    </li>
</ul>

Ou comme ça ?

<ul class="photos">
    <li>
        <h2><a href="#"><span>Regarder l'image de Jimbo intitulé Ciel enneigé</span><img src="screenshot1.jpg" alt="value" /></a></h2>
        <div>
            <p><em>Titre</em> : Ciel enneigé</p>
            <p><em>Auteur</em> : Jimbo</p>
        </div>
    </li>
</ul>

Le lien sur l'image dirige vers la page complète avec les commentaires, le "rating" et les détails de la photo dans le même principe que Flickr.

Merci.
Modifié par Sorano (15 Feb 2010 - 14:56)

Salut,

Je pense que la première formulation est mieux, mais avec un peu plus que "value" dans l'attribut alt.

Bonjour aussi,

Techniquement, il n'y a rien qui empèche de mettre une image dans H2, à condition qu'elle représente un titre de section de niveau 2, ce qui ne semble pas être le cas de tes exemples.

@Mikachu : Toutes les informations seront dynamiques et j'ai simplement oublié, pour le bien de l'exemple, de mettre un texte alternatif plus descriptif mais ce sera le cas au final.

@Laurie-Anne : En fait, il est vrai que ce n'est pas à proprement parlé un titre de section mais la structure "overview" ressemble plus à ça.

h1 - Toutes les photos récemment ajoutées 
   h2 - Photo 1
       Informations sur la photo
   h2 - Photo 2
       Informations sur la photo

Comment bien balisé l'exemple que je donne si h2 est inadéquat ?


De plus, est-ce mieux de mettre le URL à l'intérieur du h2 ou à l'extérieur ?

<h2><a> 

ou

<a><h2>

Modifié par Sorano (15 Feb 2010 - 15:20)

L'url doit se trouver à l'intérieur (<a> inline, ne peux contenir <hn> block).

Pour ta structure, elle semble correcte, mais attention à bien remplir le alt, car c'est lui qui donnera tout son sens à ta hiérarchie.

D'une manière générale, on peut mettre une image en H2. S'il s'agit d'une image affichant le texte du titre dans une police particulière, par exemple. Ca marche aussi pour une icône si celle-ci est destiné à illustrer le texte du titre lui-même (dans ce cas, alt="")

Par contre ici, une photo n'est pas un titre. Donc dans ton cas c'est non.
Modifié par QuentinC (15 Feb 2010 - 15:27)