JavaScript Galerie / Semantik

[Matthias Apsel]

Om nah hoo pez nyeetz, alle!

Im Design 26 gibt es eine Galerie mit Bildern von Brücken. Ich würde das gern ein wenig sinnhafter umsetzen und habe folgende Idee.

<figure class="gallery">  
  <img src="/images/logo.png" alt="aussagekräftige Beschreibung">  
    <figcaption>  
      <h2>Title</h2>  
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt  
      ut labore et dolore magna aliqua. Ut enim ad minim veniam ...  
    </figcaption>  
</figure>

figure::before und figure::after können zu klicksensitiven Bereichen gemacht werden, die per JavaScript Bild und Beschreibung tauschen. Dann wären allerdings die Beschreibungen an zwei verschiedenen Stellen zu pflegen. Alle Bilder auszuliefern, halte ich auch nicht für richtig.

Gibts da was Geschickteres?

Was ist mit der Überschrift im figcaption-Element? Laut W3C ist es erlaubt, aber ist es auch sinnvoll? Wäre

<figure>  
  <h2>  
  <img>  
  <figcaption>

besser?

Ist die Überschrift also der Titel des Bildes oder eine Überschrift in der Beschreibung des Bildes?

Matthias