Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website DINOloket

(Alleen de bevindingen)

Scope van de evaluatie

Naam website DINOloket
Datum 29 augustus 2022
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 63

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 meerdere pagina's, waaronder de homepage https://www.dinoloket.nl/, komen links voor die verwijzen naar externe pagina's. Dat wordt aangegeven met een icoon van een vierkant, met een pijl die naar rechtsboven in het vierkant wijst. Dit icoon heeft geen alternatieve tekst. Bezoekers die het scherm niet kunnen zien missen deze informatie. Voeg deze informatie toe aan de toegankelijke linktekst, bijvoorbeeld met screenreader-only tekst. Verberg in dat geval wel het <svg> element zelf voor hulpsoftware door aria-hidden=true toe te voegen.
Dit komt onder andere ook voor op pagina https://www.dinoloket.nl/en/faq-page.

Bevinding 2: Op pagina https://www.dinoloket.nl/en/faq-page komen SVG iconen voor (het '>' icoon voor iedere vraag). SVG iconen zonder alternatieve tekst worden door een aantal browser en hulpsoftware combinaties gezien als afbeelding en voorleessoftware zal daarom in sommige gevallen proberen de SVG 'voor te lezen'. Het advies is daarom decoratieve SVG iconen te verbergen met aria-hidden=true.

Bevinding 3: De afbeelding op pagina https://www.dinoloket.nl/en/faq-page onder 'How can I view a groundwater level diagram?' heeft geen beschrijving binnen het alt-attribuut maar binnen het title-attribuut. Het title-attribuut wordt niet door alle browsers en hulpsoftware combinaties ondersteund. Gebruik daarom het alt-attribuut en geef de afbeelding een inhoudelijk beschrijvende alternatieve tekst.

Bevinding 4: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator, en de andere pagina's binnen dit proces, staan afbeeldingen met een alternatieve tekst, bijvoorbeeld 'Hiërarchisch icon'. Deze afbeeldingen zijn decoratief en mogen verborgen worden voor hulpsoftware, door het alt-attribuut leeg te laten. Op die manier negeert hulpsoftware dat er een afbeelding aanwezig is en wordt de alternatieve tekst niet voorgelezen als onderdeel van het linkdoel. Nu wordt bijvoorbeeld als linktekst de tekst 'Hiërarchisch icon Hiërarchisch' voorgelezen.

Bevinding 5: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Op pagina twee van dit proces moeten bezoekers via een CAPTCHA een combinatie van letters en cijfers overtypen om aan te geven dat zij geen robot zijn. De combinatie van letters en cijfers is een afbeelding van tekst. Blinde of slechtziende bezoekers kunnen de CAPTCHA mogelijk niet (goed) waarnemen. Zorg dat minimaal 1 alternatieve vorm voor CAPTCHA geboden wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.dinoloket.nl/appelboor komt boven de tekst 'Bekijken en opslaan' een lege H2-kop voor. Dit is verwarrend voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware, zij weten niet of een tekst verborgen is voor hulpsoftware of dat er geen tekst aanwezig is. Verwijder lege koppen om dit probleem op te lossen.

Bevinding 7: Op pagina https://www.dinoloket.nl/help-ondergrondgegevens worden visuele kopjes, zoals 'Adres' en 'RD-Coördinaten' opgemaakt met het strong-element in plaats van een kop-element. Het strong-element geeft extra belang of nadruk aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Bezoekers die gebruik maken van voorleessoftware kunnen daarnaast aan de hand van een sneltoets of koppenlijst door de koppen op een pagina navigeren. Koppen die alleen visueel een kop zijn, maar niet zijn opgemaakt met een kop-element komen daar niet op voor. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.dinoloket.nl/aanleveren-gegevens-booronderzoek.
Een vergelijkbaar probleem komt voor op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye, waar de kopjes visueel als kop zijn opgemaakt maar niet zijn opgemaakt met een kop-element.

