Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Geniet van 't Goede

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Geniet van 't Goede
Datum 28 augustus 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 22

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Het logo van de Postcodeloterij in de header op iedere pagina heeft als alt-tekst "home". Dit is niet voldoende beschrijvend, het moet duidelijk zijn dat het gaat om het logo van de Nationale Postcodeloterij. Aangezien het logo in een link staat moet ook het linkdoel eruit blijken, teruggaan naar de homepagina. Pas de alt-tekst aan.

Bevinding 2: Op https://at.genietvantgoede.nl/ heeft het blok "Activeer uw cadeaukaart) een grote achtergrondafbeelding. Deze afbeelding heeft geen alt-attribuut, wat verplicht is bij alle afbeeldingen. Voeg dit attribuut toe. Het is een decoratieve afbeelding, dus er hoeft geen alt-tekst opgegeven te worden. Dit komt ook voor op andere pagina's met een grote achtergrondafbeelding.

Bevinding 3: De afbeelding bij de kop "2 maaltijden voor 15 euro" op https://at.genietvantgoede.nl/ heeft geen alt-tekst, maar omdat de afbeelding tekst bevat "Complete maaltijden voor 4 personen 7,50" moet deze wel alt-tekst krijgen. Beschrijf kort de foto en vermeldt de teksten die in de afbeelding zijn te zien. Dit komt ook voor op https://at.genietvantgoede.nl/recepten.

Bevinding 4: Op https://at.genietvantgoede.nl/kaart-activeren zijn de alt-teksten voor de links naar de Apple en Google Play Store incorrect. De alt-tekst moet de tekst op de afbeelding bevatten, dus die gaat aangepast moeten worden naar "Download in de App Store" en "Ontdek het op Google Play". Hierdoor wordt de linktekst ook een stuk duidelijker voor bezoekers met hulpsoftware.

Bevinding 5: De afbeeldingen op https://at.genietvantgoede.nl/onze-impact hebben geen voldoende beschrijvende alt-tekst ("Caroline Tensen", "Impact" bv.) Beschrijf duidelijk wat er op de afbeelding te zien in (bijvoorbeeld: Caroline Tensen in die keuken die twee gevulde borden vastheeft) of markeer de afbeelding als decoratief door de alt-tekst weg te laten.

Bevinding 6: Op iedere pagina van https://at.genietvantgoede.nl/ is een chatbot aanwezig. De berichten van de chatbot zijn te beoordelen met Nuttig en Niet nodig. De pictogrammen die bij deze opties zijn, zijn SVG's. Het zijn decoratieve SVG's, maar niet als zodanig aangeduid. Voeg het attribuut aria-hidden="true" en focusable="false" toe aan het SVG-element om dit op te lossen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op alle pagina's van https://at.genietvantgoede.nl/ is een inloglink aanwezig. Deze staat in de code direct in een ul-element. Echter is dit niet correct volgens de HTML-standaard, ul-elementen kunnen enkel li-elementen bevatten. Verwijder het ul-element of zet de link in een <li>-element.

Bevinding 8: Op https://at.genietvantgoede.nl/recepten/pasta-met-tomatensaus-en-vega-balletjes maakt de kop "Ingrediënten kopen" gebruik van het strong-element. Dit element mag niet gebruikt worden voor opmaak, het is enkel bedoeld om een woord of enkele woorden in een zin nadruk te geven. Verwijder het attribuut en gebruik CSS voor styling.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 9: Op https://at.genietvantgoede.nl/kaart-activeren/je-gegevens wordt het autocomplete attribuut niet gebruikt. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 10: Op https://at.genietvantgoede.nl/kaart-activeren bevat het blok "Snel en makkelijk activeren" een link "log in". Die link is enkel te onderscheiden door verschil in kleur. Dat heeft impact op kleurenblinden en slechtzienden. Onderstreep de link om de link visueel duidelijker te laten opvallen. Dit geldt ook voor https://at.genietvantgoede.nl/oepsie.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: Op iedere pagina van https://at.genietvantgoede.nl/ is een chatbot aanwezig. De tekst "Lotty is online" en "Schrijf hier uw bericht" (HEX #9CA3AF) heeft een te laag contrast met de witte achtergrond. Een groep slechtzienden kan de tekst daardoor niet lezen. De contrastverhouding is 2,5:1 terwijl dat ten minste 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 12: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op alle pagina's een scroll balk in de leesrichting (horizontaal). Zorg dat de tekst binnen het beeld blijft, niet wegvalt of overlapt. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten. Die moeten leesbaar blijven.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 13: Op https://at.genietvantgoede.nl/kaart-activeren zijn de invoervelden om de kaart te activeren niet bereikbaar met het toetsenbord. Bij het tabben met het toetsenbord worden deze overgeslagen. Zorg ervoor dat de velden bereikbaar zijn met het toetsenbord.

