Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Geologische Dienst Nederland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Geologische Dienst Nederland
Datum 26 november 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: 33

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: Aangepaste bevinding naar aanleiding van de hercontrole:
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, bijvoorbeeld door de tekst 'externe pagina' toe te voegen aan het linkdoel.

Bevinding 2: Aangepaste bevinding naar aanleiding van de hercontrole:
Op pagina https://www.geologischedienst.nl/afrekenen/ komt een afbeelding voor van verschillende creditcard opties (Visa, Mastercard en American Express). De alternatieve tekst van deze afbeelding is 'creditcard opties'. Voor blinde bezoekers is het nu alsnog niet duidelijk wélke creditcards geaccepteerd worden. Zorg ervoor dat deze informatie voorkomt in de alternatieve tekst van de afbeelding.
Let op: Wanneer een bezoeker de radiobutton voor Creditcard selecteert verschijnen de ideal en creditcard afbeeldingen opnieuw en deze hebben dan géén alternatieve tekst, terwijl die wel aanwezig moeten zijn.

Bevinding 3: Nieuwe bevinding naar aanleiding van de hercontrole:
Het betaalproces via Mollie bevat meerdere toegankelijkheidsproblemen voor dit succescriterium. Zo is de QR-code die nu aangeboden wordt een canvas-element zonder alternatieve tekst en bevat het iDeal logo links bovenaan de pagina geen alternatieve tekst. Dit zijn wijzigingen op de pagina ten opzichte van de oorspronkelijke audit.

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

Bevinding 5: Advies naar aanleiding van de hercontrole: 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 de afbeeldingen bevatten nu wel een alternatieve tekst die overeenkomt met de naam van de bank. Hierdoor wordt deze dubbel voorgelezen. Het is prettiger de afbeeldingen te verbergen.

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 6: 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 7: 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 8: 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 9: Aangepaste bevinding naar aanleiding van de hercontrole:
Het is voor bezoekers die gebruik maken van voorleessoftware niet duidelijk of menu-items in het navigatiemenu bovenaan iedere pagina in- of uitgeklapt zijn. Het aria-expanded attribuut is gebruikt, maar niet op het juiste element. Het is nu op het ul-element geplaatst in plaats van op een interactief element. Hierdoor wordt deze informatie ook niet voorgelezen. Maar bijvoorbeeld van de naar beneden wijzende pijl een knop en gebruik het aria-expanded attribuut hier op.

Bevinding 10: Aangepaste bevinding naar aanleiding van de hercontrole:
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. De tekst 'Hoe werkt deze quiz' is opgemaakt met een h3-element, maar overschreven door role=button. Hierdoor is het nu dus geen kop-element meer, terwijl het dat wel moet zijn. Maak bijvoorbeeld gebruik van een button-element (met aria-expanded attribuut) en plaats daarin de tekst in een h3-element.

Bevinding 11: Aangepaste bevinding naar aanleiding van de hercontrole:
Op pagina https://www.geologischedienst.nl/quiz/geologie-quiz/ komen radio-buttons voor, die momenteel niet goed gekoppeld zijn aan de bijbehorende vraag. Dat komt omdat er wel een fieldset en legend aanwezig zijn, maar het legend element is niet het eerste child-element van het fieldset-element. Hierdoor wordt de vraag niet voorgelezen wanneer een bezoeker met een screenreader langs de radio-buttons navigeert.

Bevinding 12: Aangepaste bevinding naar aanleiding van de hercontrole:
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/faciliteiten/geomechanisch-laboratorium-im4rocklab/.

Bevinding 13: Nieuwe bevinding naar aanleiding van de hercontrole:
In het betaalproces van Mollie (na pagina https://www.geologischedienst.nl/afrekenen/) kunnen bezoekers nu een QR-code scannen of een bank selecteren. Deze teksten zijn beide als h3-kop opgemaakt, terwijl de kop 'Scan met je bank app om te betalen' geen content bevat. Dan mag deze tekst niet zijn opgemaakt met een kop-element. Een alternatieve oplossing is om de QR-code (zie 1.1.1) een alternatieve tekst te geven en deze te verplaatsen naar ónder de kop, dan mag de tekst wel als kop opgemaakt zijn. Dit is een wijziging op de pagina ten opzichte van de oorspronkelijke audit.

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

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: 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 16: 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 17: In de PDF op pagina https://www.geologischedienst.nl/app/uploads/2021/11/TNO-2020-geologische.pdf komen meerdere contrastfouten voor, waaronder:

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 18: Nieuwe bevinding naar aanleiding van de hercontrole:
Wanneer bezoekers het betaalproces (via Mollie) doorlopen na pagina https://www.geologischedienst.nl/afrekenen/, en kiezen voor 'Kies je bank, heeft de blauwe focusrand (HEX #6DA4B6) op de pagina waar zij een bank kiezen een contrastratio van 2,7:1 op de witte achtergrond, waar dat minimaal 3:1 moet 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 19: 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 20: 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 21: Nieuwe bevinding naar aanleiding van de hercontrole:
Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding van Piwik op de website. Na het wijzigen van de focusvolgorde, zijn nu de knoppen Alles aanvaarden en Alles afwijzen niet meer bereikbaar en bedienbaar met het toetsenbord. Daarnaast krijgt nu een onzichtbaar 'footer' element focus. Zorg ervoor dat bezoekers cookies kunnen aanvaarden of afwijzen en dat niet-interactieve elementen geen focus krijgen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

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

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 23: Aangepaste bevinding naar aanleiding van de hercontrole:

Onderstaande bevinding is opgelost in de Chrome browser, maar niet in Firefox: 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.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

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

Bevinding 25: Nieuwe bevinding naar aanleiding van de hercontrole:
In de header van iedere pagina staat een zoekveld, met de visuele tekst 'Waar ben je naar op zoek?'. De toegankelijke naam is echter 'search' (van het aria-label). Omdat dit niet overeenkomt, is het zoekveld moeilijk of niet bedienbaar voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zie ook succescriterium 3.1.2.

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 26: 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 27: Nieuwe bevinding naar aanleiding van de hercontrole:
In de header van iedere pagina staat een zoekveld, met de visuele tekst 'Waar ben je naar op zoek?'. De toegankelijke naam is echter 'search' (van het aria-label), ook op de Nederlandstalige pagina's. Zorg ervoor dat de toegankelijke namen van interactieve elementen in dezelfde taal zijn als de hoofdtaal van de pagina. Zie daarnaast succescriterium 2.5.3.

Bevinding 28: Nieuwe bevinding naar aanleiding van de hercontrole:
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 een Engelstalige naam. Zorg ervoor dat interactieve elementen een naam hebben in de hoofdtaal van pagina.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 29: 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 30: 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 31: 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 32: Aangepaste bevinding naar aanleiding van de hercontrole:
In de header boven iedere pagina staat een link waarmee bezoekers de tekstgrootte op de pagina kunnen aanpassen. Dit is een schakelaarknop. Nu wordt alleen 'aan' en 'uit' gecommuniceerd, maar niet of de tekst groot of klein is, omdat het title-attribuut niet op de juiste plaats is toegevoegd. Zorg ervoor dat dit duidelijk is, bijvoorbeeld door het title attribuut in de link te veranderen, of bijvoorbeeld met screenreader-only tekst.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

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

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: 2024-12-27 09:17:51 v2.4-011