Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website begrippen.hunzeenaas.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website begrippen.hunzeenaas.nl
Datum 10 juli 2025
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

Uitgebreide toetsresultaten

Aantal bevindingen: 67

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: 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;

Bevinding 2: 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;

Bevinding 3: 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.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: 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 :

Bevinding 5: 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.;

Bevinding 6: 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.

Bevinding 7: 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.

Bevinding 8: 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.

Bevinding 9: 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.

Bevinding 10: 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.

Bevinding 11: 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.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Onvoldoende

Bevinding 12: 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)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 13: 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.

Bevinding 14: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: 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.

Bevinding 16: 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.

Bevinding 17: 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.

Bevinding 18: 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.

Bevinding 19: 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.

Bevinding 20: 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.

Bevinding 21: 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)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 22: 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)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 23: 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)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 24: 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)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Voldoende

Bevinding 25: 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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 26: 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.

Bevinding 27: 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.

Bevinding 28: 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.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Onvoldoende

Bevinding 29: 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.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 30: 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:

Bevinding 31: 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)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 32: 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 33: 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".

Bevinding 34: 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.

Bevinding 35: 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)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 36: 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)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 37: 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

Bevinding 38: 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)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 39: 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.

Bevinding 40: 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:

Bevinding 41: 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.

Bevinding 42: 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:

Bevinding 43: 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.

Bevinding 44: 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.

Bevinding 45: 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:

Bevinding 46: 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.

Bevinding 47: 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)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Onvoldoende

Bevinding 48: 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.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 49: 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:

Bevinding 50: 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.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 51: 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.

Bevinding 52: 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".

Bevinding 53: 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:

Bevinding 54: 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.

Bevinding 55: 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.

Bevinding 56: 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.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevinding 57: 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)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 58: 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)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 59: 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.

Bevinding 60: 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)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 61: 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."

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 62: 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.

Bevinding 63: 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:

Bevinding 64: 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.

Bevinding 65: 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:

Bevinding 66: 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)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 67: 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

Bronnen

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

Geprint: 2025-07-17 10:54:19 v2.4-011