Bevinding 8: De introductietekst op pagina https://www.dinoloket.nl/nieuws/ontwikkelingen-achter-de-schermen-nieuwe-datarepository-voor-de-geologische-dienst-van-nederland is geheel opgemaakt het strong-element. Het strong-element geeft extra belang of nadruk aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Gebruik CSS of een vergelijkbare techniek om dit probleem op te lossen.

Bevinding 9: De beschrijving onder de afbeelding op pagina https://www.dinoloket.nl/appelboor is opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan één woord of een korte zin en mag daarom niet puur voor opmaak gebruikt worden. Gebruik bijvoorbeeld een figcaption element om dit op te lossen. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye.

Bevinding 10: Op pagina https://www.dinoloket.nl/dis staat visueel een lijst, onder 'Modelbestanden'. Wanneer visueel informatie wordt overgebracht, zoals een aanwezige opsomming, moet die informatie ook beschikbaar zijn voor hulpsoftware. Maak de tekst op als lijst, of verwijder de opsommingstekens.

Bevinding 11: Pagina https://www.dinoloket.nl/appelboor bevat een tabel, maar de tabel mist koppen. Visueel zijn er wel koppen aanwezig, door de andere opmaak. Er is daardoor geen relatie tussen de datacellen voor bezoekers die het scherm niet kunnen zien. Daarnaast bevat de tabel erg veel lege tabelcellen. Alhoewel niet afkeurbaar, is het wel verwarrend voor bezoekers die gebruik maken van voorleessoftware. Maak gebruik van een duidelijkere tabelstructuur, of gebruik helemaal geen tabelstructuur, om dit probleem op te lossen.

Bevinding 12: Op pagina https://www.dinoloket.nl/appelboor is zichtbaar welke link uit het linker navigatiemenu geactiveerd is, doordat de tekst dikgedrukt is. Deze informatie moet ook beschikbaar zijn voor bezoekers die gebruik maken van hulpsoftware, bijvoorbeeld door het attribuut aria-current toe te voegen.

Bevinding 13: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. De selectievakjes in dit dialoogvenster hebben geen label. Hierdoor is het voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware niet duidelijk waar deze selectievakjes voor dienen. Dit geldt ook voor de invoervelden op pagina 2 van het proces, onder 'Uw contactgegevens' in hetzelfde dialoogvenster.

Bevinding 14: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye staan vier iconen. Degene met het meeste kleur is de lijst die momenteel geactiveerd is. Deze informatie is niet beschikbaar voor bezoekers die gebruik maken van voorleessoftware. Gebruik aria-current of een vergelijkbare techniek om dit probleem op te lossen.

