Op verzoek van Eemkracht is een toegankelijkheidsonderzoek uitgevoerd op de door hun aangeboden website, https://www.eemkracht.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 13 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.
Er kunnen 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.
Linkdoel “Meer informatie” niet volledig programmatisch bepaald
Op de kaartcomponent staat een knop met de tekst “Meer informatie”. De kaart bevat daarnaast een titel en beschrijvende tekst die context geven over het onderwerp van de kaart (bijvoorbeeld “Oekraïne”). Deze informatie is echter niet programmatisch gekoppeld aan de link.
Daardoor bestaat de toegankelijke naam van de link alleen uit de tekst “Meer informatie”. Screenreaders nemen de titel of beschrijving op de kaart niet automatisch mee als context voor deze link.
Impact op gebruikers
Voor screenreadergebruikers is het doel van de link minder duidelijk, omdat de visuele relatie ontbreekt. Wanneer links bijvoorbeeld via een linklijst of sneltoets worden opgevraagd, horen ze alleen “Meer informatie” zonder context. Hierdoor is niet duidelijk waar de link naartoe leidt.
Oplossing
Zorg dat het doel van de link programmatisch duidelijk wordt gemaakt. Dit kan bijvoorbeeld door:
de linktekst uit te breiden met context (bijvoorbeeld “Meer informatie over Oekraïne”), of
de titel van de kaart programmatisch te koppelen aan de link, bijvoorbeeld met aria-labelledby.
Hierdoor wordt het doel van de link ook buiten de visuele context duidelijk.
Screenshots
Paginatitels bevatten een andere organisatienaam dan zichtbaar op de website
De website presenteert zich visueel als “Eemkracht”. Dit is ook de naam die in het logo wordt gebruikt. In de paginatitels (het <title> element) wordt echter structureel de naam “BBSUO” gebruikt. Alleen op de homepage komt ook de naam “Eemkracht” in de paginatitel voor.
Hierdoor wijkt de naam in de paginatitel af van de naam die gebruikers op de website zelf zien.
Impact op gebruikers
Voor gebruikers van screenreaders en voor mensen die meerdere tabbladen open hebben kan dit verwarrend zijn. De paginatitel wordt gebruikt om pagina’s te identificeren in tabbladen, bookmarks en screenreader-overzichten. Wanneer daar een andere naam staat dan op de website zelf zichtbaar is, kan het lastiger zijn om de pagina te herkennen of terug te vinden.
Oplossing
Gebruik in de paginatitels dezelfde organisatienaam als op de website zelf zichtbaar is. Zorg dat de naam “Eemkracht” consistent wordt gebruikt in het <title> element van alle pagina’s.
Een duidelijke structuur kan bijvoorbeeld zijn: [paginanaam] – Eemkracht
Op de pagina worden verschillende tekstblokken visueel als kop of tussenkop gepresenteerd door middel van vetgedrukte tekst. Deze teksten zijn echter niet als koptekst (h-element) opgemaakt in de HTML-structuur.
Hierdoor is de visuele structuur van de pagina niet volledig programmatisch vastgelegd.
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 echte koppen zijn gemarkeerd, ontbreekt deze navigatiemogelijkheid en wordt de pagina minder overzichtelijk.
Oplossing
Gebruik voor koppen de juiste HTML-kopstructuur (h1–h6) in plaats van alleen vetgedrukte tekst. Zorg daarbij voor een logische hiërarchie die de structuur van de pagina weerspiegelt.
De onderzochte PDF-documenten hebben geen documenttitel ingesteld in de documenteigenschappen. Hierdoor ontbreekt een titel in de metadata van het document.
De documenttitel wordt normaal gesproken weergegeven in de titelbalk van PDF-readers wanneer de instelling “documenttitel tonen” wordt gebruikt. In de onderzochte documenten wordt in plaats daarvan alleen de bestandsnaam weergegeven.
Impact op gebruikers
Voor gebruikers van screenreaders en andere hulpsoftware is de documenttitel een belangrijk hulpmiddel om documenten te herkennen en van elkaar te onderscheiden. Wanneer een titel ontbreekt, kan het moeilijker zijn om het document te identificeren, bijvoorbeeld wanneer meerdere documenten tegelijk geopend zijn.
Oplossing
Stel in de documenteigenschappen van het PDF-bestand een duidelijke documenttitel in. Zorg daarnaast dat de PDF-viewer is ingesteld om de documenttitel te tonen in plaats van de bestandsnaam.
Logo in PDF heeft geen tekstalternatief
ID
ISSUE-b392ac27
Ernst
Gemiddeld
Type
WCAG Fout
Status
Open
Beschrijving
In de onderzochte PDF-documenten staat bovenaan het logo van Eemkracht. Dit logo is in de tags opgenomen als een figure-element, maar heeft geen tekstalternatief. Het alt-attribuut ontbreekt.
Hierdoor bevat het figure-element geen beschrijving van de afbeelding.
Impact op gebruikers
Voor screenreadergebruikers is het niet duidelijk dat hier het logo van de organisatie wordt weergegeven. De informatie over de afzender van het document kan daardoor gemist worden.
Oplossing
Voeg een passend tekstalternatief toe aan het figure-element van het logo, bijvoorbeeld “Logo Eemkracht”.
Screenshots
Tabelkoppen in PDF hebben geen gekoppelde datacellen
In het onderzochte PDF-document zijn tabellen aanwezig waarbij kopcellen (TH) zijn gedefinieerd, maar deze niet programmatisch zijn gekoppeld aan de bijbehorende datacellen (TD). De kopcellen hebben geen toegewezen subcellen.
Hierdoor is de relatie tussen de tabelkoppen en de gegevens in de tabel niet programmatisch vastgelegd.
Impact op gebruikers
Screenreadergebruikers gebruiken tabelkoppen om te begrijpen bij welke rij of kolom een cel hoort. Wanneer deze relatie ontbreekt, kan de informatie in de tabel moeilijk of niet goed worden geïnterpreteerd.
Gebruikers horen dan alleen de inhoud van de cel zonder te weten bij welke categorie of kolom deze hoort.
Oplossing
Controleer of de gebruikte tabelstructuur juist is opgemaakt.
Als cellen inderdaad tabelkoppen zijn, zorg dat deze programmatisch worden gekoppeld aan de bijbehorende datacellen. In PDF kan dit worden gedaan door het correct instellen van TH-cellen met de juiste scope (rij of kolom), of het expliciet koppelen van kopcellen aan datacellen via de juiste tabelstructuur in de tagboom.
Screenshots
Inhoud in PDF is als tabel opgemaakt terwijl het geen tabeldata betreft
In het onderzochte PDF-document is een blok tekst opgemaakt als tabel. De inhoud bestaat uit doorlopende tekst en toelichtende informatie, maar is in de tagstructuur als een tabel met rijen en cellen opgenomen.
De structuur van een tabel wordt hier gebruikt voor opmaakdoeleinden, terwijl de inhoud geen relationele tabeldata bevat.
Impact op gebruikers
Screenreadergebruikers krijgen deze informatie aangekondigd als een tabel en moeten door rijen en cellen navigeren. Hierdoor wordt de informatie onnodig complex gepresenteerd en kan het lastig zijn om de tekst logisch te volgen.
Dit kan het begrip van de inhoud bemoeilijken.
Oplossing
Gebruik tabellen alleen voor gegevens die een duidelijke relatie hebben tussen rijen en kolommen.
Voor tekstblokken en toelichtingen kan beter gebruik worden gemaakt van normale alinea’s (P), koppen of lijsten in de tagstructuur. Verwijder de tabelstructuur uit de PDF en tag de inhoud als reguliere tekst.
Screenshots
Onvoldoende kleurcontrast voor (vetgedrukte) tekst in PDF
In het onderzochte PDF-document wordt lichtblauwe tekst gebruikt (#00B0F0) op een witte of lichtgrijze achtergrond (#FFFFFF en #E5E5E5). Deze tekst wordt onder andere gebruikt voor koppen en nadruk in het formulier.
De gemeten contrastverhouding is:
2,5:1 op wit (#FFFFFF)
2:1 op lichtgrijs (#E5E5E5)
Impact op gebruikers
Gebruikers met een visuele beperking of verminderd contrastzicht kunnen deze tekst moeilijk of niet lezen. Dit geldt vooral voor mensen met slecht zicht, kleurenblindheid of wanneer het document wordt bekeken op een scherm met minder contrast.
Omdat de tekst inhoudelijke informatie bevat (bijvoorbeeld koppen of instructies), kan dit het begrijpen van het formulier bemoeilijken.
Oplossing
Verhoog het contrast tussen tekst en achtergrond zodat de contrastverhouding minimaal 3:1 bedraagt voor grote tekst of 4,5:1 voor normale tekst.
Dit kan bijvoorbeeld door een donkerdere kleur voor de tekst te gebruiken of de achtergrondkleur aan te passen.
In de onderzochte PDF-documenten komen veel lege tags voor in de tagstructuur. Deze tags bevatten geen inhoud en hebben geen functionele rol binnen de structuur van het document.
De lege tags lijken voornamelijk te ontstaan door opmaak (maken van witruimte) of exportinstellingen van het brondocument.
Impact op gebruikers
Lege tags kunnen het navigeren door het document met een screenreader verstoren. Gebruikers kunnen hierdoor onnodige of verwarrende aankondigingen krijgen, of door elementen navigeren die geen inhoud bevatten.
Oplossing
Controleer de tagstructuur van het PDF-document en verwijder lege of overbodige tags. Zorg dat alleen tags aanwezig zijn die daadwerkelijk inhoud bevatten of een duidelijke structurele rol hebben.
Pas indien nodig de exportinstellingen van het brondocument aan zodat lege tags niet worden gegenereerd.
Onjuiste kopstructuur in PDF doordat meerdere elementen in de H1-tag zijn opgenomen
In het onderzochte PDF-document is het volledige bovenste deel van het document in één H1-tag opgenomen. Dit omvat niet alleen de titel van het document, maar ook het logo en de adresgegevens van de organisatie.
Daardoor bevat de H1-tag meerdere inhoudselementen die geen onderdeel zijn van de hoofdtitel van het document.
Impact op gebruikers
Screenreadergebruikers gebruiken koppen om de structuur van een document te begrijpen en snel door de inhoud te navigeren. Wanneer meerdere soorten informatie in één H1-tag staan, wordt de structuur van het document onduidelijk.
Oplossing
Gebruik de H1-tag uitsluitend voor de hoofdtitel van het document. Plaats andere informatie, zoals adresgegevens of aanvullende tekst, in aparte paragrafen of andere passende tags.
Controleer daarnaast dat de kopstructuur logisch is opgebouwd (bijvoorbeeld H1 voor de titel, gevolgd door H2- en H3-koppen voor onderliggende secties).
Screenshots
Testplan
Dit zijn de geteste pagina's en componenten die onderdeel zijn van de steekproef.
