Alt-Text bei Slimbox Galerie

Hey Leute, ich bin neu in diesem Forum und auch neu im HTML5 bzw. Webdesign, daher nehmt mir bitte so manche Frage nicht übel. Es geht um folgendes:

Ich arbeite an meiner ersten Homepage die online gehen soll, daher will ich grobe Fehler vermeiden. Um eine Galerie zu realisieren verwende ich die Slimbox2-Galerie. Mein Codeschnippsel sieht momentan folgendermaßen aus:

<ul id="galeriename"><li><a href="bilderordner/sommer_large.jpg" data-rel="lightbox[bildgallery]" title="Sommerbild" class="sommer">Sommerbild</a></li></ul>

Meine Frage ist, wo genau in dieser Codevariante der Alt-Text für die Bilder hinkommt? Muss das Alt-Text nur in Verbindung mit dem <img>-tag gesetzt werden? Der "title" ist ja an sich kein "alternativ" Text. Oder kann ich den alt-Text vor dem Title platzieren, wäre das valide?

Die class "Sommer" sieht dann übrigens folgendermaßen aus:

ul#galeriename li a.sommer{
outline: none;
background-image:url("../bilder/sommer_50.png");
}




ul#galeriename li a:hover.sommer{
outline: none;
background-image:url("../bilder/sommer.png");
}

Alternativ könnte ich das Bild in einem <img> tag packen und dahinter den alt-Text. Mich interessiert lediglich diese Variante. In einem Schulungsprojekt ist nämlich der alt-Text wie im Beispiel oben ebenfalls entfallen, nur kann ich nicht mher nachvollziehen ob das okay ist.

Vielen Dank für eventuelle Antworten

lima

Vielen Dank für die Antwort mrfogel, auch die mit der Codekennzeichnung, hab das direkt eingebunden. In der Tat benutze ich die "sommer.png"´s als Thumbnails um den a:hover Effekt zu erzielen. Ich werde schauen ob die dann komplett umbaue oder einen aussagekräftigeren Titel wähle, der die Bilder besser beschreibt. Vielen Dank für die schnelle Antwort