Regio Foodvalley - v2026.1 — Tabelweergave

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.

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.

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.

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.

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.

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.

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.

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.

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.

De video “Lobbyfilm” op de homepage bevat geen ondertiteling. Hierdoor wordt gesproken informatie in de video niet tekstueel weergegeven.

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.

Voeg ondertiteling toe aan de video waarin alle gesproken tekst en relevante geluiden worden weergegeven. Zorg dat de ondertiteling synchroon loopt met de video.

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.

Blinde en slechtziende gebruikers kunnen belangrijke visuele informatie in de video missen, omdat deze niet wordt beschreven in de audio.

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.

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.

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.

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.

Zorg dat koppen een logische hiërarchie volgen en geen niveaus overslaan.

Bijvoorbeeld:

• H1 – Paginatitel
• H2 – Hoofdonderwerpen op de pagina
• H3 – Subonderwerpen binnen een H2

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.

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.

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.

Op mobiele schermen wordt het kruimelpad ingekort. Tussenliggende pagina’s worden vervangen door .... Hierdoor is een deel van de navigatiestructuur niet meer zichtbaar.

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.

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.

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.

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.

Zorg dat een submenu dat verschijnt bij hover ook kan worden gesloten met de Escape-toets.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.)