Ich habe eine Videoseite mit HTML5-Video erstellt und einen Tabindex zum Video-Tag hinzugefügt. Allerdings ist es nicht möglich, Tab in die Steuerelemente, jede Idee, warum dies sein könnte?
Dies ist die erste Zeile des Videoblocks:
<video tabindex="0" class="video-js" width="640" height="264" controls="controls" poster="http://video-js.zencoder.com/oceans-clip.png">Dies scheint sehr browserabhängig zu sein: Es hängt wirklich vom Browser ab, welche Art von Steuerelementen er anzeigt. In IE und Firefox erhält das gesamte Videoelement den Fokus; die Leertaste schaltet zwischen Wiedergabe/Pause um, links/rechts verschiebt die aktuelle Position, oben/unten regelt die Lautstärke. Firefox zeigt die Steuerelemente nur an, wenn sich die Maus über dem Element befindet (Zugänglichkeitsfehler!). (Chrome lässt es den Fokus annehmen, wenn Sie tabindex="0" haben, aber lässt Sie nichts Nützliches über die Tastatur tun, so dass es effektiv unzugänglich für die Tastatur zu sein scheint).
Wenn Sie wirklich eine konsistente Zugänglichkeit und UI-Erfahrung in verschiedenen Browsern wünschen, können Sie Ihre eigenen Steuerelemente mit HTML+CSS+JavaScript erstellen.
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
