Hilfe bei JavaScript

[Gunnar Bittersmann]

@@Rolf b

Oha, hab's grad nochmal aufgerufen, scheinbar bastelst Du gerade arg herum 😀

?? Mit „du“ meinst du Boris?

Ich hatte nicht den Anspruch, eine rundum perfekten Vorlage zu liefern. Mein Fokus war die Verbesserung des Javascript-Teils.

Das JavaScript kann noch so gut sein – wenn das zugrundeliegende HTML zu Unbenutzbarkeit führt, dann taugt das Beispiel nichts.

Mit dem Button-Text bin ich mir noch uneins. Es gibt zwei Szenarien, wo der Text relevant ist: Screen-Reader, und ein fehlerhaft übertragenes Bild. Für Fall 2 wäre visually-hidden nicht passend. […] Oder gilt Fall 2 als irrelevant?

Gut, dass du den Fall erwähnst.

Eine schöne Lösung dafür will mir gerade nicht einfallen.

Sowas in der Art? (CodePen)

<button aria-label="vorige Seite">
  <img src="…" alt="◀︎"/>
</button>

oder

<button>
  <img src="…" alt="◀︎" aria-hidden="true"/>
  <span class="visually-hidden">vorige Seite</span>
</button>

LLAP 🖖