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
11 augustus 2026
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 48 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 er niet enkel kleur wordt gebruikt om betekenis over te brengen, dat invoervelden duidelijke labels hebben dat er een consistente identificatie aanwezig is.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Missende alternatieve teksten bij afbeeldingen
Niet alle functionaliteit is bereikbaar bij inzoomen
Te laag contrast van tekst op knoppen en links
Scope van de evaluatie
Website naam
almereconnect.almere.nl
Scope van de website
Alle pagina's op https://almereconnect.almere.nl/.
Niet de pagina's op https://documentation.cryptshare.com/w/CSSCurrent_en:User_Manual.
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.
33Voldoende
7Onvoldoende
15Niet 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:
Bovenaan in de applicatie staat het logo van de gemeente Almere. Deze afbeelding heeft geen alternatieve tekst. De afbeelding is geplaatst met CSS, wat bedoeld is voor styling. Beter is het om een logo als img-element in de HTML te plaatsen, zodat deze beschreven kan worden in het alt-attribuut. Ditzelfde geldt voor het logo van Cryptshare in de footer.
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: Voldoende
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
Verzenden (proces)
Uitkomst: Onvoldoende
Verzenden (proces)
In het formulier onder ‘Uw contactgegevens’ hebben de invoervelden 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
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 knop om naar de volgende stap te gaan (wit/turkoois, 2.98:1). Deze combinatie komt op veel plekken binnen de applicatie voor, en ook turkoois met een lichtgele achtergrond (voorbeeldweergave van de email).
De knop om naar de vorige stap te gaan (wit/grijs, 2.14:1).
Toggle buttons (switches) die aan staan, zoals de CC en de ingevulde e-mailadressen (wit/grijs, 2.1:1). Ook deze combinatie komt op veel plekken voor.
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
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.)
Vanaf 175% ingezoomd en verder is de link naar de vorige stap niet meer zichtbaar. In de laatste stap is ook de link naar de voorbeeldweergave verborgen. Zie screenshot 1 (100%) en 2 (175%).
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample
Uitkomst: Onvoldoende
Downloaden (proces)
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.
Downloaden (proces)
Op 400% zoom lopen de teksten wat door elkaar. Zie screenshot 3. (Getest bij 1280px breed).
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
2.4.2: Paginatitel
Hele sample
Uitkomst: Onvoldoende
Downloaden (proces)
Uitkomst: Onvoldoende
Downloaden (proces)
De pagina om bestanden te downloaden heeft als paginatitel ‘Content verzenden’. Dit is verwarrend wanneer je de juiste tab window probeert terug te vinden. Aangeraden wordt om deze ‘Bestanden downloaden’ te noemen, zodat het overeenkomt met de link in de email van de ontvanger.
2.4.3: Focus volgorde
Hele sample
Uitkomst: Voldoende
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: Voldoende
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 van de gemeente Almere heeft een andere toegankelijke naam dan wat er zichtbaar is. De toegankelijke naam is ‘Starten’, maar zichtbaar is ‘Gemeente Almere’. Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam altijd minstens de zichtbare tekst bevat. Aangeraden wordt om de zichtbare naam aan het begin van de toegankelijke naam te zetten. (Dus eventueel: ‘Gemeente Almere - Starten’.)
2.5.4: Bewegingsactivering
Hele sample
Uitkomst: Niet van toepassing
2.5.7: Dragging Movements
Hele sample
Uitkomst: Voldoende
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: Voldoende
3.1.2: Taal van onderdelen
Hele sample
Uitkomst: Niet van toepassing
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: Voldoende
3.3.2: Labels of instructies
Hele sample
Uitkomst: Voldoende
Startpagina
Uitkomst: Voldoende
Verzenden (proces)
Uitkomst: Voldoende
Startpagina
Opmerking: in de omschrijving staat ‘Klik op de knop 'Verstrekken' om de data te verzenden.’ Het is echter een link (geen knop) met de naam ‘Verzenden’. Voor gebruikers van hulpsoftware kan dit verwarrend zijn omdat ze naar een ander onderdeel kunnen gaan zoeken. Zorg dat de benaming consistent is.
Verzenden (proces)
Opmerking: Bij het aanmaken van een wachtwoord staan 2 tekstjes (‘123’ en ‘Min. 10’). Dit zijn div-elementen met langere uitleg in het ‘title’-attribuut en een ‘aria-label’-attribuut. Doordat het element geen duidelijke rol heeft, is dit mogelijk niet voor iedereen beschikbaar. Beter is het om deze uitleg direct als tekst bij de invoervelden te zetten.
3.3.3: Foutsuggestie
Hele sample
Uitkomst: Voldoende
Verzenden (proces)
Uitkomst: Voldoende
Verzenden (proces)
Opmerking: Bij de contactgegevens wordt geen specifiek format gevraagd voor telefoonnummer en e-mailadres, maar bij het invoeren van een verkeerd e-mailadres komen er tegenstrijdige teksten in beeld. Zie screenshot 4.