Bevinding 15: De ontvangen PDF (na het proces van selecteren en gegevens aanvragen op pagina https://www.dinoloket.nl/ondergrondgegevens) is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Een vergelijkbaar probleem komt voor in de PDF op pagina https://www.dinoloket.nl/sites/default/files/nomenclator/Verbreidingskaarten/PDF/NUKR.pdf, waar wel figure-tags in voorkomen, maar geen daadwerkelijke content getagd is.

Bevinding 16: Advies: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye staat informatie visueel gegroepeerd, zoals 'Boring' en 'B40A0440 (Elst)'. Deze teksten staan nu opgemaakt met div-elementen. Overweeg een descriptionlist te gebruiken.

Bevinding 17: Advies: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Op pagina twee van dit proces staan de CAPTCHA, samen met de tekst 'Een andere code tonen', 'Neem de code over' en het invoerveld binnen een <table>. Dit kan verwarrend zijn voor gebruikers van hulpsoftware. Gebruik tabellen niet voor opmaak, of plaats role=presentation op de tabel zodat de semantische structuur niet wordt doorgegeven aan hulpsoftware.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 18: Op de homepage en op pagina https://www.dinoloket.nl/nieuws staan kopteksten (de naam van het nieuwsartikel), met daaronder een tekst en een 'Lees verder link'. De datum van het artikel staat echter bóven de kop van het artikel. Het is voor bezoekers die het scherm niet kunnen zien niet duidelijk bij welk artikel de datum hoort. Plaats alle metadata van een artikel daarom ónder de kop van een artikel.

Bevinding 19: Advies: Op pagina https://www.dinoloket.nl/nieuws/ontwikkelingen-achter-de-schermen-nieuwe-datarepository-voor-de-geologische-dienst-van-nederland staat de metadata (in dit geval de datum) boven de H1-kop van de pagina. Bezoekers die met een sneltoets voor koppen over de pagina navigeren, missen deze informatie daardoor misschien.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 20: Wanneer bezoekers het proces op pagina https://www.dinoloket.nl/stratigrafische-nomenclator starten en op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/midden-jura-vroeg-jura uitkomen, staat op die pagina de tekst 'Kies een formatie uit de lijst aan de linkerzijde om details te bekijken.' Verwijzingen naar richtingen of locaties op het scherm zijn vormen van instructies waar bezoekers bepaalde zintuigen voor moeten gebruiken, in dit geval zicht. 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.
Dit geldt ook voor pagina https://www.dinoloket.nl/help-ondergrondgegevens waar met de tekst 'Links bovenin vindt u een overzicht van de domeinen.' een zintuiglijkafhankelijke instructie wordt gegeven.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 21: De formuliervelden die gegevens over de bezoekers vragen op pagina https://www.dinoloket.nl/contact bevatten wel een autocomplete attribuut, maar met de verkeerde waarde. HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. Voorbeeld: Het invoerveld “achternaam” heeft als autocomplete attribuut "family-name“. Een lijst van autocomplete-waarden is te vinden op pagina https://www.w3.org/TR/WCAG21/#input-purposes.
Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Op pagina 2 van dit proces worden gegevens van de bezoeker gevraagd. Hier missen ook autocomplete attributen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 22: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd, verschijnt er een dialoogvenster.
Op pagina 2 van dit proces staan invoervelden. Er wordt alleen met kleur duidelijk gemaakt of een veld goed (groene achtergrond) of niet goed (rode achtergrond) is ingevuld. Zorg ervoor dat kleur niet de enige manier is om informatie te kunnen begrijpen, bijvoorbeeld door foutmeldingen en foutsuggesties toe te voegen.

Bevinding 23: Advies: De PDF op pagina https://www.dinoloket.nl/sites/default/files/nomenclator/Verbreidingskaarten/PDF/NUKR.pdf en de afbeelding op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye bevat kleurafhankelijke informatie. Zorg ervoor dat kleur niet de enige manier is om informatie te kunnen begrijpen. Omdat kaarten onder een permanente uitzondering vallen, is dit slechts een advies.

Bevinding 24: Advies: De links in de lopende teksten zijn alleen herkenbaar doordat de kleur (groen) verschilt van de omliggende tekst. De contrastratio tussen de groene tekst en de zwarte tekst is hoger dan 3:1 en er verschijnt een onderstreping bij toetsenbordfocus/hover, dus dit is voldoende toegankelijk binnen de WCAG 2.1 standaard. Het is echter toegankelijker om links in lopende teksten herkenbaar te maken door ze bijvoorbeeld te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 25: De website bevat skiplinks, bijvoorbeeld met de tekst 'Overslaan en naar inhoud gaan'. De contrastratio tussen de groene tekst (HEX #458E1A) en de witte achtergrond is 4:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://www.dinoloket.nl/contact komt de tekst '* = verplicht invullen' voor. De contrastratio tussen de grijze tekst (HEX #999999) en de witte achtergrond is 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 27: De ontvangen PDF (na het proces van selecteren en gegevens aanvragen op pagina https://www.dinoloket.nl/ondergrondgegevens) bevat witte tekst op een groene achtergrond. De contrastratio tussen de witte tekst en de groene achtergrond (het donkerste deel is HEX #82B230) is 2,5:1 waar dat minimaal 3:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 28: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% is de kop van de pagina 'Ondergrondgegevens' op pagina https://www.dinoloket.nl/help-ondergrondgegevens niet meer helemaal leesbaar omdat een deel van de pagina valt. Zorg ervoor dat er geen functionaliteit en/of informatie verdwijnt bij het inzoomen op de pagina.

Bevinding 29: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://www.dinoloket.nl/aanleveren-gegevens-booronderzoek zijn de tabellen niet meer (goed) leesbaar. Tabellen hoeven vanwege hun aard niet aan dit succescriterium te voldoen, echter, de informatie in de tabel moet wél beschikbaar blijven, bijvoorbeeld door een horizontale scrollbalk aan de tabellen toe te voegen. Dit geldt ook voor de tabellen in het dialoogvenster 'Gegevens aanvragen' op pagina https://www.dinoloket.nl/ondergrondgegevens.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.dinoloket.nl/contact staan formuliervelden. De contrastratio tussen de grijze achtergrond (HEX #F4F5F6) en de witte achtergrond is 1:1 waar dat minimaal 3:1 moet zijn. Los dit probleem op door bijvoorbeeld een rand om de invoervelden toe te voegen met een contrastratio van minimaal 3:1, zodat het voor alle bezoekers goed zichtbaar is dat het om formuliervelden gaat.

Bevinding 31: Op pagina https://www.dinoloket.nl/contact komt een Captcha-selectievakje voor. Wanneer het selectievakje focus heeft, is de contrastratio tussen de blauwe focusrand (HEX #4D90FE) en de grijze achtergrond #F9F9F9) 2,9:1 waar dat minimaal 3:1 moet zijn.

Bevinding 32: Op pagina https://www.dinoloket.nl/contact komt een Captcha-selectievakje voor. De contrastratio tussen de grijze rand van het selectievakje (HEX #C1C1C1) en de grijze achtergrond (HEX #F9F9F9) achtergrond is 1,7:1 waar dat minimaal 3:1 moet zijn.

Bevinding 33: Wanneer de input-elementen onder 'Toon gegevens in dit gebied' focus hebben is dat amper zichtbaar doordat de contrastratio tussen de focusrand (HEX #E4E9EC) en de witte achtergrond 1,2:1 is waar dat minimaal 3:1 moet zijn. Dit geldt ook voor de selectievakjes in het dialoogvenster 'Gegevens aanvragen' dat verschijnt wanneer bezoekers een selectie hebben gemaakt.

Bevinding 34: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Op pagina 2 van dit proces staan invoervelden. De contrastratio tussen de grijze achtergrond van het invoerveld (HEX #E4E9EC) en de witte achtergrond is 1,2:1 waar dat minimaal 3:1 moet zijn. De contrastratio tussen de rode achtergrond bij foute invoer (HEX #F2DEDE) en de witte achtergrond is ook 1,2:1 waar dat minimaal 3:1 moet zijn. De contrastratio tussen de groene achtergrond bij correcte invoer (HEX #DFF0D8) en de witte achtergrond is 1,1:1 waar dat minimaal 3:1 moet zijn. Voeg een rand om de invoervelden met een contrastratio van minimaal 3:1 toe om dit probleem op te lossen.

Bevinding 35: Advies: De website bevat in de browser Firefox de standaard focusrand van de browser, in tegenstelling tot de focusrand in Chrome. Dit zorgt mogelijk voor contrastproblemen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 36: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://www.dinoloket.nl/help-ondergrondgegevens en de tekstafstand wijzigen naar de waarden zoals aangegeven in dit succescriterium, moeten bezoekers horizontaal scrollen om de tekst 'Inzoomen/uitzoomen' te kunnen lezen. Zorg ervoor dat er geen informatie of functionaliteit verdwijnt bij het aanpassen van de tekstafstand. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.dinoloket.nl/aanleveren-gegevens-booronderzoek en op pagina https://www.dinoloket.nl/stratigrafische-nomenclator.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 37: Wanneer bezoekers met de muis of het toetsenbord door de menu-items in de header van de pagina (iedere pagina) navigeren, verschijnt er bij hover en focus extra content. Wanneer er bij hover of focus extra content verschijnt, moet de bezoeker deze content ook weer kunnen verwijderen zonder de hover of focus te verplaatsen, bijvoorbeeld met de escapetoets.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 38: De knoppen om een selectie te maken op de kaart, of om op een locatie te zoeken op pagina https://www.dinoloket.nl/ondergrondgegevens zijn niet bereikbaar en bedienbaar voor bezoekers die gebruik maken van het toetsenbord. Zorg ervoor dat interactieve elementen zowel met de muis als met het toetsenbord te bedienen zijn.

Bevinding 39: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. De knop om dit venster te sluiten is niet bereikbaar en bedienbaar met het toetsenbord. Zorg ervoor dat interactieve elementen zowel met de muis als met het toetsenbord te bedienen zijn.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 40: Pagina https://www.dinoloket.nl/help-ondergrondgegevens bevat bewegende content (de schermvideo's onder Rechthoekige selectietool en Polygoon selectietool). Bewegende, knipperende, scrollende of automatisch updatende content kan bezoekers afleiden bij het gebruik van de rest van de pagina. Daarom moet er altijd een mogelijkheid zijn om de beweging te stoppen of te pauzeren.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 41: De ontvangen PDF (na het proces van selecteren en gegevens aanvragen op pagina https://www.dinoloket.nl/ondergrondgegevens) heeft geen titel, enkel een bestandsnaam. Een PDF moet een duidelijke, beschrijvende titel hebben. De titel moet getoond worden bij openen. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren. Dit geldt ook voor de PDF op pagina https://www.dinoloket.nl/sites/default/files/nomenclator/Verbreidingskaarten/PDF/NUKR.pdf.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 42: Op pagina https://www.dinoloket.nl/ondergrondgegevens krijgen de links die op andere pagina's in de footer staan focus, terwijl deze links hier niet zichtbaar aanwezig zijn. Maak de links zichtbaar of verwijder ze uit de focus volgorde.

Bevinding 43: Advies: Wanneer bezoekers inzoomen op de pagina (iedere pagina) verandert het navigatiemenu in een hamburgermenu. Na het doorlopen van alle items in het menu, gaat de focus verder op de onderliggende pagina. Het menu verhindert niet dat bezoekers het scherm niet kunnen zien, maar het is toegankelijker het menu vanzelf te laten sluiten na het laatste item, of bezoekers het menu zelf te laten sluiten met de sluitknop voor zij verder gaan op de rest van de pagina.

Bevinding 44: Advies: Pagina https://www.dinoloket.nl/nieuws maakt gebruik van infinite scrolling in plaats van een paginering. Voor bezoekers die gebruik maken van het toetsenbord om over een pagina te navigeren is dit erg vervelend.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 45: Op pagina https://www.dinoloket.nl/contact komt twee keer de linktekst 'Voorwaarden' voor, eenmaal in het reCAPTCHA iframe en eenmaal in de footer van de website. Links met een identieke toegankelijke linktekst moeten naar dezelfde pagina verwijzen. Dat is hier niet het geval. Los dit probleem op door bijvoorbeeld screenreader-only tekst toe te voegen aan beide of één van de twee linkteksten met verduidelijking waar de link naar verwijst. Dit probleem komt op meerdere pagina's voor, waaronder op pagina https://www.dinoloket.nl/nieuws met de linkteksten 'Lees verder' en op pagina https://www.dinoloket.nl/dis met de linktekst 'Metadata bestand'. Voeg hieraan bijvoorbeeld met screenreader-only tekst de titel van het artikel of het bestand toe.

Bevinding 46: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye staan vier iconen waarmee bezoekers de informatie in een andere lijst kunnen bekijken. Deze afbeeldingen hebben geen alternatieve tekst, alleen een title-attribuut. Hierdoor is er ook geen toegankelijk linkdoel aanwezig voor bezoekers die gebruik maken van hulpsoftware. Geef de afbeeldingen een alternatieve tekst om dit probleem op te lossen.

Bevinding 47: Advies: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye staat een afbeelding. De alternatieve tekst van de afbeelding en daarmee het linkdoel is 'Verbreidingskaart'. De link opent echter een PDF. Overweeg om dit aan te kondigen in de toegankelijke linktekst.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 48: De pagina's in de sample zijn niet op minimaal twee manieren bereikbaar. Voeg om dit probleem op te lossen bijvoorbeeld een sitemap of een zoekfunctie toe.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 49: Wanneer de knoppen voor in- en uitzoomen op pagina https://www.dinoloket.nl/ondergrondgegevens focus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten waar zij zich bevinden op de pagina door een duidelijke focusrand toe te voegen.

Bevinding 50: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Wanneer de knop 'Gegevens aanvragen' focus heeft is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten waar zij zich bevinden op de pagina door een duidelijke focusrand toe te voegen.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Onvoldoende

Bevinding 51: Op pagina https://www.dinoloket.nl/ondergrondgegevens moeten bezoekers een gebied selecteren met de muis, om vervolgens de gegevens daarvan op te kunnen vragen. Bezoekers die geen gebruik kunnen maken van een muis, kunnen derhalve ook geen gegevens aanvragen.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 52: De ontvangen PDF (na het proces van selecteren en gegevens aanvragen op pagina https://www.dinoloket.nl/ondergrondgegevens) heeft geen ingestelde taal. De hoofdtaal van een PDF moet worden ingesteld, zodat voorleessoftware het bestand in de juiste taal kan voorlezen. Dit geldt ook voor de PDF op pagina https://www.dinoloket.nl/sites/default/files/nomenclator/Verbreidingskaarten/PDF/NUKR.pdf.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 53: Wanneer bezoekers inloggen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. De toegankelijke naam van de knop om het menu te openen en te sluiten is 'toggle navigation'. Biedt interactieve elementen aan in de hoofdtaal van de pagina of geef een taalwissel aan.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 54: Het formulier op pagina https://www.dinoloket.nl/contact bevat HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan de tekst grootte niet aangepast worden zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 55: Het formulier op pagina https://www.dinoloket.nl/contact bevat HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan de tekst grootte niet aangepast worden zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 56: Op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye wordt een div-element binnen een h1-element gebruikt. Dit zorgt mogelijk voor toegankelijkheidsproblemen.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 57: De links waarmee bezoekers de informatie in een andere lijst kunnen bekijken op pagina https://www.dinoloket.nl/stratigrafische-nomenclator/naar-ouderdom/pleistoceen/formatie-van-kreftenheye hebben geen toegankelijke naam.

Bevinding 58: Het iframe op pagina https://www.dinoloket.nl/ondergrondgegevens heeft geen beschrijving binnen het title-attribuut. Dit is verplicht.
Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Dit is een iframe. Dit iframe mist ook een beschrijving binnen het title-attribuut.

Bevinding 59: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. De knop om het dialoogvenster te sluiten heeft geen toegankelijke naam en rol.

Bevinding 60: De selectievakjes op pagina https://www.dinoloket.nl/ondergrondgegevens hebben geen toegankelijke naam en rol. Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. Voor de selectievakjes in dit dialoogvenster geldt hetzelfde.

Bevinding 61: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. De knop 'Gegevens aanvragen' heeft als waarde bij 'type' 'button'. Dit moet 'submit' zijn omdat het gaat om het verzenden van een formulier.

Bevinding 62: Wanneer bezoekers op pagina https://www.dinoloket.nl/ondergrondgegevens één of meerdere punten hebben geselecteerd verschijnt er een dialoogvenster. De knoppen om naar een volgende of laatste pagina (of vorige en eerste) in de tabellen te navigeren, hebben geen toegankelijke naam.

Bevinding 63: Advies: Wanneer bezoekers inloggen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. De toegankelijke naam van de knop om het menu te openen en te sluiten is 'toggle navigation'. Het uiterlijk van de knop verandert afhankelijk van of het menu gesloten of geopend is. Er is een aria-expanded attribuut aanwezig, maar aangezien de naam van de knop idealiter Nederlandstalig wordt, is het toegankelijker om twee aparte toegankelijke namen te gebruiken, zoals 'Menu openen' en 'Menu sluiten'.

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 08:32:59 v2.4-011