Rapport:
Audit digitale toegankelijkheid website Geologische Dienst Nederland

Onderzoeker: Renate, Swink; Mirjam, Swink
Datum: 25 juli 2024
Opdrachtgever: TNO

Samenvatting onderzoeksresultaat

De website Geologische Dienst Nederland voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 26 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 geologischedienst.nl is onderzocht tussen 15 juli en 25 juli 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.

De website is al deels toegankelijk. Zo zijn sneltoetsen voor video's uitgeschakeld en hebben veel afbeeldingen een goede alternatieve tekst. Er zijn echter wel nog aanpassingen nodig om de website volledig toegankelijk te maken. Dit zijn de belangrijkste conclusies:

Het betaalproces via Mollie is ontoegankelijk. Zo is er geen zichtbare focusstijl aanwezig, worden afbeeldingen zonder alternatieve tekst opgemerkt door hulpsoftware omdat een alt-attribuut mist en komen er teksten voor met onvoldoende contrast. Het betaalproces is globaal getest en enkel via de onderzochte website. Dit onderzoek biedt onvoldoende basis voor de leverancier om een toegankelijkheidsverklaring op te baseren. De gevonden bevindingen bieden enkel een handvat voor TNO om de toegankelijkheid van de eigen website en processen in te schatten en in gesprek te gaan met de leverancier of eventueel over te gaan op een ander betaalplatform.
De webshop is niet volledig toegankelijk. Zo zijn meerdere functies niet bereikbaar en bedienbaar met het toetsenbord en is de focusvolgorde onlogisch.
Er zijn meerdere bevindingen gevonden met betrekking tot alternatieve teksten voor niet-tekstuele content. Dit maakt de website verminderd toegankelijk voor bezoekers die het scherm niet kunnen zien.
Op meerdere plekken mist een focusrand en is de focusvolgorde onlogisch. Dit maakt de website verminderd toegankelijk voor bezoekers die het scherm wel kunnen zien maar gebruik maken van het toetsenbord om over de website te navigeren.
De onderzochte PDF is niet correct gecodeerd. Dit maakt het document verminderd toegankelijk voor bezoekers die gebruik maken van voorleessoftware om de informatie uit het document tot zich te nemen.

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	Geologische Dienst Nederland
Scope van de website	Binnen de scope van de audit valt: Alle pagina's op www.geologischedienst.nl. Alle PDF's op www.geologischedienst.nl. Het afrekenproces via Mollie. Het afrekenen is getest op de staging omgeving van geologischedienst.nl. De cookiemelding op de live omgeving wijkt af van de cookiemelding op de staging omgeving. Daarom is alleen de cookiemelding op de live omgeving getest. Buiten de scope van de audit valt: Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website. Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel	WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund	Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe	Voldoende	Onvoldoende
1 Waarneembaar	9	11
2 Bedienbaar	9	8
3 Begrijpelijk	5	5
4 Robuust	1	2
Totaal	24	26

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.

Bedieningselementen, invoer: Als niet-tekstuele content een bedieningselement is of gebruikersinvoer accepteert, dan heeft ze een naam die het doel ervan beschrijft. (We verwijzen naar succescriterium 4.1.2 voor aanvullende eisen over bedieningselementen en content die gebruikersinvoer accepteren.)
Op tijd gebaseerde media: Als niet-tekstuele content op tijd gebaseerde media is, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. (We verwijzen naar Richtlijn 1.2 voor aanvullende eisen ten aanzien van media.)
Test: Als niet-tekstuele content een test of oefening is die, als ze door middel van tekst gepresenteerd wordt onjuist zou zijn, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
Zintuiglijk: Als niet-tekstuele content primair is bedoeld om een specifieke zintuiglijke ervaring te creëren, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
CAPTCHA: Als het doel van niet-tekstuele content is om te bevestigen dat content wordt gebruikt door een persoon in plaats van een computer, dan worden tekstalternatieven geleverd die het doel van de niet-tekstuele content identificeren en beschrijven. En er worden alternatieve vormen van CAPTCHA aangeboden gebruikmakend van uitvoermodes voor verschillende soorten van zintuiglijke perceptie om tegemoet te komen aan verschillende functiebeperkingen.
Decoratie, opmaak, onzichtbaar: Als niet-tekstuele content puur decoratief is, slechts voor visuele opmaak wordt gebruikt, of niet aan gebruikers wordt gerepresenteerd, dan wordt het op zo'n manier geïmplementeerd dat het genegeerd kan worden door hulptechnologie.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op de homepage onder 'Welkom bij het kennis- en onderzoekscentrum van de Nederlandse ondergrond' staan vier links (bijvoorbeeld 'Energietransitie'), met daarin een afbeelding, een h4-kop en een paragraaftekst. De afbeeldingen hebben alternatieve teksten, bijvoorbeeld 'Icoon blad'. Aangezien deze iconen decoratief zijn, is een alternatieve tekst niet nodig. Wanneer decoratieve afbeeldingen wel een alternatieve tekst hebben, moeten ze de afbeelding inhoudelijk beschrijven. Het is in dit geval beter de iconen te verbergen, bijvoorbeeld met aria-hidden.
Een vergelijkbare situatie komt voor bij het i-icoon, bijvoorbeeld onder 'Waar ben je naar op zoek?' met de alternatieve tekst 'Blauw informatie-icoontje' en onder de tekst 'Heb je een advies- of onderzoeksvraag?' met de alternatieve tekst 'Blauw icoontje van een telefoonhoorn'. Vergelijkbare situaties komen ook voor op de Engelstalige pagina's, waaronder op pagina https://www.geologischedienst.nl/en/about-gdn/strategy/.

Wanneer bezoekers inzoomen op de pagina, verandert het navigatiemenu in een hamburgermenu. Het x-icoon waarmee bezoekers het menu weer kunnen sluiten, heeft geen alternatieve tekst. Het is daarom voor bezoekers die het scherm niet kunnen zien niet duidelijk wat dit element doet. Voeg een alternatieve tekst toe, bijvoorbeeld 'Menu sluiten'.

Op pagina https://www.geologischedienst.nl/geologie-voor-jou/geologische-wandel-en-fietsroutes/fietsroute-utrechtse-heuvelrug-en-kromme-rijngebied/ komt een informatieve afbeelding voor zonder alternatieve tekst. Voeg een korte beschrijving toe en verwijs daarin naar de uitgebreide beschrijving in de downloadbare documenten. Een vergelijkbare situatie komt voor op pagina https://www.geologischedienst.nl/nieuws/tien-jaar-boringen-in-nederland-naar-zout-olie-gas-en-aardwarmte/. Verwijs hier in de alternatieve tekst naar de uitleg onder of boven de afbeeldingen. Op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ komt ook een informatieve afbeelding voor, waar geen alternatieve tekst voor is.

Op pagina https://www.geologischedienst.nl/producten/ komen links voor die naar een externe pagina verwijzen. Deze zijn te zien nadat de knop 'Meer informatie' wordt uitgevouwen, bijvoorbeeld bij 'BROloket.nl'. Dit wordt aangegeven met een icoon van een vierkant met daarin een pijl die naar rechtsboven wijst. Dit icoon heeft geen alternatieve tekst en er wordt ook niet op een andere manier duidelijk gemaakt dat de link naar een pagina buiten de huidige website verwijst. Zorg ervoor dat deze informatie beschikbaar is voor hulpsoftware.

