Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website begrippen.hunzeenaas.nl


Onderzoeker
Lydia, Swink; Sophie, Swink
Datum
10 juli 2025
Opdrachtgever
Waterschap Hunze en Aa's

Samenvatting onderzoeksresultaat

De website begrippen.hunzeenaas.nl voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 25 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website https://begrippen.hunzeenaas.nl/nl/ is onderzocht tussen 26 juni en 3 juli 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

De website https://begrippen.hunzeenaas.nl/nl/ bevat al veel toegankelijke elementen. Alle pagina's hebben een werkende skiplink, toetsenbordvallen zijn niet geconstateerd en de hoofdnavigatie bevindt zich op een vaste plek en is consistent in volgorde. Wel hebben we nog verbeterpunten gevonden.

Dit zijn de meest opvallende punten die tijdens het onderzoek gevonden zijn:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website begrippen.hunzeenaas.nl
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar verwezen wordt.
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 12 8 0
2 Bedienbaar 7 10 0
3 Begrijpelijk 5 5 0
4 Robuust 1 2 0
Totaal 25 25 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/about staat, in de <div> container met de class "topbar-container", het logo van Waterschap Hunze en Aa's. Dit logo staat in een <a> element en is een link naar de homepagina. Het logo is als achtergrondafbeelding geplaats in de CSS styling van het <a> element. Dit is, voor een logo, zeer ongebruikelijk en maakt het logo onzichtbaar voor voorleessoftware. Gebruikers van voorleessoftware weten niet dat op die plek een logo staat en van welke organisatie het logo is. Plaats de afbeelding van het logo in de HTML-code, in een <img> element, en geef deze een duidelijke alternatieve tekst. Dat kan zijn: "Logo Waterschap Hunze en Aa's - Homepagina".

Verwijder ook het <h1> element met de tekst "Hunze en Aa's" uit de link. De juiste opbouw in de HTML-code is :

<a href="adres.homepagina">

<img src="/logo.png" alt="Logo Waterschap Hunze en Aa's - Homepagina" />

</a>

Dit geldt voor alle pagina's waar het logo gebruikt wordt als link naar de homepagina zoals;

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "zand", een afbeelding in een <svg> element. Deze afbeelding heeft geen title attribuut waardoor voorleessoftware direct de inhoud van het <svg> element voorleest. Dit is verwarrend voor gebruikers van voorleessoftware. Bij het gebruik van een <svg> element is een title attribuut, met een toegankelijke titel voor de afbeelding, een pré. Voor deze afbeelding geldt; Maak van de afbeelding een gewone afbeelding en plaats belangrijke informatie, die nu onder knopjes zit, en uitleg over de afbeelding in een tekst-alternatief. Plaats deze in de directe omgeving van de afbeelding. Zorg ervoor dat het tekst-alternatief toegankelijk is.

Dit geldt voor alle pagina's waar eenzelfde <svg> element voorkomt, zoals op de pagina's;

Op de pagina https://begrippen.hunzeenaas.nl/nl/search?clang=nl&q=waterschap&vocabs= staan, bij de zoekresultaten, drie verschillende iconen. Deze iconen staan in een <img> element waarin een alt-attribuut ontbreekt. Om <img> elementen toegankelijk te maken voor gebruikers van hulpsoftware is het noodzakelijk om een alt-attribuut toe te voegen. Ook wanneer het een decoratieve afbeelding betreft en deze niet zichtbaar mag zijn voor hulpsoftware. Bepaal of de iconen, op deze pagina, decoratief zijn of betekenis hebben. Plaats een alt-attribuut in ieder <img> element. Wanneer decoratief, laat het alt-attribuut leeg ( <img class="property-hover" src="resource/pics/globe.gif" alt="" />). Wanneer de afbeelding een betekenis heeft, geef deze een toegankelijke alternatieve tekst mee in het alt-attribuut.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/aquo/en/page/Id-512ea53e-9373-40bd-bc47-4a72125b0643 staat het <h1> element "Aquo-lex" dubbel op de pagina. De tweede kop veroorzaakt een issue in de hiërarchie van de koppenstructuur. Onder deze kop staat namelijk een <h3> element, zonder dat daar een <h2> tussen staat. Voor gebruikers die navigeren aan de hand van de koppenstructuur kan dit verwarrend zijn. Haal het tweede <h1> element weg, deze is sowieso niet zichtbaar. Let wel op dat je hiermee geen ander toegankelijkheidsissue creëert.

Ditzelfde issue vindt ook plaats op de pagina's :

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "Damo objectencatalogus", de mogelijkheid om te kiezen hoe je de begrippenlijst wilt weergeven (dit begint met "Alfabetisch"). De keuzemogelijkheden staan in een <li> element en zijn gegroepeerd in een <ul> element. Boven ieder <li> element staat een <h3> element. Het gebruik van een content element (zoals een <h3>) in een <ul> element is niet toegestaan. Een <h3> element wordt, door voorleessoftware, niet meegenomen in de structuur van een lijst. Hierdoor kan het zijn dat deze elementen niet worden voorgelezen en gebruikers van voorleessoftware die informatie missen. Verwijder de <h3> elementen uit het <ul> element.

