Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Geologische Dienst Nederland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Geologische Dienst Nederland
Datum 25 juli 2024
Scope van de website Binnen de scope van de audit valt:
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

Uitgebreide toetsresultaten

Aantal bevindingen: 113

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

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

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

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

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

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

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

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

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

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

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

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

Bevinding 13: 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.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

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

Uitkomst: Onvoldoende

Bevinding 14: 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.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 15: 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. Zorg ervoor dat deze informatie in het audiospoor van de video terugkomt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

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

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

Bevinding 35: 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.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

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

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

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

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

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

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

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

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

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

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

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

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

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

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

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

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

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

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

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

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

Bevinding 64: 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.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

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

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

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

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

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

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

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

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

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

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

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

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

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

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

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

Bevinding 77: 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.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Onvoldoende

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

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

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

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

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

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

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

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

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

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

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

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

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

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

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

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

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

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

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

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

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

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

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

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

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

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

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

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

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

Bronnen

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

Geprint: 2025-01-30 06:08:34 v2.4-011