Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
De Web Content Accessibility Guidelines (WCAG) versie 2.1 AA is het verplichte niveau onder de Europese standaard EN 301 549 en de European Accessibility Act. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
Rapport auteur
Janita Top
Evaluatie opdrachtgever
iWink
Evaluatiedatum
5 oktober 2026
Managementsamenvatting
Dit rapport bevat het deelonderzoek techniek. In combinatie met een (deel)onderzoek content vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 34 van de 48 techniek-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.
Positief is bijvoorbeeld dat er geen bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden, dat de pagina's goede titels hebben en dat de taal van de pagina’s goed is ingesteld.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Invoervelden zonder gekoppelde labels
Niet alle content is bereikbaar bij inzoomen
Niet van alle elementen wordt de rol en status correct aangegeven voor hulpsoftware
Scope van de evaluatie
Website naam
demo.iwink.report
Scope van de website
Alle pagina's op https://demo.iwink.report/
WCAG Versie
2.2
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 48 van 55 WCAG 2.2 AA
success criteria.
Opmerking: op https://demo.iwink.report/showroom/afbeelding-met-markers staat een link naar een popup. In deze popup staat een link met de tekst ‘Meer info over de lucht pijl naar rechts’. Wanneer deze pijl betekent dat je naar een externe site gaat, is het beter om het icoon te verbergen en een tekst toe te voegen met iets als 'externe site’.
Opmerking: bij meerdere links, zoals op https://demo.iwink.report/showroom/lijst-met-links, staat in de code een span element met ‘aria-hidden=”true”’, waar verder niks in staat. Daarvoor staat via de ::before pseudo-element nog wel een icoon dat niet verborgen is. Deze komt daardoor toch nog in de linktekst terecht. Zie screenshot 3.
1.2 Op tijd gebaseerde media
Success Criterium
Uitkomst
Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample
Uitkomst: Niet getoetst
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample
Uitkomst: Niet getoetst
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Niet getoetst
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet getoetst
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Niet getoetst
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Zoeken
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Onvoldoende
Begrippen
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De tweede knop achter ‘Toegankelijkheid’ (binnen de rapportpagina’s) heet ‘Grafieken en tabellen’. Het icoontje verandert, maar de tekst niet. De tekst maakt de functie niet duidelijk, namelijk dat dit een switch knop is tussen het tonen van grafieken OF tabellen. Het zou beter zijn om aan te geven dat dit een keuze is en welke aan staat. Dit kan bijvoorbeeld worden gedaan met een ‘aria-pressed’-attribuut en/of een veranderende tekst. Als screenreadergebruiker is het prettig om bovenaan de pagina te weten dat de tabelweergave aan staat, voordat je verder naar de content gaat.
De lijst van het componentenmenu is niet correct opgemaakt. De lijst-items hebben role=”none”. Wanneer lijsten niet goed zijn opgemaakt kan hulpsoftware zoals screenreaders deze mogelijk niet goed interpreteren. Zie ook 4.1.2.
Zoeken
Het invoerveld om te zoeken heeft geen gekoppeld label. Er staat ‘for’ binnen het label element, maar geen verwijzend id. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voor hulpsoftware is een label altijd vereist.
Opmerking: In de bovenste grafiek op https://demo.iwink.report/showroom/grafiek staan visueel achter de getallen %-tekens, maar in de tabel ontbreken die. Ook staat er in de grafiek een punt binnen de percentages en binnen de tabel niet.
Begrippen
Het invoerveld om te zoeken heeft geen label. Er staat wel een gekoppeld label element, maar deze bevat geen tekst.
1.3.2: Betekenisvolle volgorde
Hele sample
Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample
Uitkomst: Niet getoetst
1.3.4: Weergavestand
Hele sample
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: Op landschapsweergave zijn de menu’s lastig te gebruiken. Bij het componentenmenu is er heel weinig ruimte om in het verticale scrollgedeelte te komen. In het rechtermenu valt het blauwe vlak aan de onderkant weg waardoor het moeilijk leesbaar wordt. Zie screenshot 6 en screenshot 7. Mensen die motorisch beperkt zijn, kunnen niet altijd het apparaat draaien. Zorg daarom dat alles altijd goed bereikbaar is op portret- en op landschapsmodus.
1.3.5: Identificeer het doel van de input
Hele sample
Uitkomst: Niet van toepassing
1.4 Onderscheidbaar
Success Criterium
Uitkomst
Bevindingen
1.4.1: Gebruik van kleur
Hele sample
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Op https://demo.iwink.report/showroom/matrix-tabel wordt binnen de tabellen alleen kleur gebruikt om de betekenis aan te geven. Dit is mogelijk niet voor iedereen te onderscheiden. Gebruik ook een andere manier om de categorieën aan te geven, bijvoorbeeld met vorm zoals een icoon.
Opmerking: op https://demo.iwink.report/showroom/alinea bij ‘Alinea met kantlijn tekst’ wordt de betreffende tekst alleen met een verschil in kleur aangegeven. Omdat het contrast tussen de gemarkeerde en de omliggende tekst meer dan 3:1 is, wordt dit hier toegestaan. Echter, slechtzienden en kleurenblinden kunnen missen om welke tekst het gaat. Voeg bijvoorbeeld cursivering toe om dit duidelijker te maken. Zie screenshot 8 voor hoe dit er nu uit ziet in grayscale.
1.4.2: Geluidsbediening
Hele sample
Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample
Uitkomst: Onvoldoende
Samenvatting
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Onvoldoende
Cover (14 onderdelen)
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
De nummers voor de hoofdstukken in het componentenmenu (roze/blauw, 3.4:1).
Samenvatting
De ’Lees verder’- links op hover (roze/lichtroze, 4.47:1).
Let ook op bij titels over foto’s en video’s zoals op https://demo.iwink.report/showroom/cover-met-masker. Dit behoort bij content (de onderliggende beelden), maar contrast issues kunnen misschien worden voorkomen met bijvoorbeeld een vaste schaduw.
1.4.4: Herschalen van tekst
Hele sample
Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample
Uitkomst: Niet getoetst
1.4.10: Reflow
Hele sample
Uitkomst: Onvoldoende
Rapport startpagina
Uitkomst: Onvoldoende
Begrippen
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot 400% (vergelijkbaar met 320 px breed) goed bruikbaar blijft, en er niet in twee richtingen gescrold hoeft te worden. Op onderstaande plekken op de site is dit niet het geval. (Getest op 1280px breed.)
Boven de 250% zoom is het componentenmenu niet goed meer te gebruiken. Wanneer je probeert te scrollen in het menu, scrollt in plaats daarvan de onderliggende pagina. Zie screenshot 9. In het secundaire menu verdwijnt de donkerblauwe achtergrond, waardoor het slecht leesbaar wordt. Zie screenshot 10.
Rapport startpagina
Boven de 250% zoom schuift de header boven het beeld uit, waardoor een deel van de content onbereikbaar wordt.
Begrippen
Vanaf 200% zoom komt het alfabet over andere content heen te staan. Zie screenshot 11.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
Bij het delen van de publicatie: de iconen voor X (2.2:1) en email (2.3:1).
Op https://demo.iwink.report/showroom/afbeelding-met-markers hebben de markers niet overal op de foto voldoende contrast met de achterliggende foto. Op hover komt er een witte rand om, maar dan moet je eerst wel zien waar je naartoe moet.
Op https://demo.iwink.report/showroom/youtube is binnen de player het contrast van de knoppen (lichtgrijs) en de focus outline (lichtblauw) op meerdere plekken te laag.
1.4.12: Tekstafstand
Hele sample
Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Wanneer het secundaire menu opent op focus, kun je deze niet weer sluiten zonder de focus te verplaatsen. Zorg dat dit menu ook op een andere manier gesloten kan worden, bijvoorbeeld met de escape toets. (Bij openen met hover werkt dit al wel.)
De Youtubeplayer op https://demo.iwink.report/showroom/youtube is niet goed te bedienen met het toetsenbord. Je kunt de video wel starten, maar daarna zijn de controls alleen bereikbaar via hover.
2.1.2: Geen toetsenbordval
Hele sample
Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample
Uitkomst: Niet van toepassing
2.2 Genoeg tijd
Success Criterium
Uitkomst
Bevindingen
2.2.1: Timing aanpasbaar
Hele sample
Uitkomst: Niet van toepassing
2.2.2: Pauzeren, stoppen, verbergen
Hele sample
Uitkomst: Niet van toepassing
2.3 Toevallen en fysieke reacties
Success Criterium
Uitkomst
Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample
Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium
Uitkomst
Bevindingen
2.4.1: Blokken omzeilen
Hele sample
Uitkomst: Voldoende
2.4.2: Paginatitel
Hele sample
Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample
Uitkomst: Voldoende
Componenten (33 onderdelen)
Uitkomst: Voldoende
Componenten (33 onderdelen)
Opmerkingen:
In de tekst op https://demo.iwink.report/showroom/alinea komen veel woorden voor met een tabindex=”0”, waarbij het aan de styling niet zichtbaar is dat dit woorden zijn met tooltips. Ze missen hier de stippellijn.
Onderaan een component staat een link naar het volgende component. Met de muis kun je meteen door naar onderen, maar met het toetsenbord moet je eerst door het rechter zijmenu. Het zou logischer zijn wanneer de focus op deze link komt voor het menu.
Op https://demo.iwink.report/showroom/grafiek komt de focus op de categorieën onder de grafieken, maar dit lijkt niks te activeren. Wanneer een element niet interactief is, is het beter om de tabindex te verwijderen. Zie ook 4.1.2.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Onvoldoende
Componenten (33 onderdelen)
Uitkomst: Voldoende
Hele sample
Bevindingen:
De link bovenaan elk componentenmenu (achter het logo) die je naar de startpagina van het rapport brengt heeft als tekst ‘Ga naar het publicatie Logo Showroom’. Aangezien je al in de publicatie zit, is het doel niet duidelijk. Maak hier bijvoorbeeld van ‘Logoipsum - Ga naar de startpagina’. (Zie ook 2.5.3.)
Componenten (33 onderdelen)
Opmerking: Let er op bij https://demo.iwink.report/showroom/alinea-met-afbeelding dat als de links op deze manier gebruikt worden, met enkel ‘Meer info’ als tekst, er een extra beschrijving wordt toegevoegd aan de linktekst om de links uniek te maken.
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De knoppen om submenu’s uit te klappen in de zijnavigatie hebben als label ‘Toggle menu’. Dit is mogelijk niet voor alle gebruikers duidelijk. Geef de knop een Nederlandse naam. Dit geldt ook voor de links om de publicatie te delen, zoals ‘Share this page on X’.
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Onvoldoende
Downloaden als pdf (functionaliteit)
Uitkomst: Onvoldoende
Downloaden als pdf (functionaliteit)
De focus op de checkboxes is niet zichtbaar.
2.4.11: Focus Not Obscured (Minimum)
Hele sample
Uitkomst: Voldoende
2.5 Input Modaliteiten
Success Criterium
Uitkomst
Bevindingen
2.5.1: Aanwijzergebaren
Hele sample
Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample
Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample
Uitkomst: Onvoldoende
Startpagina (alle publicaties)
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Opmerking: in het Componentenmenu staat een (placeholder) logo met de zichtbare tekst ‘Logoipsum’. De linktekst is echter ‘Ga naar het publicatie Logo Showroom’. Let er op dat de linktekst altijd minimaal de zichtbare tekst van het logo bevat’.
Startpagina (alle publicaties)
Bij het Showroom blok staat een link met de zichtbare tekst ‘Bekijk’. De toegankelijke tekst van de link is echter ‘Meer informatie over "Showroom"’. Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam altijd minstens de zichtbare tekst bevat.
2.5.4: Bewegingsactivering
Hele sample
Uitkomst: Niet van toepassing
2.5.7: Dragging Movements
Hele sample
Uitkomst: Niet van toepassing
2.5.8: Target Size (Minimum)
Hele sample
Uitkomst: Onvoldoende
Begrippen
Uitkomst: Onvoldoende
Begrippen
De links in het alfabet zijn kleiner dan 24px. Hierdoor zijn ze moeilijk te selecteren wanneer er meerdere links naast elkaar komen te staan.
Het hoofdmenu (met de componenten) heeft het attribuut ‘aria-multiselectable’ op de lijst (op alle drie secties). Dit attribuut is echter niet toegestaan op een ul-element (wel bijvoorbeeld op een tablist, zie ook https://www.w3.org/TR/wai-aria-1.1/#aria-multiselectable). De list-items in dit hoofdmenu (li-elementen) hebben een role=”none”, waardoor de lijsten geen geldige opmaak meer hebben.
Componenten (33 onderdelen)
Op https://demo.iwink.report/showroom/tabel staan teksten met een tooltip (‘Deze cel heeft een comment’). Deze teksten hebben geen goede rol, waardoor de gekoppelde beschrijving niet wordt voorgelezen door screenreaders. Maak hier bijvoorbeeld een button van.
Onder de grafieken op https://demo.iwink.report/showroom/grafiek staan interactieve elementen waarmee je (met de muis) onderdelen van de grafiek kunt verbergen. Deze kunnen focus ontvangen, maar staan binnen een element dat verborgen is voor hulpsoftware via ‘aria-hidden’. Hierdoor is het niet duidelijk waar deze elementen voor dienen. Zorg dat verborgen elementen geen focus kunnen ontvangen, of haal ‘aria-hidden’ weg en geef de elementen een goede naam, rol en waarde, bijvoorbeeld een button met een ‘aria-pressed’-attribuut.
Downloaden als pdf (functionaliteit)
Wanneer je een checkbox aanvinkt, wordt de status niet bijgewerkt. Zie screenshot 4.
