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.
Dit onderzoek richt zich specifiek op de content van de website. We onderzoeken hoe goed tekstuele inhoud, media‑elementen en de informatiestructuur voldoen aan de WCAG‑richtlijnen die van toepassing zijn op het creëren en presenteren van content.
Onze content‑gerichte aanpak evalueert toegankelijkheidsbarrières die invloed hebben op hoe gebruikers informatie consumeren en begrijpen, waaronder problemen met koppen, tekstalternatieven, taalgebruik en content‑structuur. Technische vereisten worden in dit rapport geclassificeerd als “Niet van toepassing”.
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: mijnafvalwijzer.nl
Opdrachtgever: Gemeente Midden-Groningen
Datum van toetsing: 4 december 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit voor mijnafvalwijzer.nl is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Deze audit heeft 24 bevindingen opgeleverd, variërend van hoog tot laag prioriteit, die essentieel zijn voor het verbeteren van de toegankelijkheid van de website volgens de WCAG 2.1-normen op niveau AA.
De bevindingen met de hoogste prioriteit zijn onder andere de menu knop in de header bij mobiele weergave die geen naam heeft, wat het moeilijk maakt voor gebruikers van schermlezers om deze te begrijpen en te gebruiken. Ook zijn er foutmeldingen die niet accuraat zijn, wat kan leiden tot verwarring voor gebruikers.
Om de toegankelijkheid van mijnafvalwijzer.nl te verbeteren, wordt geadviseerd om de hoogste prioriteit te geven aan het toevoegen van namen aan knoppen. Daarnaast is het belangrijk om foutmeldingen te verbeteren en ervoor te zorgen dat alle content die voor gebruikers van hulpmiddelen zichtbaar is, ook daadwerkelijk zichtbaar is voor alle gebruikers. Door deze aanpassingen te implementeren, kan de website een betere gebruikerservaring bieden aan alle bezoekers, inclusief diegenen met beperkingen.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | mijnafvalwijzer.nl |
| URL | https://www.mijnafvalwijzer.nl/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Binnen scope: * Alle pagina onder https://www.mijnafvalwijzer.nl/
Gebruikte tools en technologie
Stylus Chrome Extensie, Axe DevTools, Resize Window Chrome extensie, Color contrast Analyzer, HeadingsMap, Voice Over, Chrome versie 142, Safari versie 18.6
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Login
-
Privacy Statement
-
Startpagina
-
Veelgestelde vragen
-
Gemeente info
-
Inkomende berichten
-
Alle onderzochte webpagina's
-
Privacy Statement (zonder in te loggen)
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (16)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De afbeelding van de afvalwagen heeft een alt-tekst, terwijl deze afbeelding als decoratief opgemaakt zou moeten worden.
Gekoppelde pagina's: Startpagina, Login
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De afvalsoorten iconen zijn niet opgemaakt als decoratief. Op veel plekken staat het icoon en daarachter tekstueel ook de afvalsoort weergeven, hierdoor kan het icoon als decoratief worden opgemaakt.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Lijst niet (voldoende) programmatisch opgemaakt
Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie: De lijst in het menu is niet goed programmatisch opgemaakt als lijst. De lijst-items (li-elementen) hebben namelijk geen parent-element, zoals een ul-element of een ol-element
Gekoppelde pagina's: Privacy Statement, Veelgestelde vragen, Gemeente info, Inkomende berichten, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: Alle onderdelen in het menu worden voorgelezen, ook als het menu is ingeklapt en dus deze onderdelen niet zichtbaar zijn.
Gekoppelde pagina's: Gemeente info, Privacy Statement, Inkomende berichten, Veelgestelde vragen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: Er zijn onderdelen na de knop ‘‘Naar inlogpagina’’ in de header welke worden voorgelezen, maar niet zichtbaar zijn. Dit gaat bijvoorbeeld om een uitloggen-knop.
Gekoppelde pagina's: Privacy Statement (zonder in te loggen)
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Geen betekenisvolle volgorde
Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.
Locatie: Na het invullen van de invoervelden komt het adres onder/na de knop “Inloggen” te staan. Met gebruik van een schermlezer is de kans groot dat deze tekst wordt overgeslagen.
Gekoppelde pagina's: Login
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze tekst heeft niet altijd voldoende contrast met de paarse achtergrond.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.10
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Er valt een deel van de banner weg in reflow, hierdoor is het niet volledig zichtbaar wanneer het eerstvolgende ophaalmoment is.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: In reflow worden alle elementen in het jaaroverzicht weergeven, dus niet alleen de onderdelen die zichtbaar zouden moeten zijn per maand.
Gekoppelde pagina's: Startpagina
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.11
Focusindicator met onvoldoende contrast
Beschrijving: Wanneer het element focus krijgt, is het contrast tussen de focusindicator en de omliggende kleuren niet voldoende. Dit moet 3,0:1 zijn. Hierdoor kan dit makkelijk gemist worden en is het niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of personen die slechtziend zijn. Het is belangrijk een goed zichtbare focusindicator te gebruiken. Een voorbeeld van een focusindicator die op verschillende achtergrondkleuren goed zichtbaar is, is te vinden op de volgende site: https://www.erikkroes.nl/blog/the-universal-focus-state/ .
Locatie: De focusindicator is niet voldoende zichtbaar bij de selectievakken.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Icoon met onvoldoende contrast
Beschrijving: Er is een icoon gevonden met onvoldoende contrast met naastgelegen kleuren. De contrastverhouding moet minimaal 3:1 zijn voor iconen.
Locatie: De iconen van de afvalsoorten bij de Afvalkaart hebben onvoldoende contrast. Het wit met bijvoorbeeld de oranje of gele achtergrond is hebben niet voldoende contrast. Op andere plekken op deze pagina hebben de afval-iconen ook een zichtbare tekst, waardoor dat voldoende is. Bij de kaart is dat niet het geval. Daarnaast hebben alle iconen onvoldoende contrast wanneer ze inactief zijn, hierdoor is niet goed zichtbaar waar deze knoppen zijn.
Gekoppelde pagina's: Startpagina
Prioriteit: Laag
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 invoerveld heeft onvoldoende contrast met de omliggende kleuren (1,5:1).
Gekoppelde pagina's: Login
Prioriteit: Laag
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.4.4
Link is afbeelding zonder alt
Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.
Locatie: Het logo in de header heeft geen goede alt-tekst.
Gekoppelde pagina's: Privacy Statement (zonder in te loggen)
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Link is niet programmatisch in context
Beschrijving: Er is een link waarbij het doel van de link niet voldoende duidelijk is uit de linktekst alleen of uit wat programmatisch vastgesteld kan worden als context. Het linkdoel moet tenminste duidelijk zijn genoemd in dezelfde paragraaf, lijst, cel van de tabel, of tabelkop die aan de tabelcel gekoppeld is.
Locatie: De link “downloaden pdf”.
Gekoppelde pagina's: Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.3.1
Foutmelding niet accuraat
Beschrijving: De gegeven foutmelding komt niet (voldoende) overeen met de actuele fout.
Locatie: De foutmelding “Huisnummer is verplicht en dient enkel uit cijfers te bestaan”, wanneer er maar 1 cijfer wordt ingevuld in het postcode invoerveld. De postcode heeft dus geen goede foutmelding wanneer deze onjuist wordt ingevuld.
Gekoppelde pagina's: Login
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De menu-knop in de header bij mobiele weergave heeft geen naam.
Gekoppelde pagina's: Privacy Statement, Veelgestelde vragen, Inkomende berichten, Startpagina, Gemeente info
Prioriteit: Hoog
Uitkomst: Gefaald
Advies (7)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.3.1
Tab niet goed programmatisch opgemaakt
Beschrijving: Er is een tab gevonden, die niet goed programmatisch is opgemaakt. Lees hier meer informatie over toegankelijke tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.
Locatie: De knoppen onder de kop ‘‘Jaaroverzicht’’ zijn eigenlijk tabs, maar niet programmatisch opgemaakt als tab.
Gekoppelde pagina's: Startpagina
Prioriteit: Laag
Uitkomst: Advies
Maak tekstuele links werkend
Beschrijving: Er zijn links in de tekst gevonden die niet opgemaakt zijn als link, hierdoor zijn ze niet aanklikbaar met de muis en ook niet bedienbaar via het toetsenbord. Dit is verwarrend voor gebruikers, met name schermlezergebruikers of mensen met een cognitieve beperking, omdat de verwachting is dat je een link direct kunt aanklikken en niet nog los hoeft te selecteren en kopiëren.
Locatie: Er staan links in de tekst die niet als link zijn opgemaakt.
Gekoppelde pagina's: Inkomende berichten
Prioriteit: Laag
Uitkomst: Advies
Sla geen kopniveaus over
Beschrijving: Het overslaan van kopniveaus kan verwarrend zijn en moet waar mogelijk worden vermeden, omdat het voor schermlezergebruikers effect kan hebben op de betekenis van onderdelen. Zorg er bijvoorbeeld voor dan een h1 niet direct wordt opgevolgd door een h4.
Locatie: De kop ‘‘Privacy Statement’’ is opgemaakt als een h1 (Privacy Statement-pagina). De koppen die daar direct onder vallen zoals ‘‘1. Persoonsgegevens die wij verwerken’’ is opgemaakt als een h3. Kopniveau 2 wordt dus overgeslagen. Dat kopniveau 2 wordt overgeslagen komt op meerdere pagina’s voor.
Gekoppelde pagina's: Privacy Statement, Inkomende berichten, Veelgestelde vragen, Gemeente info
Prioriteit: Laag
Uitkomst: Advies
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De placeholder teksten hebben onvoldoende contrast met de achtergrond van het invoerveld (2,3:1).
Gekoppelde pagina's: Login
Prioriteit: Laag
Uitkomst: Advies
WCAG 1.4.10
De webpagina past zich niet aan het viewport van een gebruiker aan.
Beschrijving: De pagina past zich niet aan het scherm van de gebruiker aan, wat het moeilijk maakt om de pagina te bekijken voor mensen die sterk moeten inzoomen en mensen die de website bekijken op mobiele telefoons of tablets.
Locatie: Door de link schaalt de webpagina niet goed mee aan de viewport.
Gekoppelde pagina's: Privacy Statement (zonder in te loggen)
Prioriteit: Gemiddeld
Uitkomst: Advies
Principe 2: Bedienbaar
WCAG 2.4.2
Plaats unieke informatie vooraan in de titel
Beschrijving: Het is raadzaam om de unieke informatie in de titel vóór de sitenaam te plaatsen.
Locatie: De paginatitel is nu opgesteld als bijvoorbeeld ‘‘De Afvalwijzer - Inloggen’’. Het is fijner voor schermlezergebruikers als de unieke informatie van een paginatitel vooraan staat zodat zij dat als eerste horen, dus bijvoorbeeld ‘‘Inloggen - De Afvalwijzer’’.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
Uitkomst: Advies
Principe 4: Robuust
WCAG 4.1.2
Element met verkeerde rol en waarde
Beschrijving: Er is een gebruikersinterface component gevonden zonder rol en of juiste waarde.
Locatie: Wanneer de gebruiker zich bevindt op een andere pagina dan de Startpagina werken de links in het navigatiemenu niet die linken naar een onderdeel op de Startpagina. Bijvoorbeeld de links Jaaroverzicht, Notificaties, etc.
Gekoppelde pagina's: Privacy Statement, Inkomende berichten, Gemeente info, Veelgestelde vragen
Prioriteit: Gemiddeld
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 21 | 70.0% |
| Gefaald | 9 | 30.0% |
| Niet van toepassing | 20 | - |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 1 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 14 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 8 - 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.