leestijd
5 min

Mave Accessible Video Player - WCAG 2.2 AA

De digitale wereld moet voor iedereen werken. Video bepaalt voor een belangrijk deel hoe mensen het web ervaren, maar werkt pas echt als het toegankelijk is. Voor mensen die met een toetsenbord navigeren. Voor gebruikers die afhankelijk zijn van ondertitels of alternatieve audio. Voor iedereen die digitale content op een andere manier ervaart.

Daarom is toegankelijkheid bij Mave geen extraatje, maar een integraal onderdeel van onze videoplayer. Lichtgewicht, privacy-first en ontworpen om aan te sluiten op de toegankelijkheidseisen van de Web Content Accessibility Guidelines (WCAG).

Met de videoplayer van Mave is je videocontent standaard toegankelijk. Zonder complexiteit. Zonder trackers. Zonder compromissen.

Toegankelijkheid is een wettelijke vereiste in Europa

Toegankelijkheid is niet langer vrijblijvend. De European Accessibility Act (EAA) verplicht organisaties die in de EU actief zijn om digitale producten en diensten uiterlijk in 2025 toegankelijk te maken. Daaronder valt ook videocontent op websites en digitale platforms.

In de praktijk betekent dit dat videoplayers met een toetsenbord te bedienen moeten zijn, dat gebruikers met een visuele of auditieve beperking de content moeten kunnen waarnemen en dat interfaces duidelijk, voorspelbaar en robuust moeten zijn.

Mave helpt organisaties om zich nu al op deze eisen voor te bereiden. Niet met logge tools of extra compliancelagen, maar door toegankelijkheid rechtstreeks in de kern van de player te verwerken. Volledig in lijn met Europese regelgeving en waarden.

Toegankelijke video moet eenvoudig zijn en vanzelfsprekend passen in een privacy-first digitale ervaring.

Zelfbeoordeling voor WCAG 2.2

We hebben onze videoplayer via een gestructureerde interne zelfbeoordeling getoetst aan de Web Content Accessibility Guidelines (WCAG) 2.2, niveau AA.

Deze beoordeling laat zien hoe de Mave-player aansluit bij de vier kernprincipes van WCAG: content moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn.

Bekijk hier de volledige WCAG-zelfbeoordeling voor toegankelijkheid:

WCAG zelfbeoordeling
mave-wcag-2.2-self-assessment-v1.pdf

Wat Mave automatisch regelt

De Mave-componenten bieden naast de basisplayer standaard al verschillende toegankelijkheidsverbeteringen:

  • Toetsenbordnavigatie en sneltoetsen voor veelgebruikte afspeelfuncties in <mave-player>
  • Ondersteuning voor ondertitels en captions, inclusief gegenereerde ondertitels in de oorspronkelijke gesproken taal
  • Een automatische audiotrackkiezer wanneer meerdere tracks beschikbaar zijn
  • ARIA-rollen en -labels voor de bediening van de player
  • <mave-text> als gesynchroniseerd transcript, met live markering van het uitgesproken woord
  • Ondersteuning in <mave-files> voor downloadbare audio- en ondertitelbestanden

Voorbeelden van echte componenten

Onderstaande live voorbeelden laten zien hoe deze toegankelijkheidsfuncties in de praktijk werken.

WCAG 1.2.1 / 1.2.3

Audiotracks met een eigen kleur voor de bediening

Dit voorbeeld combineert color="#f6ead9" met audiotracks="on". Wanneer de kleur van de bediening verandert, passen de pictogrammen en labels zich automatisch aan, zodat ze leesbaar en zichtbaar blijven. Je beheert audiotracks in het dashboard en kunt daar extra tracks uploaden, zoals audiodescriptie.

Probeer het alleen met je toetsenbord: tab naar de bediening, open de audiotracks en wissel van track zonder de context kwijt te raken.

WCAG 1.2.2 / 1.4.3

Ondertitels vanaf het laden, met hoog contrast

Met subtitles="en" en active-subtitle="en" staan de ondertitels vanaf het eerste frame aan. Dit voorbeeld simuleert ook een modus met hoog contrast, zodat de bediening en labels goed leesbaar blijven.

↳ Steve Jobs spreekt aan de MIT Sloan School of Management (1992). Video © Massachusetts Institute of Technology. Hier gebruikt voor commentaar en toegankelijkheidsanalyse.

Transcriptvenster (spring naar een tijdstip)
WCAG 1.4.10

Gesimuleerde ingezoomde browserweergave

Hier simuleren we een ingezoomde browser door omgekeerde breedte en schaling te combineren: de player berekent de lay-out op een smallere breedte, waardoor de compacte bediening wordt geactiveerd, terwijl het beeld de volledige kaart blijft vullen.

↳ Steve Jobs spreekt aan de MIT Sloan School of Management (1992). Video © Massachusetts Institute of Technology. Hier gebruikt voor commentaar en toegankelijkheidsanalyse.

Je vindt implementatiedetails in onze documentatie over toegankelijkheid, ondertitels, tekst, audiotracks en bestanden.

Toegankelijkheid voor iedereen

Wij vinden dat toegankelijkheid om duidelijkheid vraagt, niet om vage beloften. Daarom delen we onze WCAG-zelfbeoordeling openlijk, zodat developmentteams, juristen, compliancespecialisten en andere digitale belanghebbenden goed geïnformeerde beslissingen kunnen nemen.

Toegankelijke video gaat niet alleen om voldoen aan richtlijnen. Het gaat om een web bouwen dat voor iedereen werkt. Europees, onafhankelijk en menselijk van opzet.

Gepubliceerd op 2 maart 2026
werkt met
Ontwikkelaar?
Onze documentatie begeleidt je bij het embedden van video: van eenvoudige eerste stappen tot handmatige configuraties voor ervaren gebruikers. Je vindt er meerdere hostingopties, waaronder ons standaard-CDN, en uitleg over populaire webframeworks.
script
react
vue
1
2
3
4
5
🍪 Klik op ‘Accepteren’ om te bevestigen dat je het ermee eens bent dat we geen cookies gebruiken. Ja, deze banner is puur voor de show!
Accepteren