Blog over WCAG en toegankelijk bouwen
Artikelen over WCAG, de EAA en het BDTO, geschreven door de auditors die de onderzoeken uitvoeren.
Blue Billywig: negen videospelers naast elkaar
Blue Billywig vroeg ons om een quickscan van de negen meest gebruikte videospelers, inclusief hun eigen. Geen complete audit, maar een verkennend beeld per speler, om te zien hoe het in deze markt staat met de digitale toegankelijkheid. Bij 3 van de 9 vonden we binnen die tijd geen bevindingen. Blue Billywig publiceerde het rapport vervolgens openbaar op hun knowledge hub.
Tekst afgesneden door een vaste hoogte
Een banner van 200 pixels hoog. Past precies. Mooie headline, korte tekst, call-to-action.
WCAG-EM: de methode van het W3C voor een toegankelijkheidsonderzoek
Als je een toegankelijkheidsonderzoek laat uitvoeren, komt er vaak een term langs die niet meteen iets zegt: WCAG-EM. Het staat voor Web Content Accessibility Guidelines Evaluation Methodology. Het is de methode die het W3C, dezelfde club die WCAG maakt, heeft vastgelegd voor hoe je een toegankelijkheidsevaluatie opzet en uitvoert. De actuele versie is WCAG-EM 2.0. Die is niet alleen bedoeld voor websites, maar ook voor apps en andere digitale producten.
Witte tekst op een foto
“Welkom bij ons” In wit. Op een foto van een zonnig landschap. Links voldoende contrast. Rechts? Waar de lucht wit is? Onleesbaar.
Groene rij = goedgekeurd, rode rij = afgewezen
Een tabel met aanvragen. Groen: goedgekeurd. Rood: afgewezen. Oranje: in behandeling.
CSS order die de logica verbreekt
Stap 1: Maak een account. Stap 2: Kies een template. Stap 3: Publiceer.
Labels
Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans, niet alleen voor toegankelijkheid, maar voor iedereen.
Div als knop: naam maar geen rol
“Versturen.” Een schermlezer leest de tekst. Maar zegt niet dat het een knop is. Want het is geen knop. Het is een div.
NRC: de klant die de meeste vragen heeft gesteld
Beveiligde inhoud Voer de toegangscode in om deze pagina te bekijken. Ontgrendel Onjuiste code De gangbare cyclus van een audit: wij leveren een rapport, de klant lost de bevindingen op, en we spreken elkaar weer bij de hercontrole. NRC doorbreekt dat patroon. Sinds eind 2025 auditen we 4 NRC-domeinen en 2 apps, en kregen in dat half jaar meer vragen dan bij welke klant ook. Vragen over puzzels, richtlijnen, een scrollcomponent en externe partners, die de redactie, het ontwerp, de advertentie- en abonnementenafdeling, de developers en het SEO-bureau raken. Vragen waarop het antwoord niet in WCAG staat. Drie ervan leverden inzichten op die nuttig zijn voor elk bedrijf onder de European Accessibility Act. Wie is NRC voor ons NRC heeft veel teams aan tafel: developers, redactie, ontwerp, advertenties, abonnementen en externe partners voor puzzels, betalingen en bouw. De ambitie is helder: de toegankelijkste krant van Nederland worden, wat ons betreft inclusief Europa. Niet uit angst voor de toezichthouder, maar uit overtuiging. Er zijn 3 audits opgeleverd, samen 160 bevindingen. Les 1: De betaaldienst valt onder jouw verantwoordelijkheid Op het abonnementenplatform loopt het betaalproces via een externe partij, die de checkout-schermen volledig beheert. Vraag uit Amsterdam: hoort dat bij de scope van onze audit? De markt is verdeeld; sommige bureaus houden zo’n partij buiten scope. Wij legden de vraag voor aan de Autoriteit Consument & Markt, de toezichthouder op de EAA. Het antwoord, op 3 juni 2026: “Het antwoord op uw vraag is dat zowel de webshop eigenaar als de betaaldienst verantwoordelijk kunnen worden gehouden als een webshop gebruik maakt van een ontoegankelijke betaaloplossing. De webshop is verplicht te zorgen voor toegankelijke betaalmethoden (zie Art. 6:230fb lid 1 BW).” Wat je hieruit meeneemt: loopt jouw webshop, abonnement of ticketverkoop via een externe betaaldienst, dan ben jij medeverantwoordelijk voor die schermen. De ACM kan jou aanspreken, de AFM de betaaldienst. Wegduiken achter “een derde partij” werkt niet. Vraag een toegankelijkheidsverklaring, zet het in je inkoopvoorwaarden en laat de checkout meelopen in je audit. Les 2: De ketenreactie die de EAA bedoelt Op de hoofdwebsite vonden we advertenties die automatisch bewegen zonder pauzeknop. NRC bouwt die niet zelf; ze komen van een externe advertentiepartner die meer tijd nodig heeft om zijn processen te verbeteren. WCAG biedt drie opties: pauzeren, stoppen of verbergen. De pauzeknop is het schoonst en hoort bij de advertentiemaker. Maar de structurele weg, en die wil de EAA zien, is dat bedrijven elkaar aanspreken: in inkoopvoorwaarden, in evaluatiegesprekken en uiteindelijk door advertenties te weigeren die niet voldoen. Wat je hieruit meeneemt: de EAA gaat niet alleen over jouw product. Hij brengt een ketenreactie op gang waarin elke leverancier zijn deel oppakt. Een toegankelijke webshop dwingt je advertentiepartners, betaaldienstverleners, marketingsystemen en videospelers mee. Dat is geen bijproduct, dat is de bedoeling. Zet het in je inkoopvoorwaarden, bespreek het met je vaste leveranciers en neem afscheid als ze niet leveren. Les 3: Toegankelijkheid is een teamprestatie Bij de meeste opdrachtgevers spreken we met één afdeling. Bij NRC waren dat er minstens 5. De redactie kreeg ooit het SEO-advies om alt-teksten met keywords te vullen, waardoor een blinde bezoeker bijschrift en alt-tekst dubbel hoort. De ontwerpers wilden video’s zonder zichtbare knoppen, “omdat het mooier is”. De puzzelpartner moest overtuigd worden dat bevindingen oplossen de investering waard was. En de developers moesten horen welke issues uit hun code kwamen. Elke keer koos NRC voor de gebruiker. Niet voor de mooiste video, het best vindbare artikel of het goedkoopste contract. Voor de gebruiker. Wat je hieruit meeneemt: een audit raakt vrijwel nooit één afdeling, maar redactie, ontwerp, development, marketing, juridisch, inkoop en soms de directie. Plan dat in voordat het rapport binnenkomt. De interessantste discussies ontstaan juist tussen die afdelingen: SEO versus toegankelijkheid, mooi versus bruikbaar, snel versus grondig. Wie daar vooraf over nadenkt, levert sneller op. De ambitie NRC vertelde bij het eerste gesprek dat ze de toegankelijkste krant van Nederland willen worden. Een half jaar later geloven we dat ook. Niet omdat de cijfers al goed zijn, maar omdat de vragen die ze stellen, de discussies die ze voeren en de partners die ze kiezen niet anders dan daarheen kunnen leiden.
aria-labelledby verwijst naar de verkeerde tekst
Een invoerveld. Zichtbaar label: “E-mailadres.” Maar aria-labelledby verwijst naar een verborgen element met: “Voer uw elektronische postadres in.”
Gelinkte afbeelding
Je hebt een afbeelding van loopschoenen in je webshop. De afbeelding werkt als een link naar de pagina met alle loopschoenen. Welke alt-tekst geef je die afbeelding? A: “Airmax 90.” B: Geen beschrijving, het is decoratief. C: “Alle onze loopschoenen.” Het juiste antwoord is C. Wanneer een afbeelding als link werkt, moet de beschrijving vertellen waar de link naartoe gaat, niet wat er op het plaatje staat.
URL als linktekst
“h-t-t-p-s colon slash slash w-w-w dot example dot com slash rapport dash twee-duizend-vierentwintig dot p-d-f”