Html5, photo et lien vers photo originale…

Bonjour,

Je me pose des questions concernant la présentation de photo et son accessibilité. Dans ce billet, j'utilise un code du genre :

	 <figure class="gallery-image">
		<a href="http://lombre.net/all-blogs/public/galeries/Debutant/DSC_0289.jpg" lang="fr">
			<img src="http://lombre.net/all-blogs/public/galeries/Debutant/.DSC_0289_m.jpg" alt="Église Saint-Jacques de Liège : nef principale vue de côté" />
		</a>
    </figure>

        
    <div class="post-content" lang="fr">
		<p>Blablabla…</p>
	</div>

Je pensais à quelque chose comme ceci :

	 <figure class="gallery-image">
		<a href="http://lombre.net/all-blogs/public/galeries/Debutant/DSC_0289.jpg" lang="fr">
			<img src="http://lombre.net/all-blogs/public/galeries/Debutant/.DSC_0289_m.jpg" alt="(voir la photo en grand)" />
		</a>
		<figcaption>Église Saint-Jacques de Liège : nef principale vue de côté</figcaption>
    </figure>

        
    <div class="post-content" lang="fr">
		<p>Blablabla…</p>
	</div>

Dans les deux cas, je répète le contenu du h2. Ça ne fait pas bizarre?

Je pense ajouter aussi un peu d'ARIA pour la photo et sa description.
Modifié par Patidou (27 Apr 2011 - 13:57)

Bonjour,

Je ne vois pas d'h2 dans tes exemples, mais j'imagine qu'ils sont placés avant le <figure> avec (donc) le contenu du premier alt.

Ce cas semble, du coup, un peu redondant et je ne suis pas sûre que ce soit bénéfique de dupliquer le contenu du titre.

La seconde solution, sans figcaption semblerait moins redondante.

Oui je n'ai pas repris le h2, c'est le titre du billet en fait.

Merci pour ton avis, j'attends ceux d'autres personnes pour trancher.

Un article récent sur le sujet qui soulève plus de questions qu’il ne fournit de réponses :
http://www.paciellogroup.com/blog/2011/04/html5-accessibility-chops-the-alt-decision/