Gunnar Bittersmann: Gifs (ohne Endlosschleife erstellt) erneut abspielen

Beitrag lesen

SELF-Forum

Gifs (ohne Endlosschleife erstellt) erneut abspielen

Gunnar Bittersmann Homepage des Autors (Versionen)
+1 Informationen zu den Bewertungsregeln

@@anma

	  <img src="images/arrow-left.png" class="arrow-left" onclick="plusDivs(-1)">
		<img src="images/arrow-right.png" class="arrow-right" onclick="plusDivs(1)">

Das funktioniert nicht. Aus zwei Gründen:

  1. Mit Tastatur können keine Bilder „angeclickt“ werden. Du musst die Bilder in button-Elemente tun und denen das onclick geben.

    Noch besser wäre es, im HTML kein onclick zu haben, sondern im JavaScript Eventhandler mit addEventListener() zu registrieren.

  2. Außerdem muss jedes img ein alt-Attribut mit Alternativtext haben, der angezeigt (bzw. vorgelesen) wird, wenn das Bild nicht verfügbar ist.

	  <button onclick="plusDivs(-1)"><img src="images/arrow-left.png" alt="voriges Bild" class="arrow-left"></button>
		<button onclick="plusDivs(1)"><img src="images/arrow-right.png" alt="nächstes Bild" class="arrow-right"></button>

Per CSS kannst du dann bei den Buttons border und background entfernen.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
Beitrag melden
+1
Informationen zu den Bewertungsregeln