Controls für animation-Player

[Gunnar Bittersmann]

@@Matthias Scharwies

<div id="controls">
  <button class="rewind" aria-label="run animation backwards" title="Zurück">
    ⏪<span class="sr-only">Rückwärts</span>
  </button>

Ich hab keinen blassen Schimmer, was das Symbol ⏪ bedeutet, aber ich fahr dann mal mit der Maus rüber, mal sehen, ob da ein Tooltip aufgeht … —kein Nutzer, jemals

Weg mit dem title-Attribut.

Der Button ist mit aria-label beschriftet. Wozu das <span class="sr-only">? Weg damit.

class="rewind" möchte keine Klasse, sondern eine ID sein?

Play und Pause sollen wechselseitig ein- bzw. ausgeblendet werden.

Warum nicht ein Button, der das Symbol wechselt?

Beim Blättern soll der focus jeweils auf den Vor- bzw. Zurück-Tasten liegen.

Steve Faulkner hat eine Warnung rausgegeben.

LLAP 🖖