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: Afvalwijzer Android App
Opdrachtgever: Gemeente Midden-Groningen
Datum van toetsing: 24 december 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit voor de Afvalwijzer Android App is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Deze audit heeft belangrijke inzichten opgeleverd die kunnen helpen om de app toegankelijker te maken voor mensen met verschillende soorten beperkingen.
De bevindingen met de hoogste prioriteit zijn onder andere het ontbreken van een duidelijke relatie tussen vragen en antwoorden voor schermlezergebruikers, wat de begrijpelijkheid van de inhoud vermindert. Daarnaast wordt gegroepeerde inhoud niet altijd in een logische volgorde voorgelezen, wat de navigatie bemoeilijkt. Ook zijn er knoppen gevonden waarvan de labels niet overeenkomen met de zichtbare namen, wat verwarring kan veroorzaken. Ten slotte zijn er interactieve elementen die niet duidelijk aangeven dat ze interactief zijn, wat het gebruik voor schermlezergebruikers moeilijker maakt.
Om de toegankelijkheid van de Afvalwijzer Android App te verbeteren, wordt geadviseerd om de relatie tussen vragen en antwoorden duidelijker te maken in de code, zodat schermlezers deze correct kunnen voorgelezen krijgen. Daarnaast moet gegroepeerde inhoud in een logische volgorde worden voorgelezen. Knoppen moeten een duidelijk en overeenkomend label hebben, en interactieve elementen moeten duidelijk aangeven dat ze interactief zijn. Verder is het belangrijk om afbeeldingen een passende alternatieve tekst te geven en ervoor te zorgen dat de contrastverhoudingen voldoen aan de WCAG-richtlijnen. Door deze aanpassingen te implementeren, kan de app toegankelijker en gebruiksvriendelijker worden voor alle gebruikers.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | Afvalwijzer Android App |
| URL | https://play.google.com/store/apps/details?id=nl.addcomm.afvalwijzer |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Alle schermen van de Afvalwijzer Android app.
Gebruikte tools en technologie
Color contrast Analyzer, TalkBalk, Accessibility Scanner
Aanvullende vereisten
Getest op een Samsung A53
3. Verkenning
4. Steekproef
-
Homescreen
-
Afvalkaart
-
Kalender
-
Menu
-
Notificaties
-
Plastic
-
Nieuws - Bladeren, niet alleen maar afval en goed voor uw tuin.
-
Nieuws
-
Menu - Veelgestelde vragen
-
Menu - Taal
-
Menu - Notificaties
-
Menu - Mijn adres
-
Menu - Gemeente informatie
-
Inloggen
-
Alle onderzochte schermen
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (30)
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 naam van de afvalsoort is niet goed uitgeschreven, zo leest een schermlezer ‘‘Afvalsoort {type}, Afvalmelding voor {type}, etc.’’ voor.
Gekoppelde pagina's: Menu - Notificaties
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding zonder tekstueel alternatief
Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.
Locatie: Het logo van de Afvalwijzer heeft geen alternatieve tekst.
Gekoppelde pagina's: Inloggen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kaart heeft toegankelijk alternatief nodig
Beschrijving: Er wordt gebruik gemaakt van een kaart, waarvan de content ook gepresenteerd kan worden met behulp van een toegankelijk alternatief, voor bijvoorbeeld gebruikers van een schermlezer of gebruikers die andere belemmeringen ervaren om de kaart goed te kunnen begrijpen. Het zou beter zijn om naast de kaart ook een dergelijk alternatief te bieden, met duidelijke instructies waar deze te vinden is voor de gebruiker.
Locatie: De kaart is niet toegankelijk voor bijvoorbeeld schermlezergebruikers. Denk na over een toegankelijk alternatief zoals een lijst met adressen waar deze afval kan worden gescheiden.
Gekoppelde pagina's: Afvalkaart
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 schermlezer leest bij elke melding voor ‘‘Melding, {status},Melding item, Melding {title}, Melding {icoon}’’ (notificaties scherm). Het icoon is dus niet opgemaakt als decoratief, daarnaast worden dus meerdere onderdelen voorgelezen door een schermlezer die overbodig zijn. Dit gebeurt ook op de Homescreen onder de kop Scheidingsinformatie.
Gekoppelde pagina's: Homescreen, Notificaties
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 afbeelding bij het nieuwsbericht is niet opgemaakt als decoratief.
Gekoppelde pagina's: Homescreen, Nieuws - Bladeren, niet alleen maar afval en goed voor uw tuin., Nieuws
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 iconen van de soorten afval zijn niet opgemaakt als decoratief. Omdat de naam van de afvalsoort ook ernaast voluit is geschreven, kan de afbeelding als decoratief worden opgemaakt.
Gekoppelde pagina's: Menu - Notificaties, Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Missende of onduidelijke relatie
Beschrijving: Er is een visuele relatie tussen twee componenten gevonden op de pagina. Deze relatie is niet in de tekst en niet in de code aanwezig.
Locatie: Met een schermlezer is de relatie tussen de vraag en het antwoord niet duidelijk. De vragen en antwoorden worden allemaal achter elkaar voorgelezen, de relatie is niet duidelijk hierdoor.
Gekoppelde pagina's: Menu - Veelgestelde vragen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Semantische en visuele opmaak komen niet overeen
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Er wordt extra informatie gegeven bij de nieuwsberichten door een schermlezer die niet zichtbaar is voor een gebruiker, zoals ‘‘Gepubliceerd op {date}’’, de informatie {date} zou ingevuld moeten zijn.
Gekoppelde pagina's: Nieuws
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De koppen ‘‘Download de app’’ en ‘‘Meer informatie over uw gemeente nodig?’’ zijn niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Menu - Gemeente informatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De kop Mijn adres is niet opgemaakt als kop.
Gekoppelde pagina's: Menu - Mijn adres
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De kop ‘‘Waarvoor wil je notificaties ontvangen?’’ is niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Menu - Notificaties
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Dropdown selectie programmatisch niet goed opgemaakt
Beschrijving: Er is een uitklapbaar keuzemenu gevonden dat programmatisch niet goed is opgemaakt.
Locatie: De dropdownselectie is niet goed programmatisch opgemaakt. Zo hoort een schermlezergebruiker bijvoorbeeld niet of de dropdownlijst in- of uitgeklapt is.
Gekoppelde pagina's: Menu - Taal
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De kop ‘‘Kies je taal’’ is niet opgemaakt als kop.
Gekoppelde pagina's: Menu - Taal
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De koppen zoals ‘‘Wat mag in de PMD-zak?’’ en ‘‘Wat gebeurt er met het afval?’’ zijn niet programmatisch opgemaakt als kop.
Gekoppelde pagina's: Plastic
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De vragen zoals ‘‘Kan ik de afvalkalender ook downloaden?’’ en ‘‘Android app uitloggen?’’ zijn niet opgemaakt als kop.
Gekoppelde pagina's: Menu - Veelgestelde vragen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De koppen Instellingen en Algemene informatie zijn niet opgemaakt als kop.
Gekoppelde pagina's: Menu
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Semantische en visuele opmaak komen niet overeen
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Er wordt extra informatie gegeven bij knoppen onder de kop scheidingsinformatie door een schermlezer die niet zichtbaar is voor een gebruiker, zoals ‘‘Tik om details te bekijken van {title}, Pictogram van {title}, etc.’’.
Gekoppelde pagina's: Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Gegroepeerde inhoud wordt niet in een logische volgorde voorgelezen
Beschrijving: Er is inhoud die visueel wordt weergegeven in een groep of op een kaart. De schermlezer leest deze gegroepeerde inhoud niet in een logische volgorde voor.
Locatie: Het antwoord op “Kan ik de afvalwijzer ook downloaden” wordt los voorgelezen van de vraag. Dit wordt pas voorgelezen na alle andere antwoorden.
Gekoppelde pagina's: Menu - Veelgestelde vragen
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 1.4.1
Focus enkel aangegeven met verschil in kleur
Beschrijving: Wanneer het element focus krijgt, verandert alleen de kleur van het element, zoals de kleur van de tekst, achtergrond- en/of randkleur. Het verschil in de gebruikte kleuren is echter niet contrasterend genoeg, waardoor dit makkelijk gemist kan worden Het is daarnaast niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of die slechtziend zijn. Het zou duidelijker zijn wanneer er ook een andere indicatie is om focus waar te nemen, zoals genoeg contrast, een onderlijning of (bij voorkeur) een goed zichtbare omlijning van het element dat focus heeft (focusbox).
Locatie: De focus bij de Uitloggen-knop wordt alleen weergeven door een kleurverandering van wit naar grijs.
Gekoppelde pagina's: Menu - Mijn adres
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Focus enkel aangegeven met verschil in kleur
Beschrijving: Wanneer het element focus krijgt, verandert alleen de kleur van het element, zoals de kleur van de tekst, achtergrond- en/of randkleur. Het verschil in de gebruikte kleuren is echter niet contrasterend genoeg, waardoor dit makkelijk gemist kan worden Het is daarnaast niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of die slechtziend zijn. Het zou duidelijker zijn wanneer er ook een andere indicatie is om focus waar te nemen, zoals genoeg contrast, een onderlijning of (bij voorkeur) een goed zichtbare omlijning van het element dat focus heeft (focusbox).
Locatie: De soorten afval kunnen focus krijgen. De focus wordt weergeven door een grijze kleur in plaats van de witte achtergrond. Hierdoor wordt de focus alleen door kleur weergeven.
Gekoppelde pagina's: Kalender, Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.11
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: Het witte invoerveld heeft onvoldoende contrast met de lichtgrijze omliggende kleur.
Gekoppelde pagina's: Inloggen
Prioriteit: Laag
Uitkomst: Gefaald
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: Op veel plekken heeft de focusindicator onvoldoende contrast. Bijvoorbeeld de focusindicator bij de knoppen Bekijk maandkalender en Bekijk meer nieuws hebben onvoldoende contrast op de Homescreen.
Gekoppelde pagina's: Alle onderzochte schermen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
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 in de header heeft onvoldoende contrast. Dit gebeurt ook bij de navigatie tabbar op het Homescreen.
Gekoppelde pagina's: Alle onderzochte schermen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.5.3
Label knop niet in naam
Beschrijving: Er is knop gevonden met een zichtbare labeltekst die niet overeenkomt met de toegankelijke naam.
Locatie: De nieuwsartikelen zijn knoppen waarbij de naam van de knop niet gelijk is de zichtbare naam. Zo worden alle nieuwsartikelen voorgelezen als ‘‘Content kaart, knop’’.
Gekoppelde pagina's: Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.3.3
Onvoldoende suggestie voor verbetering bij foutmelding
Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer.
Locatie: Wanneer bijvoorbeeld de postcode niet goed wordt ingevuld, of wanneer het formulier wordt ingezonden, terwijl het adres zich niet in midden-groningen bevindt (“Authenticatie mislukt!”).
Gekoppelde pagina's: Inloggen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
App: Interactief element informeert de gebruiker niet dat het interactief is.
Beschrijving: Er is een interactief element dat niet aangeeft aan schermlezers of braille-uitvoergebruikers dat het interactief is. Dit kan een toggle, switch of knop zijn. Zorg ervoor dat alle elementen een juiste naam, rol en waarde hebben, zodat gebruikers begrijpen hoe ze dit element moeten gebruiken.
Locatie: De individuele dagen in de kalender kunnen niet worden geselecteerd.
Gekoppelde pagina's: Kalender
Prioriteit: Gemiddeld
Uitkomst: Gefaald
App: Interactief element informeert de gebruiker niet dat het interactief is.
Beschrijving: Er is een interactief element dat niet aangeeft aan schermlezers of braille-uitvoergebruikers dat het interactief is. Dit kan een toggle, switch of knop zijn. Zorg ervoor dat alle elementen een juiste naam, rol en waarde hebben, zodat gebruikers begrijpen hoe ze dit element moeten gebruiken.
Locatie: Er wordt niet bij de knoppen onder de kop ‘‘Volgende ophaalmomenten’’ gecommuniceerd met een schermlezer dat ze interactief zijn. De knoppen lijken allemaal gegroepeerd, waardoor er wel genoemd wordt dat er een knop is, maar alleen de eerste (papier) aanklikbaar is.
Gekoppelde pagina's: Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De terug-knop in de header heeft geen naam.
Gekoppelde pagina's: Menu - Veelgestelde vragen, Menu - Gemeente informatie, Menu - Mijn adres, Menu - Notificaties, Menu - Taal, Menu
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De notificaties-knop in de header heeft geen naam.
Gekoppelde pagina's: Alle onderzochte schermen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De Notificaties knop rechtsboven op het Homescreen heeft geen naam.
Gekoppelde pagina's: Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (1)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
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: Het contrast van bijvoorbeeld ‘‘Rest’’ in de kalender heeft onvoldoende contrast. Wel is verder op het scherm een tekst gevonden welke het soort afval en datum ook communiceert met wel voldoende contrast, maar niet van alle ophaalmomenten is een alternatief met voldoende contrast.
Gekoppelde pagina's: Kalender
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 19 | 70.4% |
| Gefaald | 8 | 29.6% |
| Niet van toepassing | 7 | - |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 1 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 28 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 2 - 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.