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
Gemeente Almere
Evaluatiedatum
16 maart 2026
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 35 van de 50 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 zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen afbeeldingen van tekst worden gebruikt en dat de taal van de pagina’s goed is ingesteld.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Onjuiste of missende alt-teksten bij afbeeldingen
Onjuist opgemaakte koppen
Niet alle interactieve onderdelen hebben een toegankelijke naam
Scope van de evaluatie
Website naam
houjepasvoorjezelf.nl
Scope van de website
Alle pagina's op https://www.houjepasvoorjezelf.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 50 van 50 WCAG 2.1 AA
Success Criteria.
23Voldoende
15Onvoldoende
12Niet van toepassing
0Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
Success Criterium
Uitkomst
Bevindingen
1.1.1: Niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Hulppunten
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Bovenaan de pagina staat een logo van Hou je pas voor jezelf. Deze afbeelding heeft een lege alt-tekst. Zorg dat de alternatieve tekst gelijk is aan de zichtbare tekst, zodat screenreadergebruikers dezelfde informatie krijgen als ziende gebruikers.
Onderaan de website staat de tekst ‘De campagne 'Hou je pas voor jezelf' is mede mogelijk gemaakt door de gemeenten:’ Hieronder staat een afbeelding met daarin vijf gemeentelogo’s. De alt-tekst is echter leeg. Een screenreadergebruiker weet nu niet om welke gemeenten het gaat. Voeg beschrijvingen van de logo’s toe.
Hulppunten
Niet alle afbeeldingen van logo’s hebben een goede alternatieve tekst. Sommige alt-teksten zijn leeg, bijvoorbeeld bij ESSM. Zorg dat bij logo’s de alternatieve tekst gelijk is aan de zichtbare tekst, zodat screenreadergebruikers dezelfde informatie krijgen als ziende gebruikers.
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: Voldoende
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De video over online gedrag bevat in het eerste deel visueel meerdere chatberichten. Deze worden niet uitgesproken, waardoor een visueel beperkte bezoeker deze informatie niet mee krijgt. Behalve audiodescriptie kan deze informatie (onder dit niveau A criterium) ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video.
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De video over online gedrag bevat in het eerste deel visueel meerdere chatberichten. Deze worden niet uitgesproken, waardoor een visueel beperkte bezoeker deze informatie niet mee krijgt. Onder dit niveau AA kan niet worden volstaan met een alternatief, maar is audiodescriptie vereist.
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Wat is een geldezel?
Uitkomst: Onvoldoende
Stappenplan (meerdere pagina's)
Uitkomst: Onvoldoende
Vragen (meerdere pagina's)
Uitkomst: Onvoldoende
Hulppunten
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: De knop naar het mobiele menu is in Windows High Contrast mode niet zichtbaar. Dit komt doordat de knop geen tekst heeft en ook geen afbeelding, alleen CSS streepjes. Windows herkent dit niet als content. Dit kan worden opgelost door de afbeelding in svg te plaatsen en er een (transparante) outline omheen te zetten. Zie screenshot 8.
Homepage
Niet alle koppen zijn als kop opgemaakt. Hierdoor herkennen screenreadergebruikers deze teksten niet als koppen en is er geen logische koppen hiërarchie op de pagina. Bijvoorbeeld de kopjes ‘Wat kan je doen?’ en ‘Hulp vragen of erover praten?’ hebben geen kopopmaak maar staan opgemaakt met het strong-element. Maak hier bijvoorbeeld h2-koppen van. Dit geldt ook voor het kopje ‘Uitleg van begrippen die je misschien niet kent’.
Onder de h2-kop ‘Online’ staan visueel meerdere paragrafen en een lijstje met sociale media. In de HTML is dit echter één enkele paragraaf met veel witruimte. Zorg voor een goede opmaak van paragraaf tags en een lijst (ul- en li-elementen) zodat screenreader deze informatie ook gestructureerd kan voorlezen. Dit komt op meerdere plekken voor, bijvoorbeeld bij de begrippen die allemaal in een paragraaf staan en bij de ‘lijst’ onder de vraag ‘Hoe kun je voorkomen dat je geldezel wordt?’.
Wat is een geldezel?
De eerste paragraaf is opgemaakt met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Gebruik CSS om deze paragraaf anders te stylen. Dit komt op meerdere plekken voor.
Stappenplan (meerdere pagina's)
In stap 3 staat visueel een lijst die enkel is opgemaakt als h2-koppen, zonder dat er content achter volgt. Dit is kan verwarrend zijn voor screenreadergebruikers die navigeren via koppen. Maak hier een lijst van zonder kopopmaak.
Vragen (meerdere pagina's)
Bij de vragen staan er visueel teksten met antwoorden. Voor gebruikers van hulpsoftware zijn er echter alleen knoppen met teksten zoals ‘Kies antwoord A’, zonder dat duidelijk is wat dit antwoord inhoudt. Hierdoor is het onmogelijk deze vragen goed te beantwoorden. Zie screenshot 6 en screenshot 7. Zet de antwoorden ook in het aria-label of haal het aria-label weg zodat deze het antwoord niet meer overschrijft. (En haal de focus op de pijlknop weg wanneer deze al op het antwoord zelf staat.)
Hulppunten
Opmerking: er zijn 5 dezelfde h5-koppen ‘Belangrijke gemeentelijke hulppunten’. Het zou behulpzamer zijn voor de gebruiker wanneer deze koppen ook de gemeentenaam bevatten, zodat er een onderscheid is tussen de secties. (Het ‘snelmenu’ met de plaatsen onderaan zit in de toetsenbordvolgorde pas helemaal onder aan de pagina.)
1.3.2: Betekenisvolle volgorde
Hele sample
Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample
Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample
Uitkomst: Voldoende
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: Voldoende
1.4.2: Geluidsbediening
Hele sample
Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample
Uitkomst: Onvoldoende
Stappenplan (meerdere pagina's)
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.
Stappenplan (meerdere pagina's)
Onder stap 2 staat in de tekst een blauwe link naar stap 3. Het contrast is 4.2:1.
1.4.4: Herschalen van tekst
Hele sample
Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample
Uitkomst: Voldoende
1.4.10: Reflow
Hele sample
Uitkomst: Onvoldoende
Homepage
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.)
Onderaan veel pagina’s staat een snelmenu. Boven de 200% zoom valt de cookie-knop deels over dit menu heen. Zie screenshot 4. Opmerking: op 400% neemt dit snelmenu meer dan de helft van de pagina in. Daardoor is het lastig om de content te lezen. Zie screenshot 5.
Homepage
Boven de 250% zoom lopen teksten aan de bovenkant van de pagina door elkaar heen. Zie screenshot 3.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample
Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Het submenu onder Stappenplan kan alleen worden gesloten door de muis te verplaatsen. Mensen die vergrotingssoftware gebruiken moeten de muis bewegen om delen van de pagina te bekijken. Wanneer dan (onbedoeld) content uitklapt, moeten ze deze met het toetsenbord weg kunnen halen. Zorg dat deze ook op een andere manier gesloten kan worden, bijvoorbeeld met de escape toets.
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
Success Criterium
Uitkomst
Bevindingen
2.1.1: Toetsenbord
Hele sample
Uitkomst: Voldoende
2.1.2: Geen toetsenbordval
Hele sample
Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Op deze website wordt gebruik gemaakt van een videospeler. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken.
Bij deze Vimeo-videospeler kan dit opgelost worden door de parameter keyboard=false toe te voegen aan de URI van de video in de HTML-code. De bediening met deze toetsen wordt dan uitgeschakeld, maar het is dan nog wel mogelijk om de video te bedienen met het toetsenbord. Zie ook de Engelstalige pagina https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters.
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: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Homepage
Bovenaan de pagina worden afwisselend 2 videofragmenten getoond. Deze beweging is niet te stoppen of te pauzeren. Dit is hinderlijk voor mensen die bijvoorbeeld concentratieproblemen hebben of ADHD. De beweging leidt erg af van de tekst. Zorg ervoor dat er een mechanisme komt om de beelden stop te zetten, bijvoorbeeld een pauzeknop.
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
Hele sample
Bevindingen:
Opmerking: er is een skiplink (met enkel de tekst ‘skip link’), maar die gaat nergens naar toe. De link is ingesteld naar de main landmark, maar daar zit de gehele pagina in, inclusief de skiplink zelf. Zorg dat de skiplink je verder brengt dan de hoofdnavigatie. Zie screenshot 1.
2.4.2: Paginatitel
Hele sample
Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Vragen (meerdere pagina's)
Uitkomst: Onvoldoende
Homepage
Bij de veelgestelde vragen komt de focus ook op links in vragen die staan dichtgeklapt. Dit is verwarrend. Zorg dat de focus alleen op niet-verborgen onderdelen kan komen.
Vragen (meerdere pagina's)
In de ‘quiz’ is de focusvolgorde niet logisch. Als je een vraag hebt beantwoord, verwacht je dat je meteen verder kan vanaf de knop ‘volgende vraag’. Je moet echter eerst nog langs meerdere andere onderdelen (2 ‘tabstops’ per vraag, het antwoordblok en de vorige vraag), voor je verder kunt. Zie screenshot 2.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Voldoende
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Behalve het hoofdmenu zijn er geen andere manieren om webpagina’s te vinden. Een deel van de bezoekers kan gemakkelijker navigeren via een zoekfunctie of een sitemap dan via een menu, bijvoorbeeld omdat het lastig is deze ingezoomd of via een screenreader te gebruiken. Biedt naast het hoofdmenu nog een tweede optie aan, bijvoorbeeld een algemene zoekfunctie.
2.4.6: Koppen en labels
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De knop voor de cookie-instellingen heeft als label ‘Open CMP-widget’. Dit is geen duidelijke beschrijving. Maak hier bijvoorbeeld ‘Open cookie-instellingen’ van.
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Boven de 200% zoom heeft de knop voor de cookie-instellingen geen zichtbare focus.
Homepage
De links waarmee je de videofragmenten bovenaan de pagina kunt wisselen hebben geen zichtbare focus.
2.5 Input Modaliteiten
Success Criterium
Uitkomst
Bevindingen
2.5.1: Aanwijzergebaren
Hele sample
Uitkomst: Voldoende
2.5.2: Aanwijzerannulering
Hele sample
Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De link achter het logo bovenaan de website heeft een andere toegankelijke naam (‘home’) dan wat er zichtbaar is (‘Hou je pas voor jezelf’). Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) altijd minstens de zichtbare tekst bevat. Aangeraden wordt om de zichtbare naam aan het begin van de toegankelijke naam te zetten. (Dus hier bijvoorbeeld: ‘Hou je pas voor jezelf - naar homepage’).
Bovenaan de pagina staan 2 afwisselende video’s. Deze staan in links opgemaakt als tabs. Deze links hebben geen tekst en daardoor geen toegankelijke naam. Het is daardoor voor gebruikers van hulpsoftware niet duidelijk wat deze links doen. Voeg bijvoorbeeld een aria-label toe met een omschrijving.
De iframe met de video heeft geen toegankelijke naam. Gebruikers van hulpsoftware weten niet wat er in dit iframe staat en of ze deze daarom willen openen of overslaan. Voeg bijvoorbeeld een title-attribuut met beschrijving toe of een aria-label. Dit komt op meerdere pagina’s voor waar de video wordt getoond.
