Orlok: Javascript und css-Selectoren

Beitrag lesen

Hallo Pit

Was mir gerade noch aufgefallen ist…

       <section class="gallery">
           <a href="./img/gallery/123.jpg">
		   <figure id="0"> 
          <img src="./img/gallery/123.jpg"/>
          <figcaption>Text Nummer 1</figcaption>
           </figure>
		   </a>
		   <a href="./img/gallery/234.jpg">
           <figure id="1">
            <img src="./img/gallery/234.jpg"/> 
            <figcaption>Text Nummer 2</figcaption>
           </figure>
		   </a>
usw.
</section>

In einem richtigen Dokument sollten die img-Elemente auf jeden Fall alt-Attribute haben, auch dann, wenn du eine Bildbeschreibung im figcaption-Element angibst.

Da muss und soll nicht dasselbe drinstehen wie im figcaption, aber das Attribut muss vorhanden sein, da sonst meines Wissens in Screenreadern der Pfad mit dem Namen der Bilddatei vorgelesen wird, was eine eher unschöne user experience ist.

Je nach Bild und Beschreibung kann das Attribut auch leer bleiben. – In HTML-Syntax:

<img src="path/to/image.png" alt>

oder im XHTML-Dialekt:

<img src="path/to/image.png" alt=""/>

Viele Grüße,

Orlok