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
18 augustus 2026
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 40 van de 55 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 er geen bewegende onderdelen in de app zitten die niet kunnen worden gepauzeerd.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Onjuist opgemaakte koppen
Invoervelden zonder labels
Te laag contrast van tekst
Scope van de evaluatie
Website naam
almere-wws.clappform.com
Scope van de website
Alle pagina's op https://almere-wws.clappform.com/.
WCAG Versie
2.2
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 55 van 55 WCAG 2.2 AA
success criteria.
22Voldoende
15Onvoldoende
18Niet 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
Hele sample
Bevindingen:
In de header staat het logo van de gemeente Almere. De alt-tekst luidt echter enkel ‘Almere’. Hierdoor krijgt een screenreadergebruiker andere informatie dan een ziende gebruiker. Zorg er bij logo’s altijd voor dat de alt-tekst minimaal de zichtbare tekst bevat.
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
Startpagina (Punten berekenen)
Uitkomst: Onvoldoende
Resultaten
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
De koppenstructuur op de pagina is niet logisch opgemaakt. De kop bovenaan met ‘Bereken de WWS-punten van een huurwoning’ is niet als kop opgemaakt in de code en daardoor voor screenreadergebruikers ook niet als kop herkenbaar. Daaronder volgt een h1-kop en direct daarna h4-koppen. Zie screenshot 2. Na de h4-koppen volgen h3 koppen. Dit is geen logische hiërarchie. Maak hier bijvoorbeeld van:
h1: Bereken de WWS-punten van een huurwoning
h2: Wat kan je met een WWS-punten berekening?
h3: Snel inzicht in je maximale huurprijs (+ 3 h3-koppen)
h2: Waarom geeft de Quickscan alleen een schatting? (+ 2 h2-koppen)
h2: Applicatie mogelijk gemaakt door: (+ 2 koppen)
De invoervelden voor postcode, huisnummer en toevoeging hebben geen label. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voeg een label-element of aria-label toe met bijvoorbeeld ‘Postcode’. Voor hulpsoftware is een label altijd vereist. Voor ziende gebruikers kan het ook beter zijn een duidelijk tekstlabel te tonen dat altijd blijft staan.
Resultaten
De koppenstructuur op de pagina is niet logisch opgemaakt. Na de h1 ‘Resultaten’ volgt er nog een h1 met ‘Wat kan ik doen als mijn huur hoger is dan het resultaat?’. Hieronder vallen dan een h2-kop met uitleg, maar ook de footer kopjes. Het zou logischer zijn om deze kop een lager niveau te geven. Zie screenshot 3.
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: Onvoldoende
Startpagina (Punten berekenen)
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Het invoerveld voor postcode heeft geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Dit maakt het invullen van formulieren voor veel gebruikers gemakkelijker, bijvoorbeeld voor mensen voor wie het invoeren van tekst veel tijd kost omdat dit via speciale hulpmiddelen gaat, of voor mensen met cognitieve beperkingen. Dit kan worden verbeterd door ‘autocomplete’ attributen te plaatsen bij de invoervelden. Zie voor meer informatie https://www.w3.org/WAI/WCAG21/Techniques/html/H98 en voor een lijst van alle attributen https://www.w3.org/TR/WCAG21/#input-purposes.
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
Startpagina (Punten berekenen)
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.
Startpagina (Punten berekenen)
De tekst ‘WWS-punten’ in de kop (turkoois op lichtblauw, 2.8:1).
De placeholders bij de invoervelden (grijs/wit, 2.5: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
Startpagina (Punten berekenen)
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.)
Startpagina (Punten berekenen)
Op 400% zoom zijn de placeholders niet meer geheel leesbaar. ‘Postcode’ wordt deels afgebroken aan de linkerkant van het scherm. Zie screenshot 7.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Wanneer tekstafstand-instellingen worden aangepast voor de leesbaarheid (zoals line-height, letter of word spacing) is in onderstaande gevallen niet alle content meer beschikbaar. Dit kan worden opgelost door containers in de layout te laten meegroeien met de tekst. Dit criterium kun je gemakkelijk testen met deze bookmarklet: https://dylanb.github.io/bookmarklets.html.
Startpagina (Punten berekenen)
Bij het inzoomen worden de placeholder teksten deels verborgen. Zie screenshot 8. Ook vallen onderdelen over elkaar heen. Zie screenshot 9.
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Niet van toepassing
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: 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
Hele sample
Bevindingen:
Opmerking: Er zijn koppen op de pagina’s, waarmee screenreadergebruikers de links in de header over kunnen slaan. Voor veel toetsenbordgebruikers die geen screenreader gebruiken, is een skiplink echter gemakkelijker om direct bij de hoofdcontent te kunnen komen. Het wordt daarom aangeraden een skiplink toe te voegen als eerste link op elke pagina.
2.4.2: Paginatitel
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De pagina’s hebben geen beschrijvende titel. In het title-element staat enkel de url. Dit is niet erg behulpzaam. Voor gebruikers van hulpsoftware is het voor de navigatie tussen webpagina’s belangrijk dat de titel duidelijk maakt waar ze zijn. Geef daarom altijd een beschrijving van de pagina in het title-element, bij voorkeur in de vorm ‘onderwerp – organisatie’, bijvoorbeeld: ‘Startpagina - Woningwaarderingsstelsel Almere’.
2.4.3: Focus volgorde
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Wanneer je bent ingezoomd en het (mobiele) menu gesloten is, gaat de toetsenbordfocus toch naar de menu-items toe. Zorg dat wanneer een onderdeel is ingeklapt, de focus er ook niet naar toe kan gaan. Dit kan verwarrend zijn voor ziende toetsenbordgebruikers.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Voldoende
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample
Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Uitkomst: Voldoende
Veelgestelde vragen
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Opmerking: bij de invoervelden is een cursor zichtbaar, maar geen focusrand. Een rand om het veld heen maakt het duidelijker voor bezoekers waar ze zich bevinden. Zie screenshot 5 (huidige situatie) en screenshot 6 (focusrand handmatig toegevoegd).
Veelgestelde vragen
De focus om de knoppen om de vragen uit te klappen is niet zichtbaar. Er zit een outline op van 2px, maar die is transparant.
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
Hele sample
Bevindingen:
De link achter het logo heeft een andere toegankelijke naam ‘(Almere’) dan wat er zichtbaar is (‘Gemeente Almere’.). Hierdoor kan de link mogelijk lastig met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) 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: Voldoende
3 Begrijpelijk
3.1 Leesbaar
Success Criterium
Uitkomst
Bevindingen
3.1.1: Taal van de pagina
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De pagina’s hebben geen taal gespecificeerd. Screenreaders lezen hierdoor de pagina’s mogelijk niet in de juiste taal voor. Stel de juiste taal in op het html element.
3.1.2: Taal van onderdelen
Hele sample
Uitkomst: Onvoldoende
Resultaten
Uitkomst: Onvoldoende
Resultaten
Bij sommige adressen staat onder ‘Maximale huurprijs’ de Engelse tekst ‘Not Eligible’. Het gedeelte met de Engelse content is niet in de code aangegeven als Engels. Screenreaders kunnen hierdoor niet de juiste taal bepalen voor dit onderdeel en lezen het mogelijk verkeerd voor. Geef de taal van de Engelse tekst aan met het attribuut lang="en" op het betreffende element, of zorg voor een Nederlandse tekst in dit gedeelte.
3.2 Voorspelbaar
Success Criterium
Uitkomst
Bevindingen
3.2.1: Bij focus
Hele sample
Uitkomst: Voldoende
3.2.2: Bij input
Hele sample
Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample
Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample
Uitkomst: Voldoende
3.2.6: Consistent Help
Hele sample
Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium
Uitkomst
Bevindingen
3.3.1: Foutidentificatie
Hele sample
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
In het formulier wordt alleen de standaard browser validatie gebruikt: hoe deze getoond wordt is afhankelijk van de browser. Zie screenshot 10. Hierdoor is niet goed te testen of deze wel altijd toegankelijk getoond wordt. Soms blijft een melding bijvoorbeeld maar heel kort in beeld of wordt deze in het Engels getoond. Zorg zelf voor een goede en toegankelijke cliënt validatie met duidelijke teksten over wat er fout gaat. Dus niet alleen ‘Dit veld is verplicht’, maar bijvoorbeeld ‘Het veld huisnummer is niet ingevuld, en dit is wel verplicht’.
3.3.2: Labels of instructies
Hele sample
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Uitkomst: Onvoldoende
Startpagina (Punten berekenen)
Er wordt niet aangegeven welke velden verplicht zijn (voor het invullen van het formulier). Dit kan onnodige foutmeldingen geven. Voor bezoekers die meer tijd nodig hebben voor het invullen van formulieren kan dit nog een extra belasting zijn. Geef daarom van tevoren aan welke velden verplicht zijn.
De velden hebben geen zichtbaar label. Een placeholder tekst is niet voldoende aangezien die niet altijd zichtbaar is. Voeg een label toe dat altijd zichtbaar blijft.
3.3.3: Foutsuggestie
Hele sample
Uitkomst: Niet van toepassing
Startpagina (Punten berekenen)
Uitkomst: Niet van toepassing
Startpagina (Punten berekenen)
Opmerking: wanneer de gegevens foutief worden ingevuld, krijg je geen resultaat (‘Er is geen data gevonden.’) Het zou behulpzaam zijn voor de gebruiker om bijvoorbeeld aan te geven dat een postcode niet goed is ingevuld of dat een huisnummer niet bestaat. Dan kan de gebruiker de invoer nog aanpassen.
