Op verzoek van Regio Foodvalley is een toegankelijkheidsonderzoek uitgevoerd op de door hun aangeboden website, https://regiofoodvalley.nl , om te beoordelen hoe deze voldoet aan de gestelde WCAG norm.
Doel van het onderzoek is om te beoordelen of de informatie op de website voor iedereen, inclusief mensen met een functiebeperking, toegankelijk is en bedient kan worden.
Deze rapportage bevat de bevindingen van dit onderzoek. Uitgewerkt per richtlijn benoemen we de status waarin aan de succescriteria voldaan wordt, wat daarbij geconstateerde toegankelijkheidsproblemen zijn en eventuele opmerkingen ter advies.
De opgetekende bevindingen zijn indicatief. Een betreffend probleem kan dus op meerdere locaties binnen de website voorkomen zonder dat die apart benoemd worden.
De gebruikte onderzoeksmethode, WCAG-EM, werkt op basis van een steekproef. Hoewel de steekproef van het onderzoek zorgvuldig wordt samengesteld om een evenwichtig beeld van de vastgestelde scope te onderzoeken, kan het voorkomen dat een toegankelijkheidsprobleem niet geconstateerd wordt, maar dit bij een vervolgonderzoek wel aan het licht komt. Ook kunnen bevindingen op een later tijdstip mogelijk anders geïnterpreteerd en beoordeeld worden door verdere ontwikkeling van kennis en technieken.
De WCAG (Web Content Accessibility Guidelines) zijn internationaal geaccepteerde richtlijnen, gepubliceerd door het W3C (World Wide Web Consortium), ter bevordering van de toegankelijkheid van webcontent voor mensen met een functiebeperking. De richtlijnen zijn techniek-onafhankelijk opgebouwd via een viertal principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Deze principes bevatten een serie richtlijnen met succescriteria waarmee webcontent beoordeeld kan worden.
Het toegankelijkheidsonderzoek is op 12 maart 2026 afgerond. Hiervoor is gebruikgemaakt van de WCAG-EM evaluatiemethode om te kijken hoe de onderzochte website voldoet aan de gestelde norm van WCAG 2.2 Niveau AA.
Op de volgende pagina's staan de bevindingen genoteerd. Deze bevindingen kunnen gebruikt worden om aanpassingen te maken en de toegankelijkheid van de website verder te verbeteren.
De opgenomen voorbeelden zijn representatief, maar mogelijk niet uitputtend. Het is belangrijk om vergelijkbare patronen en componenten binnen de gehele website te controleren en waar nodig aan te passen.
Bij bevindingen zijn opgenomen als 'best practice'. Dit zijn geen foute bevindingen voor het betreffende criterium, maar ze genieten een sterke aanbeveling ter verbetering van de gebruikerservaring.
Hieronder staan per succescriterium eventuele bevindingen genoteerd. Deze bevindingen kunnen gebruikt worden om aanpassingen te maken en de toegankelijkheid van de website en haar content verder te verbeteren. Let er bij het maken van aanpassingen op dat hierdoor nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Tevens staan bij sommige succescriteria opmerkingen. Deze opmerkingen zijn geen foute bevindingen voor het betreffende criterium, maar genieten een sterke aanbeveling ter verbetering van de gebruikerservaring.
PDF-document heeft onjuiste tagstructuur en leesvolgorde
In het document zijn meerdere problemen gevonden in de tagstructuur:
afbeeldingen hebben geen alt-tekst;
decoratieve afbeeldingen zijn niet als decoratief verborgen;
tekst die als kop dient, is niet als kop getagd;
tabelinformatie is niet als tabel getagd;
de leesvolgorde klopt niet overal.
Hierdoor is de inhoud niet overal op de juiste manier programmatisch vastgelegd.
Impact op gebruikers
Screenreadergebruikers zijn afhankelijk van de tags en leesvolgorde om een PDF goed te kunnen begrijpen. Als koppen, tabellen en afbeeldingen niet correct zijn getagd, gaat structuur en betekenis verloren. Een onjuiste leesvolgorde kan er daarnaast voor zorgen dat informatie in een verwarrende volgorde wordt voorgelezen.
Oplossing
Voorzie het document van een correcte en complete tagstructuur:
geef informatieve afbeeldingen een passende alt-tekst
markeer decoratieve afbeeldingen als decoratief
tag koppen als echte koppen met het juiste niveau
tag tabelinformatie als echte tabel
controleer en herstel de leesvolgorde
Pas dit bij voorkeur aan in het bronbestand en exporteer daarna opnieuw naar een goed getagde PDF.
Screenshots
PDF-document heeft onjuiste en onvolledige tagstructuur
Het PDF-document bevat een onjuiste en onvolledige tagstructuur. Er zijn veel lege tags aanwezig en niet alle content is met de juiste semantische tags opgemaakt.
Onder andere de volgende problemen zijn gevonden:
Lijsten zijn opgemaakt als P-tags in plaats van echte lijststructuren (L, LI, Lbl, LBody).
Sommige dikgedrukte tekst fungeert visueel als kop, maar is niet als kop (H-tags) gemarkeerd.
De leesvolgorde van de tags is niet overal logisch, waardoor onderdelen van de inhoud in een verkeerde volgorde worden voorgelezen.
Afbeeldingen hebben een Figure-tag, maar bevatten geen alternatieve tekst.
Impact op gebruikers
Screenreadergebruikers zijn afhankelijk van de tagstructuur om de inhoud van een PDF te begrijpen en te navigeren. Wanneer tags ontbreken, leeg zijn of verkeerd zijn toegepast:
wordt de structuur van het document onduidelijk;
worden lijsten en koppen niet als zodanig herkend;
kan content in een verkeerde volgorde worden voorgelezen;
missen gebruikers informatie uit afbeeldingen.
Hierdoor wordt het document moeilijk of soms niet goed te begrijpen.
Oplossing
Herstructureer het document met een correcte PDF-tagstructuur:
verwijder lege of overbodige tags;
gebruik correcte tags voor lijsten (L, LI, Lbl, LBody);
markeer koppen met de juiste kopniveaus (H1, H2, enz.);
controleer en corrigeer de leesvolgorde van de tags;
voeg passende alternatieve teksten toe aan afbeeldingen.
Dit kan bijvoorbeeld worden gedaan in de bronbestanden (bijv. Word of InDesign) en daarna opnieuw worden geëxporteerd naar een getagde PDF. In de meeste gevallen zijn daarna nog aanpassingen in Acrobat Pro noodzakelijk om de structuur helemaal goed te krijgen.
Screenshots
Afbeeldingen in banner via CSS geladen zonder tekstalternatief
In onder andere de banners en spotlights worden decoratieve afbeeldingen (gekleurde cirkels) geladen via CSS ::before en ::after pseudo-elementen met de content-property. Hierdoor worden de afbeeldingen als visuele content weergegeven, maar zijn ze niet aanwezig in de HTML-structuur en kunnen ze geen alt-tekst krijgen.
Impact op gebruikers
Wanneer afbeeldingen via CSS worden geladen als inhoud (content:), kunnen screenreaders deze herkennen als afbeelding, maar niet interpreteren. Als deze afbeeldingen informatieve waarde hebben, ontbreekt daardoor een tekstalternatief. Hierdoor kan informatie voor screenreadergebruikers verloren gaan.
Oplossing
Gebruik voor informatieve afbeeldingen een HTML img-element met een passend alt-attribuut.
Wanneer de afbeeldingen uitsluitend decoratief zijn, zorg dat ze niet als inhoud worden gepresenteerd maar puur als visuele styling. Dit kan bijvoorbeeld door ze als achtergrondafbeelding te gebruiken via CSS.
Screenshots
Video op homepage heeft geen ondertiteling
ID
ISSUE-9514b5d5
Ernst
Hoog
Type
WCAG Fout
Gerelateerde WCAG Succescriteria:
Succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (SC 1.2.2 Documentatie [EN])
De video “Lobbyfilm” op de homepage bevat geen ondertiteling. Hierdoor wordt gesproken informatie in de video niet tekstueel weergegeven.
Impact op gebruikers
Doven en slechthorende gebruikers kunnen de gesproken informatie in de video niet volgen. Hierdoor missen ze een deel van de inhoud en boodschap van de video. Ook gebruikers die om andere redenen geen audio aan kunnen zetten, hebben geen toegang tot de informatie in de video.
Oplossing
Voeg ondertiteling toe aan de video waarin alle gesproken tekst en relevante geluiden worden weergegeven. Zorg dat de ondertiteling synchroon loopt met de video.
Screenshots
Video bevat geen audiodescriptie en biedt geen alternatief
De video “Lobbyfilm” bevat visuele informatie die niet wordt toegelicht via audiodescriptie. In de huidige montage is er bovendien geen ruimte tussen dialogen of geluid om extra beschrijvingen toe te voegen.
Controleer ook andere video's op de site
Impact op gebruikers
Blinde en slechtziende gebruikers kunnen belangrijke visuele informatie in de video missen, omdat deze niet wordt beschreven in de audio.
Oplossing
Maak een alternatieve versie van de video waarin ruimte is voor audiodescriptie, of bied een alternatief tekstueel transcript aan waarin zowel de gesproken tekst als relevante visuele informatie wordt beschreven. Bij toekomstige videoproducties is het aan te raden om bij de montage rekening te houden met voldoende ruimte voor audiodescriptie.
Op verschillende pagina’s worden teksten visueel als kop weergegeven, maar deze zijn in de code niet als koptekst (h-element) gemarkeerd.
In het voorbeeld zijn teksten zoals “Regiobureau” en “Maak kennis met ons team” visueel opgemaakt als kop, maar deze maken geen deel uit van de programmatische koppenstructuur van de pagina.
Impact op gebruikers
Screenreadergebruikers gebruiken koppen om snel door een pagina te navigeren en de structuur van de inhoud te begrijpen. Wanneer visuele koppen niet als kop zijn gemarkeerd, verschijnen deze niet in de koppenlijst van hulpmiddelen. Hierdoor wordt de structuur van de pagina minder duidelijk en wordt navigeren moeilijker.
Oplossing
Gebruik voor visuele koppen ook de juiste HTML-koppen (h2, h3, enz.). Zorg daarbij dat de koppen een logische hiërarchie volgen binnen de pagina.
Gebruik koppen voor de structuur van de inhoud en niet alleen voor visuele opmaak.
Op veel pagina’s worden kopniveaus overgeslagen in de kopstructuur. In het voorbeeld gaat de structuur van een H1 direct naar een H3, zonder dat er een H2 aanwezig is.
Hierdoor ontstaat een onlogische hiërarchie in de koppenstructuur van de pagina.
Impact op gebruikers
Screenreadergebruikers gebruiken koppen om snel door een pagina te navigeren en de structuur van de inhoud te begrijpen. Wanneer kopniveaus worden overgeslagen, kan de structuur van de pagina minder duidelijk zijn, waardoor het moeilijker wordt om de inhoud te scannen.
Oplossing
Zorg dat koppen een logische hiërarchie volgen en geen niveaus overslaan.
In het document komen meerdere contrastproblemen voor. Enkele voorbeelden:
witte tekst op lichtgroene achtergrond (#B3D44A) heeft een contrastverhouding van 1,7:1, waar minimaal 3:1 nodig is;
blauwe, dikgedrukte tekst (#00B6F1) op witte achtergrond (#FFFFFF) heeft een contrastverhouding van 2,3:1, waar minimaal 3:1 nodig is;
witte tekst op de blauwe achtergrond haalt voor normale tekst niet de vereiste 4,5:1.
Hierdoor is tekst op verschillende plaatsen moeilijk leesbaar.
Impact op gebruikers
Gebruikers met een visuele beperking, kleurenblindheid of verminderd contrastzicht kunnen tekst minder goed lezen. Dit maakt het document lastiger te gebruiken en belangrijke informatie kan gemist worden.
Oplossing
Pas de kleurcombinaties in het document aan, zodat tekst overal voldoende contrast heeft met de achtergrond:
minimaal 4,5:1 voor normale tekst;
minimaal 3:1 voor grote tekst.
Controleer dit voor alle vaste stijlen in het document, zodat het probleem niet alleen bij de genoemde voorbeelden wordt opgelost.
Screenshots
Kruimelpad verliest informatie op mobiele schermen
Op mobiele schermen wordt het kruimelpad ingekort. Tussenliggende pagina’s worden vervangen door .... Hierdoor is een deel van de navigatiestructuur niet meer zichtbaar.
Impact op gebruikers
Gebruikers kunnen niet meer volledig zien waar zij zich binnen de websitestructuur bevinden. Ook is het niet mogelijk om direct naar de verborgen niveaus in het kruimelpad te navigeren. Dit kan het begrip van de paginastructuur en navigatie bemoeilijken.
Oplossing
Zorg dat alle niveaus van het kruimelpad beschikbaar blijven. Dit kan bijvoorbeeld door het kruimelpad te wrappen zoals bij het laatste item gebeurt, scrollbaar te maken, of een andere compacte weergave te gebruiken waarbij de volledige navigatiestructuur toegankelijk blijft.
Screenshots
Submenu dat opent bij hover kan niet met Escape worden gesloten
Wanneer met de muis over een item in het hoofdmenu wordt gehoverd, verschijnt een submenu. Dit submenu kan daarna niet worden gesloten met de Escape-toets. Het submenu verdwijnt alleen wanneer de muis buiten het menu wordt bewogen.
Impact op gebruikers
Gebruikers die met vergrotingssoftware werken of die het toetsenbord gebruiken in combinatie met een muis, kunnen het geopende submenu niet eenvoudig sluiten. Hierdoor kan het menu in beeld blijven staan en andere content overlappen, wat het navigeren op de pagina moeilijker maakt.
Oplossing
Zorg dat een submenu dat verschijnt bij hover ook kan worden gesloten met de Escape-toets.
Screenshots
Submenu in hoofdmenu sluit niet met Enter of Escape
In het hoofdmenu openen submenu’s wanneer de knop met Enter wordt geactiveerd. Het submenu kan daarna echter niet meer met Enter op dezelfde knop of met Escape worden gesloten. Het submenu sluit alleen wanneer de gebruiker terug focust naar het vorige hoofdmenu-item of volledig door het submenu heen tabt.
Impact op gebruikers
Toetsenbordgebruikers kunnen het submenu niet eenvoudig sluiten nadat het is geopend. Hierdoor moeten zij extra navigatiestappen uitvoeren om verder te kunnen navigeren. Dit kan verwarrend zijn en vertraagt het gebruik van het menu.
Oplossing
Zorg dat het submenu kan worden gesloten met dezelfde knop waarmee het wordt geopend. Daarnaast moet het submenu ook gesloten kunnen worden met de Escape-toets wanneer het menu openstaat.
Het PDF-document heeft geen documenttitel ingesteld in de documenteigenschappen. Hierdoor ontbreekt een titel die door PDF-readers en hulpsoftware kan worden gebruikt.
Impact op gebruikers
De documenttitel wordt gebruikt door screenreaders en wordt vaak weergegeven in de titelbalk of tab van een PDF-viewer. Wanneer deze ontbreekt, krijgen gebruikers een minder duidelijke aanduiding van het document dat geopend is. Dit kan het herkennen en navigeren tussen documenten moeilijker maken.
Oplossing
Stel een duidelijke documenttitel in bij de PDF-eigenschappen die overeenkomt met de titel van het document, bijvoorbeeld de titel die op de eerste pagina staat. Stel ook het vinkje in dat de documenttitel getoond wordt i.p.v. de bestandsnaam.
Het PDF-document heeft een ingestelde documenttitel, maar deze bevat onjuiste informatie. De documenttitel in de PDF-eigenschappen vermeldt “Informatieboekje 2026 versie februari”, terwijl op de titelpagina van het document en in de bestandsnaam wordt verwezen naar versie maart 2026.
Impact op gebruikers
De documenttitel wordt gebruikt door screenreaders en wordt ook weergegeven in tabbladen van PDF-readers. Wanneer deze informatie niet overeenkomt met de inhoud van het document kan dit verwarrend zijn voor gebruikers en kan het moeilijker zijn om het juiste document te herkennen.
Oplossing
Pas de documenttitel in de PDF-eigenschappen aan zodat deze overeenkomt met de titel en versie die in het document zelf en in de bestandsnaam wordt gebruikt.
Screenshots
Sociale media links hebben een onduidelijke toegankelijke naam
In de footer staan links naar sociale mediakanalen (zoals X, Facebook, LinkedIn en Instagram). Deze links worden visueel weergegeven met het logo van het platform.
De toegankelijke naam van de links bestaat echter uit de accountnaam, bijvoorbeeld: “regio-foodvalley (Verwijst naar een externe website)”. Hierdoor komt de toegankelijke naam niet overeen met wat visueel wordt getoond, namelijk het platformlogo.
Impact op gebruikers
Voor screenreadergebruikers is het hierdoor minder duidelijk naar welk platform de link verwijst. De naam beschrijft het account, maar niet het sociale mediaplatform zelf. Dit kan verwarrend zijn wanneer gebruikers snel door links navigeren.
Voor gebruikers met stembediening is onduidelijk welke naam ze moeten gebruiken om de link te activeren, omdat de accountnaam niet te zien is en de platformnaam niet voorkomt in de toegankelijke naam.
Oplossing
Gebruik een toegankelijke naam die zowel het platform als het account duidelijk maakt, bijvoorbeeld:
“Regio Foodvalley op X”
“Regio Foodvalley op Facebook”
“Regio Foodvalley op LinkedIn”
“Regio Foodvalley op Instagram”
Zo wordt het doel van de link duidelijk en komt de toegankelijke naam beter overeen met de visuele context. Door de platformnaam op te nemen in de toegankelijke naam kan deze ook geactiveerd worden door de platformnaam te gebruiken.
Screenshots
Navigatie en zoekfunctie ontbreekt op microsite(s)
Op de hoofdsite zijn een hoofdnavigatie en zoekfunctie aanwezig. Op sommige microsites binnen de website ontbreken deze onderdelen.
Voor gebruikers is het onderscheid tussen de hoofdsite en de microsites niet altijd duidelijk. Hierdoor kan het lijken alsof navigatie-elementen plots verdwijnen wanneer een gebruiker een microsite bezoekt. Tegelijkertijd kunnen pagina’s van deze microsites wel verschijnen in de zoekresultaten van de hoofdsite.
Impact op gebruikers
Gebruikers die navigeren via het menu of de zoekfunctie kunnen deze hulpmiddelen op microsites niet meer gebruiken. Hierdoor wordt het moeilijker om binnen de website te navigeren of informatie terug te vinden. Dit kan verwarrend zijn, vooral wanneer gebruikers verwachten dat dezelfde navigatie overal beschikbaar is.
Oplossing
Zorg dat belangrijke navigatie-elementen, zoals de hoofdnavigatie en zoekfunctie, consistent beschikbaar zijn op alle onderdelen van de website.
Als dit niet mogelijk is, maak duidelijk dat het om een apart onderdeel van de website gaat en bied een duidelijke link terug naar de hoofdsite waar de navigatie en zoekfunctie beschikbaar zijn. (het logo is aangepast, maar er is geen duidelijke link terug naar de hoofdsite. Het kruimelpad is met alleen het huisicoontje niet duidelijk genoeg.)
Screenshots
Testplan
Dit zijn de geteste pagina's en componenten die onderdeel zijn van de steekproef.
