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 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.
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:
De Mave-componenten bieden naast de basisplayer standaard al verschillende toegankelijkheidsverbeteringen:
<mave-player><mave-text> als gesynchroniseerd transcript, met live markering van het uitgesproken woord<mave-files> voor downloadbare audio- en ondertitelbestandenOnderstaande live voorbeelden laten zien hoe deze toegankelijkheidsfuncties in de praktijk werken.
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.
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.
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.
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.
1
2
3
4
5
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/+esm";
</script>
<mave-player embed="ubg50Cq5Ilpnar1"></mave-player>
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/dist/react.js";
</script>
<Player embed="ubg50Cq5Ilpnar1"></Player>
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/+esm";
</script>
<mave-player embed="ubg50Cq5Ilpnar1"></mave-player>