Dit geldt voor alle pagina's waar deze keuzemogelijkheid op staat, zoals o.a.;

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "Damo objectencatalogus", de mogelijkheid om te kiezen hoe je de begrippenlijst wilt weergeven (dit begint met "Alfabetisch"). De keuzemogelijkheden zijn gegroepeerd in een <ul> element. Dit element heeft het role attribuut met de waarde navigation. De <li> elementen staan nu niet meer in een ouderelement met de rol lijst. Dit is programmatisch niet correct. Hulpsoftware ziet de lijst nu niet meer als lijst en zal deze ook niet als dusdanig behandelen. Gebruikers van hulpsoftware weten niet dat het om een lijst gaat met meerdere items. Haal het role attribuut weg uit het <ul> element.

Op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video staat, onder de kop "stelselcatalogus", de tekst "zoekopties". Deze staat in een <li> element en is gegroepeerd in een <ul> element. In het <ul> element staat een <h3> element. Het gebruik van een content element (zoals een <h3>) in een <ul> element is niet toegestaan. Een <h3> element wordt, door voorleessoftware, niet meegenomen in de structuur van een lijst. Hierdoor kan het zijn dat dit element niet wordt voorgelezen door voorleessoftware en gebruikers van voorleessoftware die informatie missen. Verwijder het <h3> element uit het <ul> element.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de link "FysiekVoorkomenOnbegroeidterrein", een visuele tabel. Deze tabel is programmatisch niet opgemaakt als tabel. Dit zorgt ervoor dat voorleessoftware het verband niet ziet tussen de verschillende onderdelen. Hierdoor krijgen gebruikers van voorleessoftware losse woorden voorgelezen. De tabel is ook niet aan te passen door gebruikers (voor bijvoorbeeld regelhoogte, letterafstand, etc) om hem leesbaar te houden. Gebruik voor een visueel opgemaakte tabel de semantische elementen in de HTML-code (<table>, <th>, <tr>, <td>, etc.) om de tabel toegankelijk te maken.

Advies: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier met een selectieveld en vier invoervelden. Het selectieveld is opgebouwd uit een <button> element en een <ul> element. Dit is een omslachtige en ontoegankelijke wijze van het bouwen van een selectieveld. Gebruikers van hulpsoftware ondervinden hebben baat bij het gebruik van de juiste semantische HTML-code. Gebruik hiervoor het <select> element met daarin <option> elementen voor de keuzes.

Advies: Op de geteste pagina's wordt in de HTML-code voornamelijk gebruik gemaakt van <div> elementen. Dit maakt de code minder goed leesbaar en kan toegankelijkheidsissues veroorzaken. Werk zoveel mogelijk en waar het kan met semantisch HTML (zoals; <header>, <main>, <aside>, <button>, etc.). Het gebruik van semantisch HTML bevordert de leesbaarheid en de toegankelijkheid van de code. Alle gebruikers van de website hebben hier baat bij, zeker ook gebruikers van verschillende hulpsoftware.

Advies: Op de pagina's waar het logo de link naar de homepagina is, staan twee <h1> elementen op de pagina. (bijvoorbeeld op de pagina https://begrippen.hunzeenaas.nl/wl/nl/index/R). De eerste van deze twee elementen is de kop "Hunze en Aa's". Deze kop komt op al deze pagina's terug, staat in een link en wordt gebruikt om de link en het logo te voorzien van tekst. Dit is niet de gebruikelijke werkwijze. Zie succescriterium 1.1.1 voor de juiste wijze van het schrijven van deze link.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Onvoldoende

Bevindingen: Het is op alle pagina's mogelijk om te wisselen tussen portret en landschap weergavestand, maar op alle pagina's gaat content verloren wanneer de gebruiker wisselt van weergavestand. Gebruikers die afhankelijk zijn van een vaste weergavestand ondervinden hinder wanneer een website niet responsive is en content verliest bij het wisselen naar de gewenste weergavestand. Zorg ervoor dat alle pagina's in beide weergavestanden (portret en landschap) alle content weergeven.


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier, voor het geven van feedback, met een selectiemogelijkheid en vier invoervelden. Het invoerveld voor de naam en het e-mailadres hebben geen autocomplete attribuut. Het autocomplete attribuut zorgt ervoor dat gebruikers met een cognitieve beperking of gebruikers met een motorische beperking geholpen worden met het invullen van persoonlijke gegevens. Geef invoervelden, waar om persoonlijke gegevens wordt gevraagd (zoals naam, telefoonnummer, e-mailadres, etc.), het autocomplete attribuut. Let wel op dat je het attribuut de juiste waarde geeft.