Op pagina https://www.geologischedienst.nl/over-gdn/werken-bij-gdn-careers-at-gdn/ komen afbeeldingen van personen voor. Deze afbeeldingen hebben geen alternatieve tekst en worden daardoor genegeerd door hulpsoftware. Voor bezoekers die gebruik maken van voorleessoftware is het juist wel prettig om te weten dat er een foto van een persoon aanwezig is. Zij kunnen de foto bijvoorbeeld laten beschrijven door een collega of iemand in de buurt, of tegenwoordig ook door AI-toepassingen. Voeg voor afbeeldingen van personen daarom het liefst wel een beschrijvende alternatieve tekst toe waar tenminste de naam van de persoon in voor komt.

Op pagina https://www.geologischedienst.nl/producten/ komen afbeeldingen voor die bij de producten horen. Sommigen daarvan hebben een beschrijvende alternatieve tekst, maar andere afbeeldingen niet. Bijvoorbeeld 'BROloket'. Geef deze afbeeldingen ofwel een beschrijvende alternatieve tekst of verberg de afbeeldingen voor hulpsoftware. Een vergelijkbare situatie doet zich voor met de hero-afbeelding op deze pagina. Vergelijkbare situaties met decoratieve afbeeldingen die een alternatieve tekst hebben komen op de gehele website voor, bijvoorbeeld op pagina https://www.geologischedienst.nl/en/about-gdn/strategy/ met de alternatieve tekst 'avatar male' in het blok 'Interested in more information?' en op pagina https://www.geologischedienst.nl/over-gdn/werken-bij-gdn-careers-at-gdn/ met de hero-afbeelding die de alternatieve tekst 'Werken bij GDN' heeft. Op de resultatenpagina van het proces op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ komt een vergelijkbare situatie voor. Verberg deze afbeeldingen voor hulpsoftware.

De afbeeldingen van o.a. iDeal en de verschillende creditcard opties op pagina https://www.geologischedienst.nl/afrekenen/ zijn informatief en missen een alternatieve tekst. Voeg een beschrijvende tekst toe binnen het alt-attribuut in het img-element.

Wanneer een bezoeker in het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) komt, staan naast de namen van banken logo's van de bijbehorende bank. Deze afbeeldingen zijn decoratief, maar omdat de afbeeldingen een alt-attribuut missen binnen het img-element worden ze toch opgemerkt door hulpsoftware. Zorg ervoor dat de afbeeldingen genegeerd kunnen worden door hulpsoftware.

In het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) staat de tekst 'Beveiligd en mogelijk gemaakt door' met daar achter een CSS afbeelding van Mollie. Deze afbeelding heeft geen toegankelijke naam, daardoor is de naam Mollie niet beschikbaar voor bezoekers die gebruik maken van voorleessoftware. Zorg ervoor dat informatie CSS afbeeldingen een alternatieve tekst hebben, maar plaats de afbeelding liever als img-element met een alt-attribuut op de pagina. Idealiter is dit gewone tekst, in plaats van een afbeelding.

De PDF op pagina https://www.geologischedienst.nl/app/uploads/2021/11/TNO-2020-geologische.pdf is niet goed gecodeerd:

Decoratieve afbeeldingen zijn gecodeerd als figuur zonder alternatieve tekst. Markeer deze afbeeldingen als decoratief er een artefact van te maken.
Informatieve afbeeldingen zijn gecodeerd als figuur zonder alternatieve tekst. Voeg voor deze afbeeldingen een alternatieve tekst toe.

Advies: Op pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ staat een afbeelding, met een alternatieve tekst die bijna gelijk is aan de afbeeldingsbeschrijving. Dit is overbodig. Zorg dat zowel de alternatieve tekst als de beschrijving iets toevoegen en niet hetzelfde zijn, of verwijder één van de twee.

Advies: Op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ kunnen bezoekers het agendaitem delen, bijvoorbeeld via social media. Het logo van X heeft als toegankelijke naam nog 'Twitter'. Dit klopt niet meer.

Advies: Op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/ staat een afbeelding met de alternatieve tekst 'laptop met mannen handen werkend in een notitieboekje'. Aangezien deze afbeelding als decoratief kan worden beschouwd is een alternatieve tekst niet per se nodig. Overweeg de afbeelding te verbergen voor hulpsoftware. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/producten/.

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:

Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.
Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.

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: Onvoldoende

Bevindingen: In de video op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/ komt tekst voor die niet in het audiospoor voorkomt, bijvoorbeeld direct aan het begin en namen en functies van sprekers. Plaats deze in een transcript, of voeg deze informatie toe aan de audiodescriptie om ook te voldoen aan succescriterium 1.2.5. Idealiter heeft iedere video zowel een transcript als een audiodescriptie. Voor doofblinde bezoekers is een transcript namelijk de enige manier om de informatie in de video tot zich te nemen, tenzij de video een alternatief is voor de tekst op de pagina en ook zo aangekondigd wordt.

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: Onvoldoende

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 homepage, onder de kop 'Waar ben je naar op zoek?' staan onderwerpen die met het strong-element zijn opgemaakt, zoals 'Basisregistratie ondergrond'. Het strong-element geeft aan dat tekst, bijvoorbeeld een woord of zin, relatief belangrijker is dan de tekst er omheen. Gebruik het strong-element daarom niet puur voor tekst opmaak. Maak gebruik van CSS of een vergelijkbare techniek om de tekst op te maken zonder de semantische waarde van het strong-element te gebruiken.

Op pagina https://www.geologischedienst.nl/nieuws/tien-jaar-boringen-in-nederland-naar-zout-olie-gas-en-aardwarmte/ zijn de kopteksten zowel met een kop-element als met het strong-element opgemaakt. Verwijder hier het strong-element. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/.

