JavaScript Galerie / Semantik

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

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.

Das verstehe ich nicht.

Es geht um diese Seite: http://selfhtml.apsel-mv.de/vorschau/vorschau-26 und dort die Galerie mit Brückenbildern. Dort werden die Links „next“ und „prev“ mit JavaScript erzeugt, diese Links würde ich mit ::before resp. ::after realisieren wollen und per JavaScript Bild und Beschreibung tauschen.

Alle Bilder auszuliefern, halte ich auch nicht für richtig.
Gibts da was Geschickteres?

(im Original befinden sich alle Bilder und Beschreibungen im HTML-Quelltext, bei einer JS-Lösung steht im HTML nur ein figure-Element, dessen Inhalt per JS ausgetauscht wird. Die Bildbeschreibungen stehen dann an zwei verschiedenen Stellen.)

Bilder on demand per JavaScript laden.

Das entspricht ja meiner Idee.

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

Andere Frage: Ist es wirklich eine Überschrift? Etwas, was AT-Nutzer als (Kapitel-)Überschrift wahrnehmen sollen?

Ich denke, nein.
(AT-Nutzer = Nutzer von Screenreadern?)

<figure>

<img src="…" alt="…"/>
  <figcaption>
    <span class="name">foo</span>
    <span class="description">fasel blah</span>
  <figcaption>
</figure>

> oder gleich mit Schema.org à la:  
> ~~~html

<figure typeof="http://schema.org/ImageObject">  

>   <img property="contentUrl" src="…" alt="…"/>  
>   <figcaption>  
>     <span property="name">foo</span>  
>     <span property="description">fasel blah</span>  
>   <figcaption>  
> </figure>

Welche der beiden Varianten würdest du wählen?

Matthias