Barrierefreier Videoplayer von Mave – WCAG 2.2 AA
Die digitale Welt sollte für alle funktionieren. Videos spielen eine zentrale Rolle dabei, wie Menschen das Internet erleben, aber sie funktionieren nur dann wirklich, wenn sie zugänglich sind. Für Leute, die mit einer Tastatur navigieren. Für Benutzer, die auf Untertitel oder alternatives Audio angewiesen sind. Für alle, die digitale Inhalte anders erleben.
Deshalb ist Barrierefreiheit in Mave kein Add-on. Es ist Teil des Aufbaus unseres Videoplayers. Leicht, datenschutzorientiert und so konzipiert, dass es den Barrierefreiheitsanforderungen der Web Content Accessibility Guidelines (WCAG) entspricht.
Mit dem Mave-Videoplayer ist Ihr Videoinhalt standardmäßig zugänglich. Keine Komplexität. Keine Tracker. Keine Kompromisse.
Barrierefreiheit ist in Europa gesetzlich vorgeschrieben
Barrierefreiheit ist nicht mehr optional. Mit dem European Accessibility Act (EAA) sind in der EU tätige Organisationen verpflichtet, bis 2025 digitale Produkte und Dienstleistungen barrierefrei zu machen. Dazu gehören auch Videoinhalte auf Websites und digitalen Plattformen.
In der Praxis bedeutet dies, dass Videoplayer mit einer Tastatur bedient werden können, Inhalte für Benutzer mit Seh- oder Hörbehinderungen wahrnehmbar sein müssen und die Benutzeroberflächen klar, vorhersehbar und robust sein müssen.
Mave hilft Unternehmen, sich schon heute auf diese Anforderungen vorzubereiten. Nicht durch das Hinzufügen umfangreicher Tools oder Compliance-Ebenen, sondern durch den Einbau der Zugänglichkeit direkt in den Kern des Players. Vollständig im Einklang mit europäischen Vorschriften und Werten.
Barrierefreies Video sollte einfach sein. Und es sollte sich natürlich in ein digitales Erlebnis einfügen, bei dem die Privatsphäre an erster Stelle steht.
WCAG 2.2 Selbsteinschätzung
Unser Videoplayer wurde im Rahmen einer strukturierten internen Selbstbewertung anhand der Web Content Accessibility Guidelines (WCAG) 2.2, Level AA überprüft.
In dieser Rezension wird bewertet, wie der Mave-Player mit den Kernprinzipien der WCAG übereinstimmt: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein.
Die vollständige WCAG-Selbstbewertung zur Barrierefreiheit können Sie hier einsehen:
Was Mave automatisch erledigt
Neben dem Kernplayer bieten Mave-Komponenten bereits sofort Verbesserungen der Barrierefreiheit:
- Tastaturnavigation und Verknüpfungen für allgemeine Wiedergabeaktionen in
<mave-player> - Untertitel- und Untertitelunterstützung, einschließlich generierter Untertitel für die ursprünglich gesprochene Sprache
- Automatische Audiospurauswahl, wenn mehrere Spuren verfügbar sind
- ARIA-Rollen und Beschriftungen auf Player-Steuerelementen
<mave-text>als synchronisiertes Transkript, einschließlich Live-Worthervorhebung<mave-files>-Unterstützung für herunterladbare Audio- und Untertiteldateien
Beispiele realer Komponenten
Nachfolgend finden Sie Live-Beispiele, die zeigen, wie diese Barrierefreiheitsfunktionen in der Praxis funktionieren.
Audiospuren mit benutzerdefinierter Steuerfarbe
In diesem Beispiel wird color="#f6ead9" zusammen mit audiotracks="on" verwendet. Wenn sich die Farbe des Steuerelements ändert, passen sich die Player-Symbole und Beschriftungen automatisch an, um die Lesbarkeit zu gewährleisten, und bleiben für Benutzer sichtbar. Audiospuren können im Dashboard verwaltet werden, einschließlich des Hochladens zusätzlicher Spuren wie beschreibender Audio.
Probieren Sie es nur mit der Tastatur aus: Mit der Tabulatortaste können Sie steuern, Audiospuren öffnen und zwischen Spuren wechseln, ohne den Kontext zu verlieren.
Untertitel beim Laden mit Hochkontrastmodus
Untertitel werden ab dem ersten Frame mit subtitles="en" und active-subtitle="en" aktiviert. In diesem Beispiel wird auch eine kontrastreiche Simulation angewendet, um die Lesbarkeit von Steuerelementen und Beschriftungen zu gewährleisten.
↳ Steve Jobs spricht an der MIT Sloan School of Management (1992). Video © Massachusetts Institute of Technology. Wird hier für Kommentare und Barrierefreiheitsanalysen verwendet.
Transkript-Panel (Sprung zur Zeit)
Simulierte Browser-Zoomansicht
Dies simuliert eine vergrößerte Browseransicht durch die Kombination von umgekehrter Breite und Skalierung: Der Player berechnet das Layout mit einer schmaleren Breite (was kompakte Steuerelemente auslöst), während die visuelle Ausgabe immer noch den gesamten Kartenbereich ausfüllt.
↳ Steve Jobs spricht an der MIT Sloan School of Management (1992). Video © Massachusetts Institute of Technology. Wird hier für Kommentare und Barrierefreiheitsanalysen verwendet.
Details zur Implementierung finden Sie in unserer Dokumentation für accessibility, subtitles, text, audiotracks und files.
Barrierefreiheit für alle
Wir glauben, dass Barrierefreiheit Klarheit und keine vagen Versprechen verdient. Aus diesem Grund teilen wir unsere WCAG-Selbsteinschätzung offen, damit Entwicklungsteams, Rechts-, Compliance- und digitale Stakeholder fundierte Entscheidungen treffen können.
Bei barrierefreiem Video geht es nicht nur um die Einhaltung von Richtlinien. Es geht darum, ein Web aufzubauen, das für alle funktioniert. Von Natur aus europäisch, unabhängig und menschlich.
