1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling. De evaluatie omvatte
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: WCAG-EM rapport Mijn Enschede
Opdrachtgever: Gemeente Enschede
Datum van toetsing: 26 augustus 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
De toegankelijkheidsaudit van de website Mijn Enschede, uitgevoerd volgens de WCAG 2.1-normen op niveau AA, heeft 19 bevindingen opgeleverd, verdeeld over 12 onderzochte samples. Hoewel er geen kritieke problemen zijn vastgesteld, zijn er drie hoog prioritaire en negen middel prioritaire kwesties die aandacht vereisen.
Hieronder vinden jullie een aantal verbeterpunten in aanvulling op de rest van het rapport. Per punt leggen we uit wat werkt en wat meer aandacht nodig heeft om volledig toegankelijk te zijn:
-
Er zijn er inconsistenties in de opmaak, zoals telefoonnummers in de footer die eruitzien als klikbare links, maar dat niet zijn. Ook zijn er elementen met onduidelijke namen of rollen, zoals de ‘screenreader only naam’ die niet duidelijk aangeeft wat er te zien is, dit valt onder het criteria 4.1.2 Naam Rol Waarde.
-
De gekozen kleuren leveren contrastproblemen op, voorbeelden hiervan zijn genoemd onder 1.4.3 “Contrast (minimum)” en 1.4.11 “Contrast van niet-tekstuele content”. De combinatie van de gekozen kleuren maakt de site soms onleesbaar voor mensen met een visuele beperking, maar ook andere gebruikers onder situationele omstandigheden zoals fel omgevingslicht.
-
Een ander probleem is het ontbreken van duidelijke suggesties voor verbetering bij foutmeldingen, zoals bij het invoeren van een e-mailadres. Verder zijn er verplichte invoervelden die niet duidelijk als zodanig zijn gemarkeerd, zowel in de tekst als in de code, zoals dit in de WCAG wordt genoemd onder het criteria Foutsuggestie 3.3.3.
Maken jullie nieuwe pagina’s aan?
Neem deze en andere verbeterpunten uit het rapport dan vooral mee. Sommige verbeterpunten gelden voor verschillende pagina’s. Let er daarom goed op bij het aanmaken van nieuwe pagina’s dat deze fouten niet worden herhaald. Dat zorgt voor tevreden gebruikers.
Aanvullende adviezen voor een toegankelijke en gebruiksvriendelijke website
Als laatste willen wij nog een paar punten uitlichten. Dit zijn geen eisen vanuit de WCAG 2.1 niveau AA, maar belangrijke adviezen om mee te nemen om de website toegankelijker en gebruiksvriendelijker te maken:
- Het is raadzaam om een alternatief voor de huidige CAPTCHA te implementeren dat minder afhankelijk is van cognitieve vaardigheden.
- Gebruik wanneer er tabellen zijn het liefst het
element
Gebruikte tools en technologie
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
Eigenschap Waarde Naam van het systeem Mijn Enschede URL http://acc-mijn.enschede.nl/ WCAG-versie WCAG 2.1 Conformiteitsniveau AA Scope van het onderzoek
Binnen scope: De pagina's onder http://acc-mijn.enschede.nl/ Buiten scope: Het DigiD systeem De productie omgevingen van domeinen van enschede (mijn.enschede/enschede/werkenbijenschede). https://dacceptatieloket.enschede.nl/
Used tools and technologies
Chrome (meest recente versie), Safari (meest recente versie), Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, Voice Over, Lighthouse, AXE devtools
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
13 Totaal aantal onderzochte pagina's-
Homepagina
-
Uitkeringen
-
Maandspecificaties
-
Jaaropgaven
-
Zoeken
-
Mijn profiel
-
Bewerk profiel
-
Contactformulier
-
Mijn vragen
-
Mijn vraag- status
-
Bijstand uitkering wijzigen
-
Alle onderzochte webpagina's
-
Registreren
5. Bevindingen
Bevindingen per WCAG-principe
19 Totaal aantal bevindingen0 Kritiek3 Hoog9 Gemiddeld7 LaagBevindingen (13)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
Huidige locatie visueel, maar niet programmatisch weergegeven
Beschrijving: Er wordt visueel getoond waar je je bevind op de website, maar dit is niet semantisch in de code verwerkt. Hierdoor is deze informatie niet toegankelijk via ondersteunende technologieën, zoals een schermlezer. Een mogelijk oplossing kan zijn om aria-current te gebruiken.
Locatie: Het is in de code niet duidelijk wat het huidige tabblad is.
Gekoppelde pagina's: Maandspecificaties, Jaaropgaven
Prioriteit: Hoog
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Dropdown selectie programmatisch niet goed opgemaakt
Beschrijving: Er is een uitklapbaar keuzemenu gevonden dat programmatisch niet goed is opgemaakt.
Locatie: Het dropdown element in de header is niet correct opgemaakt. Op dit moment is het een lijst met verschillende buttons. Dit werkt niet volgens de html conventies, zie https://www.w3.org/WAI/ARIA/apg/patterns/menubar/. Dit zorgt er ook voor dat dit menu bijvoorbeeld uitklapt tijdens het navigeren met een toetsenbord.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze tekst.
Gekoppelde pagina's: Mijn vragen, Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.3, 1.4.3
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze tekst.
Gekoppelde pagina's: Maandspecificaties, Jaaropgaven
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.3, 1.4.3
Uitkomst: Gefaald
Invoerveld met onvoldoende contrast
Beschrijving: Er is een invoerveld gevonden met een rand of achtergrondkleur, met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie: De rand van het zoekveld heeft een contrast van 1,7:1 met de rode achtergrond.
Gekoppelde pagina's: Zoeken
Prioriteit: Laag
WCAG Criteria: 1.4.11, 1.4.11
Uitkomst: Gefaald
Principe 2: Bedienbaar
Incorrecte omschrijving in label interactief element
Beschrijving: Het label komt niet of niet voldoende overeen met het doel van het interactieve element.
Locatie: De naam 'dyslexie' geeft niet duidelijk genoeg aan wat de functie is, namelijk: het veranderen van het lettertype.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.6, 2.4.6
Uitkomst: Gefaald
Principe 3: Begrijpelijk
Inconsistentie in opmaak
Beschrijving: Er is een element gevonden met een afwijkende opmaak/benaming ten opzichte van andere elementen op de website met dezelfde functionaliteit.
Locatie: Wanneer je de header in reflow ziet, is niet op dezelfde manier visueel aangegeven dat hier dropdown menu's zijn. Zie bijvoorbeeld het pijltje wat naar beneden wijst en aangeeft dat hierop geklikt kan worden.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 3.2.4
Uitkomst: Gefaald
Verplicht veld niet (voldoende) gemarkeerd in tekst
Beschrijving: De verplichte invoervelden zijn niet (voldoende) als verplicht gemarkeerd in tekst. Dit moet zowel in tekst als code terug te vinden zijn. Wanneer gebruik gemaakt wordt van een teken, dan moet het gebruik van dit teken ook duidelijk uitgelegd zijn.
Locatie: Het onderwerp wat geselecteerd moet worden is verplicht, maar dit komt niet duidelijk over.
Gekoppelde pagina's: Mijn vragen
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.2
Uitkomst: Gefaald
Verplicht veld niet (voldoende) gemarkeerd in tekst
Beschrijving: De verplichte invoervelden zijn niet (voldoende) als verplicht gemarkeerd in tekst. Dit moet zowel in tekst als code terug te vinden zijn. Wanneer gebruik gemaakt wordt van een teken, dan moet het gebruik van dit teken ook duidelijk uitgelegd zijn.
Locatie: Het email adres veld is verplicht, maar dit is niet te zien in de tekst of met een ander visueel middel.
Gekoppelde pagina's: Bewerk profiel
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.2
Uitkomst: Gefaald
Geen suggestie voor verbetering
Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer. Het verwachtte format wordt namelijk niet duidelijk weergegeven, waardoor het meerdere pogingen kan kosten de fout te corrigeren.
Locatie: Het is niet duidelijk welk format er verwacht wordt bij het e-mailadres.
Gekoppelde pagina's: Registreren, Bewerk profiel
Prioriteit: Hoog
WCAG Criteria: 3.3.3
Uitkomst: Gefaald
Browser gegenereerde foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie door de browser wordt gegenereerd. Deze techniek is niet voldoende ondersteund voor toegankelijkheid, omdat deze suggesties niet altijd duidelijk en behulpzaam zijn.
Locatie: Wanneer je niets invult bij het onderwerp.
Gekoppelde pagina's: Mijn vragen
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.3
Uitkomst: Gefaald
Principe 4: Robuust
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De 'screenreader only naam' geeft niet duidelijk genoeg aan wat er precies te zien is. Zo is de titel 'niet voltooid' bij het blauwe bolletje onduidelijk want deze stap is juist wel voltooid.
Gekoppelde pagina's: Mijn vraag- status, Bijstand uitkering wijzigen
Prioriteit: Hoog
WCAG Criteria: 4.1.2
Uitkomst: Gefaald
Laadstatus zonder (correct) bericht
Beschrijving: Er wordt gebruik gemaakt van een visuele indicatie, zoals een tekst of icoon, om aan te geven dat de pagina of een element aan het laden is, maar de daadwerkelijke status wordt niet goed doorgegeven aan schermlezers of andere hulpsoftware. Hierdoor weten schermlezergebruikers niet of er (nog) content aan het laden is. Er kan verwarring ontstaan omdat een actie geen gevolg lijkt te hebben, of de pagina ineens aanpast wanneer de content wel geladen is. Maak gebruik van een goed statusbericht zodat iedereen geïnformeerd wordt over de laadstatus en zorg ook dat het duidelijk is wanneer het voltooid is.
Locatie: Wanneer er gewacht moet worden op een handeling, geeft de laatstatus geen goed statusbericht. Dit kan vervelend zijn voor gebruikers zonder zicht, zeker als de internetsnelheid laag is.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 4.1.3
Uitkomst: Gefaald
Advies (6)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
Tabel programmatisch incorrect of afwezig
Beschrijving: Er is een element dat visueel en functioneel een tabel is, maar deze is in de code niet goed of niet als dusdanig opgemaakt. Dit leidt tot problemen bij het gebruik van hulpsoftware.
Locatie: De informatie met bijvoorbeeld de naam en achternaam is in een tabel opgemaakt, maar dit is niet in de correcte manier gedaan. Dit kan problemen opleveren en een toegankelijkere manier is om gebruik te maken van het
element.
Gekoppelde pagina's: Mijn profiel
Prioriteit: Laag
WCAG Criteria: 1.3.1, 1.3.1
Uitkomst: Advice
Principe 2: Bedienbaar
Ontwerp een aangepaste focusindicator
Beschrijving: De standaard focusindicator van de browser heeft niet genoeg contrast met de elementen op de webpagina, waardoor deze niet altijd goed zichtbaar is, met name voor mensen met een visuele beperking. Het advies is om een eigen focusindicator te maken en deze te testen met alle elementen op contrast, zodat deze beter waarneembaar is.
Locatie:
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 2.4.7
Uitkomst: Advice
Principe 3: Begrijpelijk
Inconsistentie in opmaak
Beschrijving: Er is een element gevonden met een afwijkende opmaak/benaming ten opzichte van andere elementen op de website met dezelfde functionaliteit.
Locatie: De telefoon nummers in de footer zien eruit alsof ze klikbaar zijn, dit omdat de klilkbare elementen in de footer allemaal dezelfde opmaak hebben. Echter zijn de telefoon nummers geen linkjes.
Gekoppelde pagina's: Homepagina
Prioriteit: Laag
WCAG Criteria: 3.2.4
Uitkomst: Advice
Vermijd persistent placeholders
Beschrijving: Er is een persistent placeholder gevonden. De placeholder dient als een label voor het invoerveld. Dit label verdwijnt wanneer het veld invoer krijgt en wordt weer weergeven wanneer de invoer is verwijderd. Doordat er niet altijd een visueel label zichtbaar is bij het invoerveld, kan dit problemen opleveren voor bijvoorbeeld mensen met een cognitieve beperking.
Locatie: In het zoekveld
Gekoppelde pagina's: Zoeken
Prioriteit: Laag
WCAG Criteria: 3.3.2
Uitkomst: Advice
CAPTCHA afhankelijk van cognitieve vaardigheden
Beschrijving: Er is een CAPTCHA gevonden die voor de oplossing ervan sterk afhankelijk is van de cognitieve vaardigheden van de gebruiker, zoals het herkennen van bepaalde items, overtypen van letters of oplossen van rekensommen. Zorg dat mogelijke beveiligingsproblemen technisch worden opgelost en niet door de gebruiker zelf moeten worden opgelost.
Locatie: Geef een alternatief voor de captcha die afhankelijk is van rekenen.
Gekoppelde pagina's: Contactformulier
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.8
Uitkomst: Advice
6. Samenvatting
Resultaat van toetsing
Status WCAG Criteria Percentage Geslaagd 41 82.0% Gefaald 9 18.0% Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 3 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 9 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 7 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.