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 iOS 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 iOS-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 omvatten onder andere het niet overeenstemmen van semantische en visuele opmaak, waardoor gebruikers van hulpmiddelen zoals schermlezers verwarrende informatie kunnen ontvangen. Daarnaast zijn er teksten en invoervelden gevonden met onvoldoende contrast, wat het lezen en gebruiken van de app bemoeilijkt. Ook zijn er interactieve elementen die niet duidelijk aangeven dat ze interactief zijn, en knoppen waarvan de naam niet overeenkomt met de zichtbare tekst. Verder ontbreken suggesties voor verbetering bij foutmeldingen, en zijn er afbeeldingen zonder alternatieve tekst.
Om de toegankelijkheid van de Afvalwijzer iOS-app te verbeteren, wordt geadviseerd om de semantische en visuele opmaak overeen te laten komen, zodat alle gebruikers, inclusief die van hulpmiddelen, dezelfde informatie ontvangen. Zorg voor voldoende contrast bij teksten en invoervelden om de leesbaarheid te verbeteren. Markeer interactieve elementen duidelijk als zodanig en zorg ervoor dat de namen van knoppen overeenkomen met de zichtbare tekst. Voeg suggesties toe bij foutmeldingen om gebruikers te helpen hun input te verbeteren, en voeg alternatieve tekst toe aan afbeeldingen. Ten slotte is het belangrijk om koppen programmatisch op te maken en de huidige locatie op de website ook programmatisch weer te geven. Door deze aanbevelingen op te volgen, kan de Afvalwijzer iOS-app een inclusievere en gebruiksvriendelijkere ervaring bieden aan alle gebruikers.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | Afvalwijzer iOS App |
| URL | https://apps.apple.com/nl/app/afvalwijzer/id479597294 |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Alle schermen van de Afvalwijzer iOS app.
Gebruikte tools en technologie
Voice Over, Color contrast Analyzer
Aanvullende vereisten
Getest op een IPhone 15
3. Verkenning
4. Steekproef
-
Homescreen
-
Inloggen
-
Afvalkaart
-
Kalender
-
Menu
-
Notificaties
-
Plastic
-
Nieuws
-
Nieuws - Afvalkalender 2026 staat online
-
Menu - Veelgestelde vragen
-
Menu - Taal
-
Menu - Notificaties
-
Menu - Mijn adres
-
Menu - Informatie van uw gemeente
-
Alle onderzochte schermen
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (23)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
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
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
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: Notificaties
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 wat deze afval kan worden gescheiden.
Gekoppelde pagina's: Afvalkaart
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding op kaart in overzicht niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden als onderdeel van een kaart in een overzicht, die niet te negeren is door hulptechnologie. Dit kan waarschijnlijk opgelost worden door een leeg alt-attribuut toe te voegen.
Locatie: De afbeelding bij het nieuwsbericht is niet opgemaakt als decoratief.
Gekoppelde pagina's: Nieuws - Afvalkalender 2026 staat online, Homescreen, Nieuws
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
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
Huidige locatie visueel, maar niet programmatisch weergegeven
Beschrijving: Er wordt visueel getoond waar je je bevindt 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 mogelijke oplossing kan zijn om aria-current te gebruiken.
Locatie: Wanneer er geselecteerd kan worden wanneer iemand de notificatie wilt ontvangen, kan er worden gekozen uit “Dezelfde dag”, of “Dag ervoor”. Zorg dat er programmatisch wordt aangegeven welke optie er op dat moment geselecteerd is.
Gekoppelde pagina's: Menu - Notificaties
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 - Informatie van uw gemeente
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
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: 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
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 een 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 vraag ‘‘Kan ik de afvalkalender ook downloaden?’’ is 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 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 koppen Instellingen en Algemene informatie zijn niet opgemaakt als kop.
Gekoppelde pagina's: Menu
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: 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: 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
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
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: 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
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
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.
Gekoppelde pagina's: Homescreen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 20 | 74.1% |
| Gefaald | 7 | 25.9% |
| Niet van toepassing | 7 | - |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 0 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 21 - 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.