In het betaalproces van Mollie (na pagina https://www.geologischedienst.nl/afrekenen/) komen visuele koppen voor die niet met een kop-element zijn opgemaakt, bijvoorbeeld 'Nederlandse Organisatie voor Toegepast-natuurwetenschappelijk Onderzoek TNO
€ 19,15'. Zorg ervoor dat visuele koppen ook als kop herkenbaar zijn voor hulpsoftware door zulke teksten op te maken als koptekst.

Op pagina https://gdn.wp01-stage.dutchwebdesign.nl/afrekenen/bestelling-ontvangen zijn delen van de tekst opgemaakt met een strong-element, zoals het bestelnummer. Daarnaast is deze tekst visueel als een soort tabel opgemaakt, maar is het in de code een opsomming, waarbij het woord "Bestelnummer" en het nummer in één li-element staan. Maak de relatie duidelijk door bijvoorbeeld ofwel een tabel, of een descriptionlist te gebruiken en vermijd daarbij het gebruik van het strong-element.

Op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ staat een afbeelding met daaronder een beschrijving. Deze beschrijving (in dit geval 'Geologie in de klas') is opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan één woord (of een term bestaande uit meerdere woorden, indien gepast). Gebruik het daarom niet puur voor opmaak. Gebruik CSS of een vergelijkbare techniek om dezelfde opmaak te geven zonder de semantische waarde van het em-element.

In de header van iedere pagina staat een zoekfunctie. De zoekfunctie heeft een geassocieerd label, maar de CSS instellingen van dat label zijn ingesteld op display:none waardoor het niet beschikbaar is voor hulpsoftware in o.a. Chrome. Hierdoor heeft het invoerveld niet in iedere browser een toegankelijke naam. Zorg er voor dat het label beschikbaar is voor hulpsoftware, door een andere manier van verbergen te gebruiken ofwel door het label permanent zichtbaar te maken. Zie ook succescriterium 3.3.2. Dit geldt ook voor de Engelstalige pagina.

Het is voor bezoekers die gebruik maken van voorleessoftware niet duidelijk of menu-items in het navigatiemenu bovenaan iedere pagina in- of uitgeklapt zijn. Zorg ervoor dat deze status beschikbaar is voor hulpsoftware, door bijvoorbeeld aria-expanded te gebruiken. Een vergelijkbare situatie doet zich voor op de quiz-pagina. Wanneer bezoekers inzoomen op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ verschuift de tekst 'Hoe werkt deze quiz?' naar onder de hoofdcontent en de inhoud van de tekst is beschikbaar via een uitklapbaar item. Het is voor hulpsoftware niet duidelijk of het item in- of uitgeklapt is. Zie ook succescriterium 4.1.2 over dit element.

De tabel op pagina https://www.geologischedienst.nl/cookie-statement/ is niet correct opgemaakt. De tabelkoppen zijn td-elementen waarbij de tekst is opgemaakt met het strong-element om het dikgedrukt te maken. Hierdoor zijn de tabelkoppen niet herkenbaar voor hulpsoftware en is er voor bezoekers die het scherm niet kunnen zien geen relatie tussen de tabelkoppen en de datacellen. Maak daarom gebruik van th-elementen om de tabelkoppen op te maken en verwijder het strong-element.

Op pagina https://www.geologischedienst.nl/contact/ staat de tekst 'Jouw bijlage'. Deze tekst is opgemaakt met een label-element maar het is nergens aan gekoppeld. Gebruik hier in plaats van een label-element liever een koptekst.

Op pagina https://www.geologischedienst.nl/?s=steen kunnen bezoekers resultaten filteren. Deze selectievakjes zijn nu niet gegroepeerd. Groepeer deze door bijvoorbeeld gebruik te maken van een formfield en legend combinatie. Een vergelijkbaar probleem doet zich voor bij de quiz-opties in het proces op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/, waar de vraag ook niet gekoppeld is aan de antwoordopties.

Wanneer bezoekers inzoomen op de pagina, verandert het navigatiemenu in een hamburgermenu. Het is voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware niet duidelijk of het menu in- of uitgeklapt is. Maak deze status duidelijk door bijvoorbeeld aria-expanded te gebruiken. Idealiter is het menu daarnaast ook een knop, in plaats van een link.

Op pagina https://www.geologischedienst.nl/producten/ staan uitklapbare blokken content, bijvoorbeeld 'BROloket.nl'. De knoppen om de uitklappers te openen hebben een aria-expanded attribuut, maar die staan standaard op 'true', ook al zijn ze niet uitgeklapt en bij uitklappen wordt er geen verandering doorgegeven. Zorg ervoor dat het attribuut de huidige staat communiceert.

Op pagina https://www.geologischedienst.nl/geologie-voor-jou/geologische-wandel-en-fietsroutes/fietsroute-utrechtse-heuvelrug-en-kromme-rijngebied/ is het duidelijk welk item in het zij-menu actief is doordat dat item dikgedrukt is. Zorg ervoor dat deze informatie ook voor hulpsoftware beschikbaar is, bijvoorbeeld door aria-current te gebruiken. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/en/about-gdn/strategy/, op pagina https://www.geologischedienst.nl/over-gdn/werken-bij-gdn-careers-at-gdn/ en op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/.

Op pagina https://www.geologischedienst.nl/winkelmandje/ komen tabellen voor voor opmaakdoeleinden. Verwijder ofwel de gehele tabel of plaats role=presentation op het table-element om de tabel relatie uit de content te verwijderen.

De PDF op pagina https://www.geologischedienst.nl/app/uploads/2021/11/TNO-2020-geologische.pdf is niet goed gecodeerd:

Visuele koppen zijn als paragraaftekst opgemaakt in plaats van als koptekst.
Terugkerende teksten als de kopteksten boven aan iedere pagina zijn op iedere pagina als paragraaftekst gemarkeerd.
Opsommingen zoals op pagina 42 zijn niet als opsommingen opgemaakt.

Advies: Op onder andere de homepage worden niveaus overgeslagen in de koppenstructuur. Bijvoorbeeld: De tekst 'Welkom bij het kennis- en onderzoekscentrum van de Nederlandse ondergrond' is een kop van niveau 2 en de tekst 'Energiestransitie' is een kop van niveau 4. De koppenstructuur van een pagina is een belangrijk navigatiemiddel voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware. Door middel van de koppenstructuur hebben zij een goed beeld van hoe de pagina in elkaar zit en welke informatie zij op welke plek kunnen vinden. Gebruik daarom bij voorkeur een logische aflopende koppenstructuur waarbij geen niveaus worden overgeslagen.

Aansluitend advies: Op pagina https://www.geologischedienst.nl/cookie-statement/ staat de kop van niveau 1 ('Cookie privacy-instellingen') ónder de kop van niveau 2 ('Cookie statement'). Dit is onlogisch. Op deze en andere pagina's, waaronder op pagina https://www.geologischedienst.nl/cookie-statement/, komen daarnaast meerdere koppen van niveau 1 voor.

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: Onvoldoende

Bevindingen: Op de homepage onder 'Welkom bij het kennis- en onderzoekscentrum van de Nederlandse ondergrond' staan vier links (bijvoorbeeld 'Energietransitie'), met daarin een afbeelding, een h4-kop en een paragraaftekst. De afbeeldingen hebben een alternatieve tekst en staan bóven de h4-kop. Het is daardoor voor bezoekers die het scherm niet kunnen zien moeilijk om te beoordelen bij welke kop de afbeelding hoort. Plaats daarom afbeeldingen met alternatieve tekst in de code ónder de bijbehorende kop. In dit geval is het beter de afbeeldingen te verbergen, bijvoorbeeld met aria-hidden, omdat de iconen decoratief zijn. Zie ook succescriterium 1.1.1. Een vergelijkbare situatie komt voor op pagina https://www.geologischedienst.nl/contact/, met de locaties en op pagina https://www.geologischedienst.nl/actueel/agenda/.

Op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ staat een blok 'Zie ook'. De categorie waar het item bij hoort staat visueel en in de code bóven de kop van het item. Plaats de categorie in de code ónder de kop. Visueel mag het er wel boven staan. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/ en op pagina https://www.geologischedienst.nl/nieuws/tien-jaar-boringen-in-nederland-naar-zout-olie-gas-en-aardwarmte/.

Advies: Op onder andere pagina https://www.geologischedienst.nl/geologie-voor-jou/geologische-wandel-en-fietsroutes/fietsroute-utrechtse-heuvelrug-en-kromme-rijngebied/ verschuift het zij-menu na inzoomen naar ónder het artikel. Dit is niet per se fout, maar misschien ook niet de meest logische optie. Overweeg het zij-menu boven het artikel te plaatsen. Let op: Dit is een herhalend blok op de pagina en moet daarom overgeslagen kunnen worden. Hou hiermee rekening bij succescriterium 2.4.1. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/over-gdn/werken-bij-gdn-careers-at-gdn/.

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: Voldoende

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:

Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en
De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Voldoende

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: Voldoende

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:

Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Wanneer een bezoeker met de muis over een link in de footer hovert, bijvoorbeeld 'Home', kleurt de tekst van zwart naar blauw (HEX #447B94). De contrastratio met de achtergrond (HEX #E6EAEE) is dan 3,8:1 waar dat tenminste 4,5:1 moet zijn. Dit doet zich ook voor in het navigatiemenu bovenaan iedere pagina en (zonder hover) in de paginering op pagina https://www.geologischedienst.nl/?s=steen, pagina https://www.geologischedienst.nl/actueel/agenda/ en pagina https://www.geologischedienst.nl/actueel/nieuws/. Deze kleurcombinatie komt daarnaast ook op andere plekken op de website voor, waaronder op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/, pagina https://www.geologischedienst.nl/contact/ en pagina https://www.geologischedienst.nl/producten/. Dit geldt ook voor de Engelstalige pagina's, waaronder https://www.geologischedienst.nl/en/about-gdn/strategy/.

Op pagina https://www.geologischedienst.nl/afrekenen/ komt blauwe tekst (HEX #447B94) op een grijs/paarse achtergrond (HEX #E9E6ED) voor. De contrastratio is hier 3,6:1 waar dat minimaal 4,5:1 moet zijn.

Wanneer een bezoeker met de muis over een blauwe link met witte tekst hovert, bijvoorbeeld 'Bekijk alle projecten' op de homepage, kleurt de achtergrond lichter blauw (HEX #608FA4). De contrastratio van de witte tekst op de blauwe achtergrond is dan 3,8:1 waar dat tenminste 4,5:1 moet zijn. Dit doet zich overal op de website voor, bij voorbeeld op pagina https://www.geologischedienst.nl/contact en op pagina https://www.geologischedienst.nl/?s=steen. Dit geldt ook voor de Engelstalige pagina's, waaronder https://www.geologischedienst.nl/en/about-gdn/strategy/.

Op de resultatenpagina van het proces op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ komt groene tekst (HEX #91A83D) op een witte achtergrond voor. De contrastratio is hier 2,6:1 waar dat minimaal 3:1 moet zijn.

Op pagina https://www.geologischedienst.nl/afrekenen/ komen rode asterisken (*) voor. De contrastratio tussen het rood (HEX #FF0000) en de witte achtergrond is 4:1 waar dat minimaal 4,5:1 moet zijn. Op dezelfde pagina komt de asterisk ook voor op een grijs/paarse achtergrond (HEX #E9E6ED). Hier is de contrastratio 3,2:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ komt een 3D tour het lab voor, dit iframe bevat meerdere contrastproblemen, bijvoorbeeld dat het logo TNO for life en de tekst Powered by Matterport over elkaar heen staan in dezelfde kleur en daardoor niet meer goed leesbaar zijn. Ook andere witte teksten zoals Help, Terms en Matterport zijn niet goed leesbaar afhankelijk van welke afbeelding er als achtergrond wordt gebruikt. De widget bevat ook delen met een blauwe achtergrond met daarin witte tekst. Afhankelijk van de afbeelding achter het blauwe blok (bijvoorbeeld wanneer op de afbeelding witte kasten of muren zichtbaar zijn) is de contrastratio tussen de tekst en de achtergrond te laag (bijvoorbeeld 4,1:1 waar dat minimaal 4,5: moet zijn). Bij muishover wordt die tekst blauw, wat de contrastproblemen verergert. Verder bevat de widget rode tekst (HEX #FF3158), die op de witte achtergrond een contrastratio van 3,6:1 heeft waar dat minimaal 4,5:1 moet zijn. Deze en verdere contrastproblemen maakt de widget ontoegankelijk voor slechtziende en kleurenblinde bezoekers.

Wanneer een bezoeker in het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) over één van de betaalopties hovert, kleurt de tekst lichtgrijs (HEX #858585). De contrastratio is hier 3,6:1 waar dat minimaal 4,5:1 moet zijn.

Wanneer een bezoeker in het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) komt er grijze tekst voor (HEX #6D737C) (bijvoorbeeld 'Vorige' en 'Nederlands') op een lichtgrijze achtergrond (HEX #EAEAEA). De contrastratio is hier 3,9:1 waar dat minimaal 4,5:1 moet zijn.

In de PDF op pagina https://www.geologischedienst.nl/app/uploads/2021/11/TNO-2020-geologische.pdf komen meerdere contrastfouten voor, waaronder:

De witte teksten over een afbeelding zorgen op meerdere pagina's voor moeilijk leesbare tekst.
De witte tekst op de gele (HEX #FFCC00) ondergrond op pagina 2 en pagina 40. De contrastratio is hier 1,5:1 waar dat minimaal 3:1 moet zijn.
De witte tekst op de mosterdgele (HEX #CDA600) ondergrond, bijvoorbeeld op de pagina 12 en 13, en andersom de mosterdgele tekst op de witte achtergrond, heeft een contrastratio van 2,3:1 waar dat minimaal 3:1 moet zijn voor grote tekst en 4,5:1 voor normale tekst.
De witte tekst op de groene (HEX #96A825) achtergrond, op pagina 44, heeft een contrastratio van 2,6:1 waar dat minimaal 4,5:1 moet zijn.

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: Voldoende

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:

Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op onder andere pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ komt een afbeelding voor die tekst bevat. Bezoekers die bijvoorbeeld ver moeten inzoomen, het contrast of de tekstafstand moeten wijzigen om de informatie beter tot zich te kunnen nemen, kunnen dat niet met tekst op een afbeelding. Op de pagina is geen uitleg aanwezig van de tekst in de afbeelding. Zorg ervoor dat de informatie in de afbeelding ook op een andere manier aanwezig is, als het niet mogelijk is de afbeelding zonder tekst op de pagina te plaatsen. Zie ook succescriterium 1.1.1.

In het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) staat de tekst 'Beveiligd en mogelijk gemaakt door' met daar achter een afbeelding van de tekst Mollie. Bezoekers die bijvoorbeeld ver moeten inzoomen, het contrast of de tekstafstand moeten wijzigen om de informatie beter tot zich te kunnen nemen, kunnen dat niet met tekst op een afbeelding. Op de pagina is geen uitleg aanwezig van de tekst in de afbeelding. Zorg ervoor dat de informatie in de afbeelding ook op een andere manier aanwezig is, als het niet mogelijk is de afbeelding zonder tekst op de pagina te plaatsen.

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:

Verticaal scrollbare content met een breedte gelijkwaardig aan 320 CSS-pixels;
Horizontaal scrollbare content met een hoogte gelijkwaardig aan 256 CSS-pixels.

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: Wanneer bezoekers die tekstafstand aanpassen naar de waarden zoals beschreven bij succescriterium 1.4.12 en inzoomen naar vanaf 150% (met een viewport van 1280 bij 1024 pixels) valt de link naar de webshop deels buiten het navigatiemenu en bij verder inzoomen volledig. Zonder het aanpassen van de tekstafstand gebeurt dit bij respectievelijk 175% zoom. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/?s=steen met een viewport van 1280 bij 1024 inzoomen naar vanaf 125%, verdwijnt de tekst die aangeeft hoeveel zoekresultaten er zijn gevonden. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Wanneer bezoekers op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ bij een viewport van 1280 bij 1024 inzoomen naar vanaf 175%, verdwijnt het kruimelpad. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Wanneer bezoekers inzoomen op de pagina, verandert het navigatiemenu in een hamburgermenu. In deze weergave heeft het menu geen submenu items meer. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://www.geologischedienst.nl/onderzoek/projecten-overzicht/ zijn niet alle teksten op de pagina nog leesbaar. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Wanneer bezoekers inzoomen op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ is de 3D-tour niet meer volledig zichtbaar en bedienbaar. Idealiter schaalt het iframe mee met de pagina., maar voor dit soort widgets en content volstaat het om een scrollbalk aan het iframe toe te voegen (let op: dus niet aan de volledige pagina waar het iframe op staat).

Wanneer bezoekers op pagina https://www.geologischedienst.nl/shop/ een item in hun winkelmandje hebben en het winkelmandje open staat, wanneer zij ingezoomd zijn tot 400% met een viewport van 1280 bij 1024, is de inhoud van het winkelmandje niet meer zichtbaar omdat de header en de footer teveel ruimte in beslag nemen. Ook de optie om een item uit het winkelmandje te verwijderen is dan niet meer zichtbaar. Zorg ervoor dat bezoekers kunnen inzoomen zonder dat informatie of functionaliteit verdwijnt.

Advies: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% neemt de reCaptcha applicatie erg veel ruimte in op de pagina. Overweeg deze naar een andere plek op de pagina te verplaatsen of bijvoorbeeld bereikbaar te maken via een link in de footer.

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:

Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Wanneer de knop 'Versturen' op pagina https://www.geologischedienst.nl/contact/ focus heeft, is dat zichtbaar door een donkerblauwe focusrand (HEX #37598C). De contrastratio tussen de focusrand en de blauwe achtergrond van de knop (HEX #447B94) is 1,5:1 waar dat minimaal 3:1 moet zijn. Dit doet zich op meerdere pagina's voor waaronder op pagina https://www.geologischedienst.nl/?s=steen.

De widget van de 3D-tour op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ bevat meerdere contrastproblemen van niet-tekstuele content, vergelijkbaar met de problemen die zijn benoemd onder succescriterium 1.4.3.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/afrekenen/ voor betalen met creditcard kiezen, verschijnen er invoervelden met daaromheen een grijze rand. De contrastratio tussen de rand (HEX #B2AEB7) en de witte achtergrond van het veld is 2,1:1 waar dat minimaal 3:1 moet zijn. Wanneer de bezoeker de velden al eens heeft aangeklikt of is gepasseerd met het toetsenbord, worden de randen roze (HEX #E1BECB). Dan is de contrastratio is 1,6:1 waar dat minimaal 3:1 moet zijn.

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:

Regelhoogte (regelafstand) naar minstens 1,5 keer de lettergrootte;
Afstand tussen alinea's naar minstens 2 keer de lettergrootte;
Letterafstand (spatieren van letters) naar minstens 0,12 keer de lettergrootte;
Spatieren van woorden naar minstens 0,16 keer de lettergrootte.

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: Onvoldoende

Bevindingen: Wanneer bezoekers de tekst aanpassen naar de waarden zoals beschreven voor dit succescriterium op pagina https://www.geologischedienst.nl/onderzoek/projecten-overzicht/, zijn de paragraafteksten in de contentblokken niet meer geheel leesbaar. Zorg ervoor dat de opmaak het toelaat de tekstafstanden aan te passen zonder verlies van informatie of functionaliteit.

Wanneer bezoekers in het betaalproces van Mollie (na pagina https://www.geologischedienst.nl/afrekenen/) de tekst aanpassen naar de waarden zoals beschreven voor dit succescriterium, passen langere taalnamen zoals Nederlands niet meer in het select-element waardoor ze niet meer goed leesbaar zijn.

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:

Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is.

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: Onvoldoende

Bevindingen: Wanneer bezoekers met de muisaanwijzer over het navigatiemenu in de header boven iedere pagina hoveren, verschijnt aanvullende content. Bezoekers kunnen deze aanvullende content niet verwijderen zonder de muisaanwijzer te verplaatsen. Zorg ervoor dat dit kan, bijvoorbeeld met de escape-toets. Met het toetsenbord wanneer de menu-items toetsenbordfocus hebben werkt dit wel.

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: De website maakt gebruikt van reCaptcha beveiliging, die rechtsonder in iedere pagina te vinden is. Als de muisaanwijzer hier naartoe wordt gebracht, is de tekst 'beveiligd met reCAPTHCA' te zien. Deze functionaliteit is niet bereikbaar en bedienbaar met het toetsenbord omdat role=presentation op het iframe is geplaatst. De tekst is hierdoor niet beschikbaar voor bezoekers die navigeren via het toetsenbord en wel kunnen zien (en geen hulpsoftware zoals een screenreader gebruiken). Zorg ervoor dat alle functionaliteit zowel met de muis als met het toetsenbord bedienbaar is of zorg voor een toegankelijk en gelijkwaardig alternatief.

Op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ komt een 3D tour voor. De knop om de 3D tour te starten is niet bereikbaar en bedienbaar met het toetsenbord. Wanneer een bezoeker één van de selectievakjes activeert die wel focus krijgen maar niet zichtbaar zijn (zie succescriterium 2.4.7) wordt de inhoud van het iframe donker en is er geen interactiviteit meer mogelijk. Verdere toetsenbordbediening binnen de widget is ook niet mogelijk, bezoekers kunnen alleen opties als van plattegrondview wisselen en de help functie bereiken met het toetsenbord, maar zij kunnen niet de tour doorlopen en alle functies gebruiken zoals bezoekers met de muis dit kunnen omdat toetsenbordnavigatie op die elementen ontbreekt.

Het icoon om het winkelmandje te openen op pagina https://www.geologischedienst.nl/shop/ is niet bereikbaar en bedienbaar met het toetsenbord. Wanneer bezoekers op die pagina op de knop 'Bekijk winkelmandje' klikken met de muis opent het winkelmandje wel, maar is vervolgens de knop om het winkelmandje weer te sluiten niet bereikbaar en bedienbaar met het toetsenbord. Ook de functie om items uit het winkelmandje te verwijderen is niet bereikbaar en bedienbaar met het toetsenbord. Zorg ervoor dat functies zowel met de muis als met het toetsenbord bedienbaar zijn.

Advies: Wanneer bezoekers op pagina https://www.geologischedienst.nl/contact/ met de tabtoets langs de checkbox 'Ik ga akkoord met het Privacy Statement van de GDN *' navigeren, wordt deze automatisch aangevinkt. De bezoeker moet nu eerst de checkbox weer uitvinken met de spatietoets of de entertoets als diegene verder wil navigeren zonder de checkbox aan te vinken. Laat het aanvinken van de checkbox bij de bezoeker en verwijder het automatische invullen.

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:

Uitzetten: Er is een mechanisme beschikbaar waarmee de sneltoets kan worden uitgezet;
Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen aan één of meerdere niet-afdrukbare tekens (bijvoorbeeld Ctrl, Alt, enz.);
Alleen actief bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer de betreffende component de focus heeft.

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:

Uitzetten: De gebruiker kan de tijdslimiet uitzetten voordat die wordt bereikt; of
Aanpassen: De gebruiker mag de tijdslimiet aanpassen voordat deze is verstreken over een bereik van ten minste tien keer de standaardinstelling; of
Verlengen: De gebruiker wordt gewaarschuwd voor de tijd afloopt en krijgt ten minste 20 seconden om de tijdslimiet met een eenvoudige handeling te verlengen (bijvoorbeeld, "druk op de spatiebalk"), en de gebruiker mag de tijdslimiet ten minste tien keer verlengen; of
Real-time uitzondering: De tijdslimiet is onderdeel van een realtime gebeurtenis (een veiling bijvoorbeeld) en er is geen alternatief voor de tijdslimiet mogelijk; of
Essentiële uitzondering: De tijdslimiet is essentieel en verlenging zou de activiteit ongeldig maken; of
20 uur uitzondering: De tijdslimiet is langer dan 20 uur.

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:

Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.

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: Voldoende

2.4 Navigeerbaar

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: Onvoldoende

Bevindingen: Wanneer bezoekers op onder andere pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ via de skiplink naar de hoofdinhoud van de pagina gaan, krijgt het eerste item van het zij-menu focus. Dit is herhalende content en moet overgeslagen worden.

Op pagina https://www.geologischedienst.nl/winkelmandje/ leidt de skiplink niet naar de hoofdinhoud van de pagina, maar gaat de toetsenbordfocus verder in het navigatiemenu van de pagina. Zorg ervoor dat bezoekers op iedere pagina herhalende content over kunnen slaan.

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 PDF op pagina https://www.geologischedienst.nl/app/uploads/2021/11/TNO-2020-geologische.pdf heeft wel een titel maar de instellingen zijn zo dat de bestandsnaam wordt getoond bij openen, in plaats van de titel. Kies bij 'Weergave bij openen' in de instellingen van de PDF voor 'Documenttitel'.

Advies: Wanneer de bezoeker de bestelling heeft afgerond (https://gdn.wp01-stage.dutchwebdesign.nl/afrekenen/bestelling-ontvangen/) is de titel van de pagina 'Afrekenen'. Zorg er idealiter voor dat het duidelijk is op welke pagina de bezoeker is, bijvoorbeeld door de status van de bestelling ('Bestelling ontvangen' of 'Bestelling mislukt' o.i.d.) onderdeel te maken van de titel van de pagina. Omdat de pagina wel als h1 ook 'Afrekenen' heet is dit slechts een advies.

Advies: Op meerdere pagina's, waaronder op pagina https://www.geologischedienst.nl/?s=steen, komt een procentteken voor in de paginatitel die niets toe lijkt te voegen. Verwijder deze liever.

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: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding van Piwik op de website. Deze cookiemelding krijgt pas na het doorlopen van alle interactieve elementen op de pagina focus. Zorg ervoor dat een cookiemelding ook met het toetsenbord direct weg geklikt kan worden.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ de quiz starten, heeft er daarna niets op de pagina focus. Wanneer de bezoeker vervolgens verder navigeert met de tab-toets krijgt het keuzerondje 'Waar' focus. Dit is verwarrend voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren, aangezien er na het drukken op 'Start quiz' niets meer voorgelezen wordt. Los dit bijvoorbeeld op door te zorgen dat na het volgen van de link 'Start de quiz' de focus naar de kop van de eerste quizvraag gaat. Zie ook succescriterium 4.1.3.

Wanneer bezoekers met het toetsenbord over pagina https://www.geologischedienst.nl/shop/ navigeren, krijgt de inhoud van het winkelmandje pas focus nadat de bezoeker door de hele pagina genavigeerd is, dus ná de items in de footer van de pagina. Dit geldt ook wanneer bezoekers eerst op de link 'Bekijk winkelmandje' hebben geklikt, dan gaat de focus eerst ook over de rest van de pagina. Dit is geen logische focusvolgorde. Zorg ervoor dat het winkelmandje ofwel focus krijgt in de header van de pagina, ofwel na de hoofdinhoud van de pagina. Zie ook succescriterium 2.1.1.

Wanneer bezoekers met het toetsenbord over pagina https://www.geologischedienst.nl/shop/ navigeren, krijgt de inhoud van het uitklapbare winkelmandje focus, ook wanneer dat venster dichtgeklapt is. Zorg dat de focus niet naar elementen gebracht kan worden die op dat moment niet op de pagina te zien zijn.

2.4.4 Linkdoel (in context) (Niveau A)

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: Op pagina https://www.geologischedienst.nl/?s=steen komt paginering voor. Het linkdoel is nu enkel het getal van de pagina, bijvoorbeeld '2'. Maak het linkdoel duidelijker door bijvoorbeeld 'Ga naar pagina 2' als linkdoel in te stellen. Hetzelfde geldt voor 'Volgende' en 'Vorige', maak hier bijvoorbeeld 'Volgende pagina' van. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/actueel/agenda/ en op pagina https://www.geologischedienst.nl/actueel/nieuws/. Dit geldt ook voor de Engelstalige pagina's en het quizproces op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/.

Op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ staat een blok met 'Zie ook'. De links in dit blok hebben geen toegankelijke naam, waardoor een linkdoel mist. Geef de links een linkdoel, bijvoorbeeld door de kop en de categorie te nesten binnen het a-element. Andere oplossingen zijn ook mogelijk. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/ en op pagina https://www.geologischedienst.nl/nieuws/tien-jaar-boringen-in-nederland-naar-zout-olie-gas-en-aardwarmte/. Dit geldt ook voor de Engelstalige pagina's.

Advies: Op onder andere pagina https://www.geologischedienst.nl/over-gdn/werken-bij-gdn-careers-at-gdn/ komen 'Lees meer' linkteksten voor. Uit de context van de paragraaf is duidelijk waar de link naar verwijst, maar voor bezoekers die gebruik maken van bijvoorbeeld een linklijst is dit niet beschrijvend genoeg. Overweeg de linkteksten daarom aan te passen, bijvoorbeeld naar 'Lees meer over Naam collega'.

Advies: Op pagina https://www.geologischedienst.nl/shop/ is de linktekst van de kaart "Geologische Kaart van het Koninkrijk der Nederlanden Geologische Kaart Nederland (gevouwen editie) €15,00" omdat de linktekst zowel de alternatieve tekst van de afbeelding als de tekst eronder bevat. Overweeg deze in te korten.

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: Voldoende

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: Voldoende

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: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding van Piwik op de website. Alleen het visuele select element krijgt zichtbaar focus, alle andere interactieve elementen in de melding niet.

Op de website komt het op meerdere plekken voor dat er geen zichtbare focusrand of andere focusstyle aanwezig is voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren. Voeg op deze plekken daarom een zichtbare focusindicator toe. Het gaat om onder andere:

Het logo van de Geologische Dienst Nederland, in de header van iedere pagina.
De link Wijzig tekstgrootte' in de header van iedere pagina.
De link 'Language' in de header van iedere pagina.
Het navigatiemenu in de header van iedere pagina.
De links onder 'Welkom bij het kennis- en onderzoekscentrum van de Nederlandse ondergrond' op de homepage.
Alle links onder 'Waar ben je naar op zoek?', 'Heb je een advies- of onderzoeksvraag?', de links onder 'Actueel', de evenementen onder 'Agenda' en de links onder 'Projecten' op de homepage.
Alle links op pagina https://www.geologischedienst.nl/contact/.
Alle links in de footer onder iedere pagina.

Vergelijkbare situaties doen zich op iedere pagina in de sample voor.

Wanneer bezoekers inzoomen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. Wanneer bezoekers met de tabtoets door het menu navigeren en verder navigeren op de pagina, volgt na het zoekveld nog een keer de link 'Webshop', maar deze link is niet zichtbaar op de pagina. Aangezien deze link eerder op een logische plek in de focusvolgorde al is voorgekomen, is het in dit geval logischer de dubbele link te verwijderen uit de focusvolgorde in plaats van de link zichtbaar te maken.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ met het toetsenbord naar de 3D-tour navigeren, krijgen meerdere items in het iframe toetsenbordfocus terwijl dat niet zichtbaar is, bijvoorbeeld meerdere selectievakjes nog voor op de afspeel-knop is gedrukt. Dit probleem doet zich op meerdere plekken in de widget voor. Wanneer andere wel bereikbare elementen toetsenbordfocus hebben is dit ook niet zichtbaar.

Op pagina https://www.geologischedienst.nl/afrekenen/ krijgen de links 'Privacy statement' en 'Algemene voorwaarden' in het betaalopties blok geen zichtbare focus.

Wanneer bezoekers het betaalproces (via Mollie) doorlopen na pagina https://www.geologischedienst.nl/afrekenen/, is er geen zichtbare focusrand aanwezig.

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: Niet aanwezig

2.5.2 Aanwijzerannulering (Niveau A)

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

Geen down-event: Het down-event van de aanwijzer wordt niet gebruikt om enig onderdeel van de functie uit te voeren;
Afbreken of ongedaan maken: De functie wordt voltooid door het up-event en er is een mechanisme beschikbaar om de functie af te breken voordat deze wordt voltooid of om de functie ongedaan te maken als deze is voltooid;
Up reversal: Met het up-event wordt elk resultaat van het voorgaande down-event ongedaan gemaakt;
Essentieel: Het voltooien van de functie met het down-event is essentieel.

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ komt een 3D tour voor. Deze start op een down evenement van de muis, zowel met de linker als met de rechter muisknop, ongeacht waar de bezoeker in het iframe klikt. Zorg ervoor dat de tour past start op een up-evenement van de linkermuisknop, zodat bezoekers de aanwijsactie nog kunnen annuleren.

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 homepage staan onder 'Actueel' visueel links met de tekst 'Lees meer', bijvoorbeeld onder 'Geo-expertise ingezet voor veiligheid Noordzee'. De toegankelijke naam van deze links is bijvoorbeeld "Geo-expertise ingezet voor veiligheid Noordzee". Omdat de visuele naam niet voorkomt in de toegankelijke naam, zijn de links moeilijker of niet bedienbaar voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam, het liefst vooraan. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/actueel/agenda/, op pagina https://www.geologischedienst.nl/actueel/nieuws/ en pagina https://www.geologischedienst.nl/onderzoek/projecten-overzicht/. Dit geldt ook voor de Engelstalige pagina's.

Op pagina https://www.geologischedienst.nl/shop/ staat een link met de visuele naam 'Direct toevoegen in winkelmandje' maar de toegankelijke naam is "Toevoegen aan winkelwagen: “Geologische Kaart Nederland (gevouwen editie)“". Omdat de visuele naam niet geheel voorkomt in de toegankelijke naam, is de link moeilijker of niet bedienbaar voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam, het liefst vooraan.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/afrekenen/ voor betalen met creditcard kiezen verschijnen er een aantal opties. Het veld 'Naam op de kaart' heeft als toegankelijke naam 'Kaarthouder'. Zorg dat de tekst van het visuele label in de toegankelijke naam voor komt.

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:

Ondersteunde interface: De beweging wordt gebruikt om de functionaliteit te bedienen via een door toegankelijkheid ondersteunde interface;
Essentieel: De beweging is essentieel voor de functie en wanneer de reactie op de beweging wordt uitgeschakeld, wordt de activiteit ongeldig gemaakt.

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig

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: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding van Piwik op de website. Deze cookiemelding staat standaard ingesteld op Engels, maar er is geen taalwissel aangegeven. Omdat de taalinstellingen van de website ingesteld staan op Nederlands, zal hulpsoftware deze melding dan ook in het Nederlands voorlezen.

In de header boven iedere pagina staat een link waarmee bezoekers de tekstgrootte op de pagina kunnen aanpassen. Onderdeel van de toegankelijke naam is de tekst 'Default large'. Omdat de taal van de pagina is ingesteld op Nederlands, zal hulpsoftware deze tekst daarom in het Nederlands voorlezen. Geef voor andere talen een taalwissel aan, of idealiter in dit geval, vertaal de tekst naar het Nederlands en zorg ervoor dat zowel de huidige staat (standaard of groot) als de staat ná het activeren van de link duidelijk is. Zie succescriterium 4.1.2.

Op de Engelstalige pagina's, waaronder de homepage https://www.geologischedienst.nl/en/, komen iconen voor met een Nederlandstalige alternatieve tekst, zoals 'Blauw informatie-icoontje'. Zie succescriterium 1.1.1 voor advies.

De paginatitel van https://www.geologischedienst.nl/?s=steen is 'You searched for steen'. Vertaal deze paginatitel naar het Nederlands. Een vergelijkbare situatie doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/bestaatniet.

De video op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/ bevat Engelstalige ondertiteling, terwijl de titel Nederlandstalig is. Ook de taalinstellingen van de videospeler zijn ingesteld op Nederlands. Zorg er daarom voor dat er ook Nederlandstalige ondertiteling aanwezig is, bijvoorbeeld door de ondertiteling in zowel het Nederlands als het Engels aan te bieden en de bezoeker zelf een taal te laten kiezen via de instellingen in de videospeler.

Het iframe met de 3D-tour op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ heeft Engelse taalinstellingen maar bevat zowel Engelstalige als Nederlandstalige tekst. Voor Nederlandstalige tekst moet hier een taalwissel worden aangegeven.

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

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 pagina https://www.geologischedienst.nl/winkelmandje/ staat de link 'Terug naar winkel'. Deze link leidt naar de pagina die elders op de website als 'Webshop' of 'Shop' aangeduid wordt. Voor sommige bezoekers kan het verwarrend zijn als een component (de webshop in dit geval) niet overal op dezelfde manier wordt aangeduid. Los dit bijvoorbeeld op door de term 'Webshop' op consistente wijze te gebruiken en de tekst van de link 'Terug naar winkel' aan te passen.

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: Wanneer bezoekers op pagina https://www.geologischedienst.nl/afrekenen/ een veld niet invullen, verschijnt boven het formulier per veld een melding. Deze melding bevat echter niet welke de bezoeker heeft gemaakt, alleen of een veld verplicht is en dat de bezoeker akkoord moet gaan met de algemene voorwaarden. Zorg ervoor dat het duidelijk is dat een bezoeker een fout heeft gemaakt door dit te verwerken in de melding. Bijvoorbeeld 'Het veld Voornaam is niet ingevuld. Dit is een verplicht veld.'

Advies: Wanneer bezoekers op pagina https://www.geologischedienst.nl/contact/ een veld niet invullen, verschijnt de melding 'Het veld is verplicht' bij het veld. Pas ónder het formulier verschijnt de melding 'Een of meer velden bevatten een fout. Graag corrigeren en opnieuw proberen.'. Overweeg deze melding boven het formulier te plaatsen.

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: In de header van iedere pagina staat een zoekfunctie. Dit invoerveld heeft alleen een placeholder, die verdwijnt zodra een bezoeker begint met typen. Zorg ervoor dat het doel van het invoerveld altijd duidelijk is, door een permanent zichtbaar label toe te voegen. Dit kan in tekst zijn, maar bijvoorbeeld ook met een vergrootglas-icoon. Dit geldt ook voor de Engelstalige pagina.

Op pagina https://www.geologischedienst.nl/afrekenen/ wordt met een asterisk (*) aangegeven dat velden verplicht ingevuld moeten worden door de bezoeker, maar er staat nergens op de pagina wat de betekenis van de asterisk is. Plaats dit bij voorkeur bovenaan het formulier.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/afrekenen/ voor betalen met creditcard kiezen, verschijnt onder andere het veld 'Vervaldatum'. Dit veld bevat instructies in de placeholder tekst (MM/JJ) die verdwijnen wanneer de bezoeker begint met typen. Zorg ervoor dat instructies voor het invullen van een formulierveld permanent zichtbaar zijn.

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: Wanneer bezoekers op pagina https://www.geologischedienst.nl/afrekenen/ één van de creditcard velden niet goed invult, verschijnt er een melding, bijvoorbeeld 'Vervaldatum kan niet leeg zijn', 'Kaart is verlopen' of 'Vervaldatum niet volledig'. Omdat hier een specifiek format wordt gevraagd, moet dit ook terugkomen in de foutmelding zodat de bezoeker weet hoe de fout opgelost moet worden. Bijvoorbeeld 'Vervaldatum is niet volledig. Vul een datum in de toekomst in, in het format MM/JJ'.

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

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:

Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
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: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding van Piwik op de website. Het element om van taal te wisselen heeft geen toegankelijke naam en rol.

In de header boven iedere pagina staat een link waarmee bezoekers de tekstgrootte op de pagina kunnen aanpassen. Na het volgen van deze link wijzigt de toegankelijke naam niet, deze blijft 'Default Large Wijzig tekstgrootte'. Voor bijvoorbeeld bezoekers die slechtziend zijn en hulpsoftware zoals een screenreader gebruiken, is het hierdoor niet duidelijk of de tekst al vergroot is of nog niet. Ook is het beter dit element anders op te maken, bijvoorbeeld als knop of schakelknop (toggle switch). Zorg dat aan de toegankelijke naam af te leiden is wat de staat van de knop is.

Onderdeel van de toegankelijke naam is de tekst 'Default large'. Omdat de taal van de pagina is ingesteld op Nederlands, zal hulpsoftware deze tekst daarom in het Nederlands voorlezen. Geef voor andere talen een taalwissel aan, of idealiter in dit geval, vertaal de tekst naar het Nederlands en zorg ervoor dat zowel de huidige staat (standaard of groot) als de staat ná het activeren van de knop duidelijk is. Zie succescriterium 4.1.2.

Op pagina https://www.geologischedienst.nl/contact/ staat een selectievakje bij 'Ik ga akkoord met het Privacy Statement van GDN*'. Als de focus hier via het toetsenbord naartoe wordt gebracht, is visueel af te leiden dat het selectievakje bij focus van staat verandert (deze wordt ingeschakeld). Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is dit niet duidelijk, omdat op dat moment wordt voorgelezen dat het selectievakje uitgeschakeld is. Zorg dat hulpsoftware op de juiste wijze kan interpreteren of het selectievakje is ingeschakeld of uitgeschakeld.

Op onder andere pagina https://www.geologischedienst.nl/agenda/geoweek-2023/ staat een blok met 'Zie ook'. De links in dit blok hebben geen toegankelijke naam. Zie ook succescriterium 2.4.4. Links zonder toegankelijke naam komen op meer plekken voor, bijvoorbeeld de link om het navigatiemenu (in ingezoomde/mobiele weergave) te sluiten. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/nieuws/video-geologische-kaart-van-het-koninkrijk-der-nederlanden/.

Het invoerveld in de zoekfunctie bovenaan iedere pagina heeft geen toegankelijke naam. Zie succescriterium 1.3.1.

Het iframe op pagina https://www.geologischedienst.nl/faciliteiten/geomechanisch-laboratorium-im4rocklab/ heeft geen toegankelijke naam omdat het title-attribuut en daarbinnen een beschrijving mist. Voeg deze toe.

Wanneer bezoekers inzoomen op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ verschuift de tekst 'Hoe werkt deze quiz?' naar onder de hoofdcontent en de inhoud van de tekst is beschikbaar via een uitklapbaar item. Dit uitklapbare item heeft geen toegankelijke naam en rol. Zorg er ook voor dat de status goed wordt doorgegeven.

De 'knoppen' om het winkelmandje te openen en te sluiten en de optie om een item uit het winkelmandje te verwijderen, op pagina https://www.geologischedienst.nl/shop/ hebben geen toegankelijke naam en rol. Zie ook succescriterium 2.1.1.

In het betaalproces van Mollie (vanaf pagina https://www.geologischedienst.nl/afrekenen/) komt een select-element voor, zonder toegankelijke naam. Zorg ervoor dat ieder interactief element van een naam, rol en waarde voorzien is.

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: Wanneer de bezoeker op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ de quiz start, ververst de inhoud van de pagina, maar die informatie is niet beschikbaar voor hulpsoftware. Ditzelfde geldt voor de tekst die verschijnt nadat een bezoeker op 'Volgende' heeft geklikt, en een uitleg verschijnt.

Wanneer bezoekers op pagina https://www.geologischedienst.nl/winkelmandje/ een product aanpassen en op 'Update winkelmandje' klikken, verschijnt een laad-animatie. De informatie dat de pagina aan het laden is is niet beschikbaar voor hulpsoftware. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.geologischedienst.nl/afrekenen/.

Advies: Wanneer bezoekers op pagina https://www.geologischedienst.nl/?s=steen de resultaten filteren, verschijnt op een nieuwe pagina de melding 'Uw zoekopdracht 'steen' zorgt voor X aantal resultaten'. Overweeg deze melding direct voor te lezen nadat de nieuwe pagina geladen is.

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:

Chrome 126
Firefox 128
NVDA 2024
Adobe Acrobat Pro

Bronnen

Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Overview
www.w3.org/WAI/eval/conformance (Engels)
Web Content Accessibility Guidelines (WCAG) 2.1 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG21-nl
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/

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

Rapport: Audit digitale toegankelijkheid website Geologische Dienst Nederland

Samenvatting onderzoeksresultaat

Scope van de evaluatie

Overzicht toetsresultaat

Leeswijzer

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

1.2 Op tijd gebaseerde media

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

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

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

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

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

1.3.2 Betekenisvolle volgorde (Niveau A)

1.3.3 Zintuiglijke eigenschappen (Niveau A)

1.3.4 Weergavestand (Niveau AA)

1.3.5 Identificeer het doel van de input (Niveau AA)

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

1.4.2 Geluidsbediening (Niveau A)

1.4.3 Contrast (minimum) (Niveau AA)

1.4.4 Herschalen van tekst (Niveau AA)

1.4.5 Afbeeldingen van tekst (Niveau AA)

1.4.10 Reflow (Niveau AA)

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

1.4.12 Tekstafstand (Niveau AA)

1.4.13 Content bij hover of focus (Niveau AA)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

2.1.2 Geen toetsenbordval (Niveau A)

2.1.4 Enkel teken sneltoets (Niveau A)

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

2.4.2 Paginatitel (Niveau A)

2.4.3 Focus volgorde (Niveau A)

2.4.4 Linkdoel (in context) (Niveau A)

2.4.5 Meerdere manieren (Niveau AA)

2.4.6 Koppen en labels (Niveau AA)

2.4.7 Focus zichtbaar (Niveau AA)

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

2.5.2 Aanwijzerannulering (Niveau A)

2.5.3 Label in naam (Niveau A)

2.5.4 Bewegingsactivering (Niveau A)

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

3.1.2 Taal van onderdelen (Niveau AA)

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

3.2.2 Bij input (Niveau A)

3.2.3 Consistente navigatie (Niveau AA)

3.2.4 Consistente identificatie (Niveau AA)

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

3.3.2 Labels of instructies (Niveau A)

3.3.3 Foutsuggestie (Niveau AA)

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

4.1.2 Naam, rol, waarde (Niveau A)

4.1.3 Statusberichten (Niveau AA)

Onderbouwing van de evaluatie

Steekproef getoetste webpagina's

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bronnen

Rapport:
Audit digitale toegankelijkheid website Geologische Dienst Nederland