Advies: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier, voor het geven van feedback, met een selectiemogelijkheid en vier invoervelden.
Het invoerveld voor het e-mailadres heeft het attribuut type="text". Het is gebruikelijk om een invoerveld voor e-mail type="email" te geven. Dan maakt het invoerveld gebruik van de basis validatie voor een e-mailadres en wordt het makkelijker om foutmeldingen zichtbaar te maken voor gebruikers.


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staat een knop met de naam "Set your privacy". De tekst in de knop is wit en de knop zelf heeft een blauwe achtergrondkleur (HEX #2775F2). Deze combinatie heeft een contrastwaarde van 4,3:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de achtergrondkleur van de knop aan zodat deze combinatie voldoet aan een contrastwaarde van minimaal 4,5:1.
Dit geldt ook voor de knoppen "Accept" en "Decline" in de modal waarin je als gebruiker aangeeft of je de cookies accepteert of afwijst.

In de modal, waarin je aangeeft of je akkoord gaat met de cookies, staan de linkjes "Consent details" en Privacy policy". De tekst heeft een licht blauwe kleur (HEX #499DF4) en staat op een witte achtergrond. Deze combinatie heeft een contrastwaarde van 2,8:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de kleur van de tekst aan zodat deze combinatie voldoet aan een contrastwaarde van minimaal 4,5:1.

Op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video staat, onder het laatste invoerveld van het formulier, een knop met de tekst "limiet zoeken". De tekst in deze knop heeft een donker grijze kleur (HEX #333333) en de achtergrondkleur van de knop is blauw (HEX #0078A9). Deze kleurencombinatie heeft een contrastwaarde van 2,5:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de kleur van de tekst aan zodat deze combinatie voldoet aan een contrastwaarde van minimaal 4,5:1.

Op de pagina https://begrippen.hunzeenaas.nl/cbnl/nl/?clang=en staat, onder de kop "Woordenlijst informatie" een foutmelding. De tekstkleur is wit en de achtergrondkleur van de melding is roze (HEX #ED0D6C6). Deze kleurencombinatie heeft een contrastwaarde van 4,3:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de achtergrondkleur van de melding aan zodat deze combinatie een contrastwaarde heeft van 4,5:1.

Op de pagina https://begrippen.hunzeenaas.nl/ABDL/nl/ staat, onder de kop "ABDL thesaurus", de mogelijkheid om te kiezen hoe je de begrippenlijst wilt weergeven (dit begint met "A-Z"). In deze keuzemogelijkheid heeft de keuze "Hiërarchie" een grijze achtergrond (HEX #B9C1C6). Met de witte tekst geeft deze combinatie een contrastwaarde van 1,8:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de achtergrondkleur aan zodat deze combinatie een contrastwaarde heeft van minimaal 4,5:1.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "zand" een interactieve afbeelding. Wanneer je over de termen (in de rechthoekige vlakken aan de uiteinden van de verbindende lijnen) hovert met de muis, dan worden drie knopjes zichtbaar. Deze knoppen hebben een blauwe (HEX # 0D6EFD) achtergrond kleur en een groene (HEX #0078A9) tekst/symbool kleur. Deze combinatie heeft een contrastwaarde van 1,1:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de kleuren aan zodat deze combinatie een contrastwaarde heeft van minimaal 4,5:1.

Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier met select en vier invoervelden. De placeholdertekst heeft een blauwgroene kleur (HEX #598DB7) en de velden hebben een lichtblauwe achtergrondkleur (HEX #F0F7FA). Deze combinatie heeft een contrastwaarde van 3,3:1. Gebruikers met slechtzicht of die kleurenblind zijn, ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Pas de tekst kleur aan zodat deze combinatie een contrastwaarde heeft van minimaal 4,5:1.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/aquo/nl/page/Id-837870c6-f560-4dfa-b600-d5bba16d5b93?clang=de valt, met een vergrotingspercentage vanaf 125% (op een scherm van 1280px X 1024px), de tekst aan de linkerkant en rechterkant van het scherm af. Hierdoor is, onder andere, de kop "Aquo-lex" niet meer goed te lezen. De pagina krijgt ook geen horizontale scrollbar. Gebruikers die de tekst vergroten op een webpagina missen hierdoor informatie. Zorg ervoor dat de tekst en de vlakken waar tekst in staat op de juiste wijze meeschalen wanneer een pagina vergroot wordt.

Dit gebeurt ook op de pagina's:


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "zand", een <svg> element. Het is een interactieve afbeelding waar voornamelijk tekst in staat. De tekst is niet leesbaar omdat woorden over elkaar heenlopen. Gebruikers die normaliter tekst aanpassen aan hun behoefte (denk aan het aanpassen van kleur, grootte, lettertype, lijnhoogte, etc) vanwege een beperking, moeten dit ten alle tijden kunnen doen. Dit is niet mogelijk bij tekst in een afbeelding. Maak van de afbeelding een gewone afbeelding en plaats belangrijke informatie, die nu onder knopjes zit, en uitleg over de afbeelding in een tekst-alternatief. Plaats deze in de directe omgeving van de afbeelding. Zorg ervoor dat het tekst-alternatief toegankelijk is.

Dit geldt voor alle afbeeldingen die op dezelfde manier zijn opgebouwd. Deze staan o.a. op de pagina's:


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Alle pagina's hebben problemen met reflow. Bij een vergrotingspercentage van 400% (op een schermgrootte van 1280px X 1024px) gaat een groot deel van de content verloren. Het is ook niet overal mogelijk om te scrollen op de pagina, om zo wel bij de content te komen, en wanneer dit wel kan bereik je niet alle content. Gebruikers van vergrotingssoftware, of die de vergrotingsmogelijkheid in de browser gebruiken, kunnen de website niet gebruiken. Zorg ervoor dat alle pagina's op de juiste wijze meeschalen wanneer een pagina vergroot wordt.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Voldoende

Bevindingen: Advies: Op de pagina https://begrippen.hunzeenaas.nl/nl/ staat, in de header, een invoerveld om te zoeken. Dit invoerveld heeft een witte achtergrond en geen rand. Hierdoor valt het invoerveld weg tegen de achtergrond van de pagina, die is ook wit. Geef het invoerveld een rand die afsteekt tegen de kleur van de pagina. Zorg ervoor dat de rand een contrastwaarde heeft van minimaal 3:1 ten opzichte van de kleur van de pagina.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Voldoende


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: In de header staat een <div> element met de class "headerbar". In dit <div> element staat een invoerveld met een zoekknop. In het zoekveld staat een klein kruisje dat actief wordt wanneer je twee karakters in het invoerveld typt. Wanneer je op het kruisje klikt verwijder je de zojuist ingevoerde karakters. Dit kruisje staat in een <span> element en wordt aangestuurd middels JavaScript. Gebruikers van voorleessoftware en gebruikers die navigeren met een toetsenbord kunnen geen gebruik maken van deze functionaliteit. Zet het kruisje in een <button> element zodat het bedienbaar is met het toetsenbord.

In de header staat een <div> element met de id "navigation". In dit <div> element staat een "Help" (<span id="navi4">) met een tooltip. De tekst, die tevoorschijn komt bij muishover, is niet toegankelijk middels toetsenbordnavigatie. Gebruikers die afhankelijk zijn van toetsenbordnavigatie hebben geen toegang tot de informatie die in de tooltip staat. Nu is de span met een tabindex="0" in de tabvolgorde gezet. Dit is niet de correcte wijze. Voeg de tooltip op een toegankelijke wijze toe en zorg ervoor dat deze ook toegankelijk is voor toetsenbordnavigatie.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "zand", een afbeelding. Deze afbeelding is interactief voor muisnavigatie, maar niet toegankelijk voor toetsenbordnavigatie. Gebruikers die afhankelijk zijn van toetsenbordnavigatie kunnen niet bij de inhoud komen en missen hierdoor mogelijkheden, bijvoorbeeld om in te zoomen, en informatie. Zorg ervoor dat interactieve afbeeldingen toegankelijk zijn voor alle gebruikers, ook voor degene die een toetsenbord gebruiken. Voor specifiek advies over deze afbeelding zie succescriterium 1.4.5.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Voldoende


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/cbnl/nl/?clang=en staat een lijst met zoektermen. Wanneer je door de lijst heengaat met toetsenbordnavigatie en je komt op het punt dat je de volgende term niet kunt zien maar wel naar beneden kunt navigeren, dan geeft de lijst een flikkerend beeld. Dit gebeurt niet gelijk (en ook niet altijd), maar na een aantal maal de tab-toets gebruiken om in de lijst verder te navigeren. Bij gebruikers die hier gevoelig voor zijn (zoals gebruikers met fotosensitieve epilepsie) kan dit geflikker lijden tot een epileptische aanval. Controleer alle pagina's op errors zoals deze en zorg ervoor dat deze niet meer voorkomen.


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De pagina https://begrippen.hunzeenaas.nl/nl/ heeft geen onderwerp in de paginatitel staan. Dit bemoeilijkt het navigeren, aan de hand van de paginatitel, voor gebruikers van voorleessoftware. Plaats ten allen tijde een onderwerp in de paginatitel. De titel van deze pagina wordt dan: "Homepagina - Waterschap Hunze en Aa's".

Dit geldt ook voor de pagina's:

Alle paginatitels, uit de sample, beginnen met de tekst "Hunze en Aa's". Dit bemoeilijkt het navigeren, aan de hand van de paginatitel, voor gebruikers van voorleessoftware. Plaats eerst het onderwerp in de titel en daarna de volledige naam van de organisatie. Bijvoorbeeld: "ABDL thesaurus - Waterschap Hunze en Aa's".


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: De cookiemelding staat in de HTML-code onder de code van de footer. Dit zorgt ervoor dat de cookiemelding door hulpsoftware als laatste wordt gezien, de focus krijgt met toetsenbordnavigatie (zie succescriterium 2.4.3) en wordt voorgelezen door voorleessoftware. Voor blinde en slechtziende gebruikers, voor gebruikers die alleen toetsenbordnavigatie gebruiken en voor gebruikers met een cognitieve beperking is het verwarrend en frustrerend dat de cookiemelding als laatste genoemd wordt/focus krijgt. Plaats de cookiemelding boven de skiplink in de HTML-code zodat hulpsoftware deze als eerste ziet.
Dit geldt ook voor de modal waarin je als gebruiker aangeeft of je de cookies accepteert of afwijst.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: In de header staat een navigatiemenu, met drie zichtbare menu-items, dat begint met "woordenlijst". De link naar de pagina die informatie geeft over het waterschap heeft een onvolledige tekst en daardoor een onduidelijk linkdoel. Gebruikers van voorleessoftware en gebruikers met een cognitieve beperking hebben niet duidelijk waar de link naartoe gaat. Geef de link de tekst "Over ons".

Op de pagina https://begrippen.hunzeenaas.nl/nl/about staat, in de topbar-container, het logo van Waterschap Hunze en Aa's. Het logo is als achtergrondafbeelding geplaatst van een <a> element. De link bevat een <h1> element met de tekst "Hunze en Aa's". Het linkdoel is niet duidelijk voor gebruikers van voorleessoftware. Zie succescriterium 1.1.1 voor de oplossing.
Dit geldt voor alle pagina's waar het logo gebruikt wordt als link naar de homepagina.

Op de pagina https://begrippen.hunzeenaas.nl/nl/search?clang=nl&q=waterschap&vocabs= staat een lijst met zoekresultaten voor een bepaalde zoekterm. In dit geval gaat het om de zoekterm "waterschap". De gevonden zoekterm staat in een <a> element en de tekst van dat <a> element is de zoekterm zelf. Ieder resultaat leidt wel naar een andere pagina. Het webadres van die pagina staat vermeld in de bijbehorende tekst, maar is zelf geen link. Wanneer een gebruiker, van voorleessoftware, door de pagina navigeert aan de hand van de linkjes dan krijgt deze alleen de zoekterm te horen en niet waar de link naartoe gaat. Omdat de resultaten bijna allemaal alleen bestaan uit de zoekterm is het voor deze gebruikers onduidelijk waar de link naartoe gaat. Dit werkt verwarrend. Geef de linkjes een toegankelijke tekst in plaats van alleen de zoekterm te gebruiken.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: De pagina https://begrippen.hunzeenaas.nl/nl/feedback is gevonden in de HTML-code en op geen enkele andere manier te bereiken. Om pagina's toegankelijk te maken voor iedereen is het noodzakelijk om deze op meerdere manieren bereikbaar te maken (bijvoorbeeld door een link in het menu en middels een zoekopdracht). Maak de link zichtbaar in het navigatiemenu en zorg ervoor dat de pagina gevonden kan worden wanneer een gebruiker de zoekbalk gebruikt.


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/ staat, in de header, een knop met een keuzemogelijkheid om te zoeken in geselecteerde gegevenswoordenboeken. Wanneer in focus leest de voorleessoftware het aria-label van het <div> element, waar de knop in staat, voor. Dit is de tekst "van alle". Het <label> element dat gekoppeld is aan het <select> element wordt niet voorgelezen door voorleessoftware wanneer een gebruiker door de pagina navigeert van actief element naar actief element. Gebruikers van voorleessoftware weten nu niet wat de knop doet. Dit komt omdat het <select> element een tabindex="-1" heeft. Dit zorgt ervoor dat het element uit de focusvolgorde wordt gehaald en geen focus ontvangt. In plaats daarvan krijgt een <div> element met allemaal buttons de focus. Maar hier zit geen <label> aan gekoppeld. Bouw het selectiemenu met semantisch HTML.

Dit komt ook voor op de pagina

Ditzelfde issue komt ook voor bij de invoervelden op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staan twee knoppen, een knop met een " X " en de knop met de tekst "Set your privacy". Bij beide knoppen is de focusrand niet zichtbaar wanneer de knoppen focus krijgen. Gebruikers die door een pagina navigeren middels een toetsenbord weten niet waar de focus op ligt en dit is verwarrend. Geef de knoppen in de cookiemelding een focusrand wanneer ze de focus krijgen. Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.
Dit geldt ook voor alle knoppen in de modal waarin je als gebruiker aangeeft of je de cookies accepteert of afwijst.

Op de pagina https://begrippen.hunzeenaas.nl/nl/ staan, in de header, twee <button> elementen (met de teksten "van alle" en "Een taal"). Bij beide knoppen is de focusrand niet zichtbaar wanneer deze de focus ontvangen. Gebruikers die door een pagina navigeren middels een toetsenbord weten niet waar de focus gebleven is, wat verwarrend kan werken. Geef de knoppen een zichtbare focusrand wanneer ze focus ontvangen. Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.

Dit geldt ook voor de pagina's:

Op de pagina https://begrippen.hunzeenaas.nl/nl/ staan, in de header, twee <button> elementen (met de teksten "van alle" en "Een taal"). Beide knoppen hebben een drop-down menu voor het kiezen van een selectie. Wanneer je in het drop-down menu navigeert, met de pijltjes toetsen, krijgen de onderdelen geen zichtbare focusrand. De focusrand verschijnt wel wanneer je door de lijstjes navigeert met de tab-toets. Gebruikers die door een pagina navigeren, middels een toetsenbord, weten niet waar de focus gebleven is wat verwarrend kan werken. Geef iedere selectiemogelijkheid een zichtbare focusrand wanneer deze focus ontvangt (bij navigatie met de pijltjes toetsen). Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.

Op de pagina https://begrippen.hunzeenaas.nl/nl/ staat, in de header, een invoerveld om te zoeken op de website. Wanneer gebruikers het toetsenbord gebruiken voor navigatie krijgt dit invoerveld geen zichtbare focusrand. Gebruikers die door een pagina navigeren middels een toetsenbord weten niet waar de focus gebleven is, wat verwarrend kan werken. Geef het invoerveld een zichtbare focusrand wanneer deze de focus ontvangt bij toetsenbordnavigatie. Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.

Dit geldt o.a. ook voor de pagina's:

Op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video staat een formulier met vier invoervelden. De drie selectievelden, met drop-down menu, krijgen geen zichtbare focusrand wanneer de gebruiker met een toetsenbord door de pagina navigeert. Wel verdwijnt de huidige border van het selectieveld. Dit werkt verwarrend voor deze groep gebruikers. Geef de selectievelden een zichtbare focusrand wanneer deze de focus krijgt bij toetsenbordnavigatie. Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, aan de linkerzijde van het scherm, een lijst met zoektermen. Wanneer je met het toetsenbord door de pagina navigeert krijgt de term die geselecteerd is geen focusrand. Gebruikers die afhankelijk zijn van toetsenbordnavigatie weten niet waar de focus gebleven is. Dit werkt verwarrend. Geef de geselecteerde term een focusrand wanneer deze in focus is. Let wel op dat deze voldoet aan de eis voor contrastwaarde van niet-tekstuele content (succescriterium 1.4.11). Dit is 3:1. En dat de rand op alle pagina's deze waarde behoudt.

Op de pagina https://begrippen.hunzeenaas.nl/aquo/nl/page/Id-837870c6-f560-4dfa-b600-d5bba16d5b93?clang=de staat, aan de linkerkant van het scherm, een lijst met zoektermen. Wanneer je met het toetsenbord door de pagina navigeert, en de voorleessoftware is actief, dan wordt verteld dat er een boomstructuur aanwezig is. De focusrand is op dat moment niet zichtbaar. Pas wanneer je verder navigeert wordt de focusrand zichtbaar op het volgende actieve element. Geef een actief element altijd een focusrand zodat gebruikers van toetsenbordnavigatie weten welk element de focus heeft.

Dit gebeurt ook op de pagina's:

In de header staat een knop waarmee je een taalkeuze voor het zoekveld in kunt stellen. Wanneer je deze activeert, met toetsenbordnavigatie, verschijnt een dropdown menu met de taalkeuzes. De verschillende keuzes krijgen wel een focusrand, bij navigeren door het menu, maar deze is maar gedeeltelijk zichtbaar waardoor het niet altijd even duidelijk is welk item de focus heeft. Voor gebruikers van toetsenbordnavigatie werkt dit verwarrend. Zorg ervoor dat de focusrand ten alle tijde volledig zichtbaar is zodat duidelijk is welk item focus heeft in het menu.

Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat, bovenaan het formulier, een selectieveld voor het kiezen van een specifieke woordenlijst. Bij het gebruik van toetsenbordnavigatie krijgt het veld de focusrand. Bij het openen van de lijst krijgen de items alleen de focus wanneer je met de tab-toets door de lijst navigeert. Wanneer de pijltjes toetsen gebruikt worden krijgen de lijstitems geen focusrand. Gebruikers die afhankelijk zijn van toetsenbordnavigatie weten niet waar de focus gebleven is. Dit werkt verwarrend. Wanneer toetsenbordnavigatie op meerdere manieren mogelijk is zorg ervoor dat alle manieren de focusrand krijgen wanneer gebruikers navigeren.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "zand", een interactieve afbeelding. Met het scrollwieltje van de muis kan de gebruiker in- en uitzoomen bij deze afbeelding. Op een touchscreen werkt het knijpgebaar ook. Voor gebruikers met een motorische beperking en gebruikers die afhankelijk zijn van enkel toetsenbordnavigatie is de afbeelding lastig tot niet in en uit te zoomen. Maak van de interactieve afbeelding een gewone afbeelding , zorg ervoor dat alle tekst leesbaar is en een alternatief heeft in de directe omgeving van de afbeelding (zie succescriterium 1.4.5) en laat het in- en uitzoomen over aan de gebruiker zelf. Wanneer een in-uitzoomfunctie toch gewenst is, zorg dan voor een toegankelijk alternatief zoals twee knoppen in de afbeelding.

Dit geldt ook voor de afbeeldingen op de pagina's:


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/ staan, in de header, twee knoppen. De eerste is voor de taalselectie van het zoekveld en de tweede is de zoekknop. Beide knoppen hebben een <label> element gekoppeld dat ervoor zorgt dat de visuele naam en de naam van het label verschillen. Gebruikers die door een website navigeren met behulp van spraakbesturing kunnen deze knoppen niet bedienen. Zorg ervoor dat de naam van het element in de HTML-code altijd hetzelfde is als de visuele naam die wordt weergegeven op de pagina.

Dit geldt ook voor dezelfde elementen op onder andere de pagina's:

In de header staat een <div> element met de class "headerbar". Hierin staat een invoerveld met een zoekknop. In het zoekveld staat een klein kruisje dat actief wordt wanneer je twee karakters in het invoerveld typt. Wanneer je op het kruisje klikt verwijder je de zojuist ingevoerde karakters. Dit kruisje staat in een <span> element en wordt aangestuurd middels JavaScript. Het <span> element wordt voorgelezen door voorleessoftware, maar is niet bereikbaar via toetsenbordnavigatie (zie succescriterium 2.1.1). De tekst die voorgelezen wordt is "klikbaar maal". Gebruikers van voorleessoftware horen dat op die plek een klikbaar element aanwezig is, maar kunnen vervolgens niks met dit element. Zet het kruisje in een <button> element zodat het bedienbaar is met het toetsenbord en geef het een toegankelijke naam.


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Voldoende


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Voldoende


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: De cookiemelding heeft geen lang attribuut. De tekst die in de cookiemelding staat is in het Engels. De taal van de homepagina is Nederlands. Voorleessoftware leest de Engelse tekst voor op z'n Nederlands. Voor gebruikers van voorleessoftware is dit onduidelijk en kan het onbegrijpelijk en verwarrend zijn. Geef de cookiemelding een lang attribuut met de juiste taalinstelling, in dit geval Engels.
Dit geldt ook voor de tekst in de modal waarin je als gebruiker aangeeft of je de cookies accepteert of afwijst.

Op alle pagina's, uit de sample, staat een skiplink boven aan de pagina. Deze link heeft de Engelse tekst "Skip to main". Voorleessoftware zal deze Engelse tekst op z'n Nederlands uitspreken. Voor gebruikers van voorleessoftware is dit onduidelijk en kan het onbegrijpelijk zijn. Geef de skiplink een Nederlandse tekst mee. Dit kan zijn: "Ga naar hoofdinhoud".

Op de pagina https://begrippen.hunzeenaas.nl/cbnl/nl/?clang=en staat, aan de linkerkant van het scherm, een lijst met vaktermen in een sidebar. De vaktermen zijn in het Engels, maar het <div> element waar de sidebar in staat heeft geen lang attribuut. Voorleessoftware zal deze Engelse termen op z'n Nederlands voorlezen. Voor gebruikers van voorleessoftware is dit onduidelijk en kan het onbegrijpelijk en verwarrend zijn. Geef het <div> element een lang attribuut met de juiste taalinstelling, in dit geval Engels.

Dit geldt voor alle pagina's die dezelfde opbouw hebben als deze pagina en een lijst met termen geven in een andere taal zoals:

Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat, in het formulier, een selectieveld om te kiezen voor een specifieke woordenlijst. De button heeft een aria-label met een Engelse tekst en geen lang attribuut. De pagina zelf heeft een Nederlandse taalinstelling. Voorleessoftware zal het aria-label op z'n Nederlands voorlezen. Voor gebruikers van voorleessoftware kan dit onbegrijpelijk en verwarrend zijn. Pas de taal van het aria-label aan, aan de taal van de pagina. Dus Nederlands op een Nederlandstalige pagina en Engels op een Engelstalige pagina.

Op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video staat, onder de kop "stelselcatalogus", de tekst "zoekopties". Deze staat in een <li> element en is gegroepeerd in een <ul> element. In het <ul> element staat een <h3> element. Het <h3> element heeft een Engelse tekst terwijl de pagina in het Nederlands is. Voorleessoftware leest de tekst op z'n Nederlands voor. Voor gebruikers van voorleessoftware is dit niet begrijpelijk en kan het verwarrend zijn. Voor de oplossing zie succescriterium 1.3.1.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "Damo objectencatalogus", de mogelijkheid om te kiezen hoe je de begrippenlijst wilt weergeven (dit begint met "Alfabetisch"). De keuzemogelijkheden staan in een <li> element en zijn gegroepeerd in een <ul> element. Boven ieder <li> element staat een <h3> element. Het <h3> element heeft een Engelse tekst terwijl de pagina in het Nederlands is. Voorleessoftware leest de tekst op z'n Nederlands voor. Voor gebruikers van voorleessoftware is dit niet begrijpelijk en kan het verwarrend zijn. Voor de oplossing zie succescriterium 1.3.1.

Dit geldt voor alle pagina's waar deze keuzemogelijkheid op staat, zoals o.a.;


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, onder de kop "DAMO objectencatalogus", de mogelijkheid om te kiezen hoe je de begrippenlijst wilt sorteren (dit begint met "Alfabetisch"). Deze mogelijkheid komt ook op andere pagina's voor (zoals https://begrippen.hunzeenaas.nl/aquo/nl/page/Id-07fad1b9-6246-4e87-a0be-70dce1ba3403). De mogelijkheid om op alfabet te sorteren is op beide pagina's verschillend terwijl de functie hetzelfde is. Voor gebruikers met een cognitieve beperking kan dit verwarrend werken en gebruikers van spraaksoftware zijn ook gebaat bij consistente benaming van elementen. Geef interactieve elementen, met dezelfde functie, altijd dezelfde naam op verschillende pagina's binnen de website.


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier. Wanneer een verplicht veld niet wordt ingevuld wordt alleen een rode rand om het veld zichtbaar. De fout wordt niet tekstueel medegedeeld. Bij een ongeldige invoer van, bijvoorbeeld het e-mailadres, wordt helemaal geen foutidentificatie zichtbaar, ook geen rode rand om het veld. Voor gebruikers met een cognitieve beperking bemoeilijkt dit het invulproces en het aanpassen/verbeteren van onjuiste invoer. Zorg voor een tekstuele foutidentificatie wanneer een gebruiker een fout maakt met het invullen van het formulier. Koppel de foutidentificatie ook aan het invoerveld, zet deze in de directe omgeving van het desbetreffende invoerveld.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/ staat, in de header, een invoerveld met een zoekknop. Het invoerveld heeft geen placeholdertekst en een label dat alleen zichtbaar is voor voorleessoftware. Gebruikers met een cognitieve beperking hebben moeite met het gebruik van dit invoerveld. Maak het gekoppelde <label> element zichtbaar voor iedereen, niet alleen voor voorleessoftware.
Dit geldt voor alle pagina's waar dit element gebruikt wordt.

Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier met een selectiemogelijkheid en vier invoervelden. Het selectieveld heeft geen visuele instructie of label. Gebruikers met een cognitieve beperking hebben moeite met het gebruik van het selectieveld omdat een instructie ontbreekt. Zorg ten alle tijden voor een label en/of begrijpelijke instructie bij velden in een formulier. Controleer of alle velden in dit formulier een <label> element hebben met een begrijpelijke instructie.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier. Wanneer een verplicht veld niet wordt ingevuld wordt alleen een rode rand om het veld zichtbaar. De fout wordt niet tekstueel medegedeeld. Bij een ongeldige invoer van, bijvoorbeeld het e-mailadres, wordt helemaal geen foutidentificatie zichtbaar. Ook geen rode rand om het veld. Voor gebruikers met een cognitieve beperking bemoeilijkt dit het invulproces en het aanpassen/verbeteren van onjuiste invoer. Zorg voor een tekstuele foutidentificatie, wanneer een gebruiker een fout maakt, met het invullen van het formulier, en geef een duidelijke foutsuggestie. Voor het verplicht in te vullen veld "Bericht" kan dit zijn; "Het veld "bericht" is een verplicht veld, geef aan wat u aan ons kwijt wilt."


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Voldoende


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding staat een knop met de afbeelding van een kruisje. Deze knop heeft geen naam waardoor voorleessoftware alleen de rol (knop) voorleest. Hierdoor weten blinde en slechtziende gebruikers, die voorleessoftware gebruiken, niet waar de knop voor dient. Geef de knop een toegankelijke naam mee, zoals; "sluit cookiemelding".
Dit geldt ook voor dezelfde knop in de modal waarin je als gebruiker aangeeft of je de cookies accepteert of afwijst.

Op de pagina https://begrippen.hunzeenaas.nl/nl/ staat, in de header, een selectiemogelijkheid om op gegevenswoordenboek te kunnen zoeken. Het <div> element, met de id-naam "search-from-vocabularies", heeft een ongeldig aria attribuut. Het element is hiermee niet toegankelijker gemaakt voor gebruikers van hulpsoftware. Vervang het aria-role attribuut voor het role attribuut. Dit is de aangepaste HTML-code:

<div id="search-from-vocabularies" class="dropdown btn-group" role="group" aria-label="van alle">

Dit issue geldt voor alle pagina's die dit element in de header gebruiken. Waaronder de pagina's:

Op de pagina https://begrippen.hunzeenaas.nl/sc/nl/search?clang=nl&q=video staat een <form> element met daarin drie selectievelden. Deze drie selectievelden hebben een ongeldig aria attribuut. Het element is hiermee niet toegankelijker gemaakt voor gebruikers van hulpsoftware. Vervang het aria-role attribuut voor het role attribuut. Voor een voorbeeld van de HTML-code, zie bevinding hierboven.

Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, boven de afbeelding, een <h3> element met daarin de tekst "zand". In het <h3> element zit een <a> element. Dit <a> element bevat een <span> element en dat element is leeg. De gebruiker kan klikken op de kop, maar er gebeurt niks omdat deze programmatisch niet correct is geschreven. Plaats de <h3> in het <a> element zodat de link werkt.

Dit komt ook voor op de pagina's:

Advies: Op de pagina https://begrippen.hunzeenaas.nl/damo/nl/page/a_1311 staat, boven de afbeelding een <h3> element met daarin de tekst "zand". In het <h3> element zit, naast een <a> element, een <span> element. Dit element bevat een icoon, maar is niet zichtbaar voor gebruikers. Wanneer een icoon geen functie heeft op de pagina en voor geen enkele gebruiker zichtbaar is, haal deze weg. Dit maakt de HTML-code meer leesbaar en duidelijker.

Dit geldt ook voor de pagina's:


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://begrippen.hunzeenaas.nl/nl/feedback staat een formulier. Wanneer een verplicht veld niet wordt ingevuld wordt alleen een rode rand om het veld zichtbaar. De fout wordt niet tekstueel medegedeeld. Bij een ongeldige invoer van, bijvoorbeeld het e-mailadres, wordt helemaal geen foutidentificatie zichtbaar, ook geen rode rand om het veld. De fout wordt ook niet voorgelezen door voorleessoftware. Gebruikers die slechtziend/blind zijn krijgen niet te horen dat een fout zich voordoet in het formulier. Zorg voor een tekstuele foutidentificatie wanneer een gebruiker een fout maakt met het invullen van het formulier. Koppel de foutidentificatie ook aan het invoerveld, zet deze in de directe omgeving van het desbetreffende invoerveld en zorg ervoor dat de foutidentificatie (en suggestie) worden voorgelezen door voorleessoftware.

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

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

Bron: toegankelijkheidsrapport.swink.nl/begrippen.hunzeenaas.nl/audit/
Geprint: 2025-07-16 22:44:10 v2.4-011