Bevinding 14: Op https://at.genietvantgoede.nl/kaart-activeren hebben beide invoervelden een tooltip die extra uitleg geeft. Deze zijn niet bereikbaar en bedienbaar met het toetsenbord. Bij het tabben met het toetsenbord worden deze overgeslagen. Zorg ervoor dat de tooltips geopend kunnen worden met het toetsenbord.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 15: De pagina's https://at.genietvantgoede.nl/oepsie en https://at.genietvantgoede.nl/veelgestelde-vragen hebben geen unieke paginatitel. Zorg dat iedere pagina een unieke en beschrijvende titel heeft, bijvoorbeeld "Veelgestelde vragen - Geniet van 't Goede |Nationale Postcodeloterij".

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 16: Op https://at.genietvantgoede.nl/kaart-activeren zijn de invoervelden om de kaart te activeren niet bereikbaar met het toetsenbord. Bij het tabben met het toetsenbord worden deze overgeslagen. Zorg ervoor dat de velden bereikbaar zijn met het toetsenbord.

Bevinding 17: Op https://at.genietvantgoede.nl/kaart-activeren hebben beide invoervelden een tooltip die extra uitleg geeft. Deze zijn niet bereikbaar en bedienbaar met het toetsenbord. Bij het tabben met het toetsenbord worden deze overgeslagen. Zorg ervoor dat de tooltips geopend kunnen worden met het toetsenbord.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 18: Op https://at.genietvantgoede.nl/kaart-activeren zijn de alt-teksten voor de links naar de Apple en Google Play Store incorrect. De alt-tekst moet de tekst op de afbeelding bevatten, dus die gaat aangepast moeten worden naar "Download in de App Store" en "Ontdek het op Google Play". Hierdoor wordt de linktekst ook een stuk duidelijker voor bezoekers met hulpsoftware (want die wordt bepaald door de alt-tekst).

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 19: Op iedere pagina van https://at.genietvantgoede.nl/ is een chatbot aanwezig. Het invoerveld "Schrijf hier uw bericht" krijgt geen visuele focusindicator. Zorg dat het veld een duidelijke focusrand krijgt die voldoende contrast heeft met de witte achtergrond en de rode rand van het veld.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 20: Op iedere pagina van https://at.genietvantgoede.nl/ is een chatbot aanwezig. Het invoerveld "Schrijf hier uw bericht" heeft geen label, enkel een placeholder. Placeholders zijn niet voldoende voor dit criterium, omdat ze verdwijnen als bezoekers in het veld gaan typen en de tekst geeft vaak contrastproblemen. Verzorg een label voor dit invoerveld dat ook zichtbaar is.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 21: Op https://at.genietvantgoede.nl/veelgestelde-vragen wordt details en summary gebruikt voor de in- en uitklapbare blokjes. Er wordt het aria-expanded attribuut gebruikt, maar dat is in dit geval niet nodig. Het details- en summary element communiceert de staat al. Het attribuut kan dus verwijderd worden.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 22: Op iedere pagina van https://at.genietvantgoede.nl/ is een chatbot aanwezig. Het ontvangen van een reactie wordt niet gecommuniceerd naar screenreaders. Zorg dat er een live-region aanwezig is dat bij elk nieuw bericht van de bot getriggerd wordt, zodat bezoekers met een screenreader weten dat er een nieuwe reactie is.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-09-17 16:25:06 v2.4-011