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 50 criteria onder WCAG 2.1 A en AA. 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
SED
Evaluatiedatum
5 februari 2025
Managementsamenvatting
Dit rapport bevat het deelonderzoek content. In combinatie met het onderzoek van de techniek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 21 van de 22 content-specifieke van toepassing zijnde criteria voor toegankelijkheid. De site zijn dus al goed toegankelijk, maar er zijn nog een paar verbeteringen mogelijk.
Positief is bijvoorbeeld er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat links een duidelijk doel hebben en dat de pagina's goede titels hebben.
Nog enige verbetering is mogelijk in de opmaak van koppen en de tekst van de voortgang van het formulier.
Scope van de evaluatie
Website naam
18insed.nl
Scope van de website
Alle pagina's op https://www.18insed.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 22 van 50 WCAG 2.1 AA
Success Criteria.
15Voldoende
1Onvoldoende
6Niet van toepassing
28Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
Success Criterium
Uitkomst
Bevindingen
1.1.1: Niet-tekstuele content
Hele sample
Uitkomst: Voldoende
1.2 Op tijd gebaseerde media
Success Criterium
Uitkomst
Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
18 check (proces)
Uitkomst: Onvoldoende
Homepage
Er staan 2 h2-koppen achter elkaar, waarbij na de eerste geen content volgt. Het gaat om ‘Hey’ en ‘ Ik deed de check ook’. Zet deze teksten binnen één h2-kop. (Via CSS kunnen ze wel verschillende styling hebben.)
18 check (proces)
Bovenaan staat een formulier met een voortgangsbalk. Hierin staat het percentage dat voltooid is. Dit staat in zowel kleur als tekst, wat goed is. De tekst is echter verborgen voor screenreaders via het ‘aria-hidden’-attribuut. Haal deze weg zodat gebruikers van hulpsoftware dezelfde informatie krijgen als ziende gebruikers.
Opmerking: Foutmeldingen staan in een h2-kop, maar visueel en qua betekenis is dit geen kop. Het is hier beter om de kopopmaak weg te laten.
Opmerking: de radiobuttons en checkboxes worden via CSS op de pagina gezet en vallen soms weg, waardoor het visueel niet meer duidelijk is wat er geselecteerd kan worden. Zie screenshot 1 (dit is in Chrome op Mac). Zet belangrijke content bij voorkeur in de HTML zodat deze altijd beschikbaar is. CSS is geschikt voor styling.
