Deelonderzoek techniek starterkit.iwink.nl versie 1.1
Inleiding
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?
Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. 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
- 25 augustus 2025
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 alle 43 techniek-specifieke criteria voor toegankelijkheid.
Naast de verplichte WCAG 2.1 criteria zijn ook de in WCAG 2.2 toegevoegde criteria op niveau A en AA onderzocht. Hierbij waren er geen bevindingen.
Scope van de evaluatie
- Website naam
- starterkit.iwink.nl
- Scope van de website
- Alle pagina's op https://starterkit.iwink.nl/.
- WCAG Versie
- 2.2
- Conformiteitsdoel
- AA
- Basisniveau van toegankelijkheid-ondersteuning
- Gangbare webbrowsers en hulpapparatuur.
- Verdere onderzoeksvereisten
- Niet ingevuld
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 48 van 55 WCAG 2.2 AA Success Criteria.
- 38 Voldoende
- 0 Onvoldoende
- 10 Niet van toepassing
- 7 Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.1.1: Niet-tekstuele content | Hele sampleUitkomst: Voldoende |
1.2 Op tijd gebaseerde media
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen) | Hele sampleUitkomst: Niet getoetst | |
| 1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen) | Hele sampleUitkomst: Niet getoetst | |
| 1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen) | Hele sampleUitkomst: Niet getoetst | |
| 1.2.4: Ondertitels voor doven en slechthorenden (live) | Hele sampleUitkomst: Niet getoetst | |
| 1.2.5: Audiodescriptie (vooraf opgenomen) | Hele sampleUitkomst: Niet getoetst |
1.3 Aanpasbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.3.1: Info en relaties | Hele sampleUitkomst: Voldoende | |
| 1.3.2: Betekenisvolle volgorde | Hele sampleUitkomst: Voldoende | |
| 1.3.3: Zintuiglijke eigenschappen | Hele sampleUitkomst: Niet getoetst | |
| 1.3.4: Weergavestand | Hele sampleUitkomst: Voldoende | |
| 1.3.5: Identificeer het doel van de input | Hele sampleUitkomst: Voldoende |
1.4 Onderscheidbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.4.1: Gebruik van kleur | Hele sampleUitkomst: Voldoende | |
| 1.4.2: Geluidsbediening | Hele sampleUitkomst: Niet van toepassing | |
| 1.4.3: Contrast (minimum) | Hele sampleUitkomst: Voldoende | |
| 1.4.4: Herschalen van tekst | Hele sampleUitkomst: Voldoende | |
| 1.4.5: Afbeeldingen van tekst | Hele sampleUitkomst: Niet getoetst | |
| 1.4.10: Reflow | Hele sampleUitkomst: Voldoende | |
| 1.4.11: Contrast van niet-tekstuele content | Hele sampleUitkomst: Voldoende | |
| 1.4.12: Tekstafstand | Hele sampleUitkomst: Voldoende | |
| 1.4.13: Content bij hover of focus | Hele sampleUitkomst: Voldoende |
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.1.1: Toetsenbord | Hele sampleUitkomst: Voldoende | Hele sampleBevindingen: Opmerking: Het uitklappen van het Contact submenu in de header werkt niet met enter, maar met de spatietoets. Het openen van de talenopties werkt wel met de enter toets. Het gebruik van de enter toets is logischer; beter is om dit bij beide links te gebruiken. Zie ook https://webaim.org/techniques/keyboard/#testing. NB: omdat ‘enter’ de verwachte toets is, sla je met het toetsenbord nu heel snel en misschien onbedoeld het submenu over. Om toch ook direct naar het hoofditem te kunnen gaan, kun je een aparte uitklapknop toevoegen achter de eerste link. (Bij inzoomen gebeurt dit al.) |
| 2.1.2: Geen toetsenbordval | Hele sampleUitkomst: Voldoende | |
| 2.1.4: Enkel teken sneltoetsen | Hele sampleUitkomst: Voldoende |
2.2 Genoeg tijd
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.2.1: Timing aanpasbaar | Hele sampleUitkomst: Niet van toepassing | |
| 2.2.2: Pauzeren, stoppen, verbergen | Hele sampleUitkomst: Niet van toepassing |
2.3 Toevallen en fysieke reacties
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.3.1: Drie flitsen of beneden drempelwaarde | Hele sampleUitkomst: Voldoende |
2.4 Navigeerbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.4.1: Blokken omzeilen | Hele sampleUitkomst: Voldoende | |
| 2.4.2: Paginatitel | Hele sampleUitkomst: Voldoende | |
| 2.4.3: Focus volgorde | Hele sampleUitkomst: Voldoende | |
| 2.4.4: Linkdoel (in context) | Hele sampleUitkomst: Voldoende | |
| 2.4.5: Meerdere manieren | Hele sampleUitkomst: Voldoende | |
| 2.4.6: Koppen en labels | Hele sampleUitkomst: Voldoende | |
| 2.4.7: Focus zichtbaar | Hele sampleUitkomst: Voldoende | |
| 2.4.11: Focus Not Obscured (Minimum) | Hele sampleUitkomst: Voldoende |
2.5 Input Modaliteiten
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.5.1: Aanwijzergebaren | Hele sampleUitkomst: Niet van toepassing | |
| 2.5.2: Aanwijzerannulering | Hele sampleUitkomst: Voldoende | |
| 2.5.3: Label in naam | Hele sampleUitkomst: Voldoende | |
| 2.5.4: Bewegingsactivering | Hele sampleUitkomst: Niet van toepassing | |
| 2.5.7: Dragging Movements | Hele sampleUitkomst: Niet van toepassing | |
| 2.5.8: Target Size (Minimum) | Hele sampleUitkomst: Voldoende |
3 Begrijpelijk
3.1 Leesbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.1.1: Taal van de pagina | Hele sampleUitkomst: Voldoende | |
| 3.1.2: Taal van onderdelen | Hele sampleUitkomst: Niet van toepassing |
3.2 Voorspelbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.2.1: Bij focus | Hele sampleUitkomst: Voldoende | |
| 3.2.2: Bij input | Hele sampleUitkomst: Voldoende | |
| 3.2.3: Consistente navigatie | Hele sampleUitkomst: Voldoende | |
| 3.2.4: Consistente identificatie | Hele sampleUitkomst: Voldoende | |
| 3.2.6: Consistent Help | Hele sampleUitkomst: Voldoende |
3.3 Assistentie bij invoer
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.3.1: Foutidentificatie | Hele sampleUitkomst: Voldoende | |
| 3.3.2: Labels of instructies | Hele sampleUitkomst: Voldoende | |
| 3.3.3: Foutsuggestie | Hele sampleUitkomst: Voldoende | |
| 3.3.4: Foutpreventie (wettelijk, financieel, gegevens | Hele sampleUitkomst: Niet van toepassing | |
| 3.3.7: Redundant Entry | Hele sampleUitkomst: Niet van toepassing | |
| 3.3.8: Accessible Authentication (Minimum) | Hele sampleUitkomst: Niet van toepassing |
4 Robuust
4.1 Compatibel
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 4.1.2: Naam, rol, waarde | Hele sampleUitkomst: Voldoende | |
| 4.1.3: Statusberichten | Hele sampleUitkomst: Voldoende |
Sample
- Homepage - https://starterkit.iwink.nl/
- Zoeken - https://starterkit.iwink.nl/zoekpagina?q=module
- Modules - https://starterkit.iwink.nl/modules-in-actie
- Module Evenementen - https://starterkit.iwink.nl/modules-in-actie/evenementen
- Module Feiten & Cijfers - https://starterkit.iwink.nl/modules-in-actie/feiten-cijfers
- Module FAQ - https://starterkit.iwink.nl/modules-in-actie/faq
- Module Begrippen - https://starterkit.iwink.nl/modules-in-actie/begrippen
- Module Google Maps - https://starterkit.iwink.nl/modules-in-actie/google-maps
- Module Afbeelding met markers - https://starterkit.iwink.nl/modules-in-actie/afbeelding-met-markers
- Module Vacature - https://starterkit.iwink.nl/modules-in-actie/vacatures
- Module Locaties - https://starterkit.iwink.nl/modules-in-actie/locaties
- Module Media - https://starterkit.iwink.nl/modules-in-actie/media
- Module Blog - https://starterkit.iwink.nl/modules-in-actie/blogs
- Module Nieuws - https://starterkit.iwink.nl/modules-in-actie/nieuws
- Module Personen - https://starterkit.iwink.nl/modules-in-actie/personen
- Module Fotogalerij - https://starterkit.iwink.nl/modules-in-actie/foto-galerij
- Module Slider - https://starterkit.iwink.nl/modules-in-actie/slider
- Module Cases en Referenties - https://starterkit.iwink.nl/modules-in-actie/cases-en-referenties
- Module verhalen - https://starterkit.iwink.nl/modules-in-actie/verhalen
- Module YouTube - https://starterkit.iwink.nl/modules-in-actie/youtube
- Module Zorg - https://starterkit.iwink.nl/modules-in-actie/zorg
- Componenten - https://starterkit.iwink.nl/componentenbibliotheek
- Hero’s - https://starterkit.iwink.nl/heros-in-beeld
Technologie
HTML,CSS,WAI-ARIA,JavaScript,SVG,DOM
Onderbouwing van de evaluatie
Gebruikte systemen tijdens het onderzoek:
- Chrome 136 en Safari 18.5 met Voiceover op Mac 15.5
- Chrome 136 op Android 14
- Edge 136 op Windows 11