Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid BRO loket

(Alleen de bevindingen)

Scope van de evaluatie

Naam website BRO loket
Datum 23 september 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek 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: 49

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 https://www.broloket.nl/ondergrondmodellen/snelstart-ondergrondmodellen wordt door de screenshots belangrijke informatie gegeven, bijvoorbeeld de modellen waaruit gekozen kan worden om te bekijken op de kaart. Het toegankelijke tekst alternatief beschrijft niet volledig wat er in de afbeeldingen te zien is. Dat soort informatie moet in de tekst van de pagina verwerkt worden zodat hulpsoftware de informatie goed kan weergeven.

Bevinding 2: Het logo van TNO Geologische Dienst Nederland in de footer op elke pagina van https://www.broloket.nl/ heeft alt-tekst die niet toereikend is ("logo GDN"). Alle tekst in het logo moet in de alt-tekst voorkomen. Een betere alt-tekst is "Logo TNO Geologische Dienst Nederland".

Bevinding 3: Op https://www.broloket.nl/stratigrafische-nomenclator/via-diagram/groep-naar-ouderdom staat een grote infographic met veel informatie. Omdat de alt-tekst kort en bondig gehouden moet worden, kan al deze informatie daar niet in vermeld worden. Er zal een toegankelijk alternatief op de pagina moeten komen die alle informatie uit de afbeelding bevat. Dit kan door alle informatie uit te schrijven of in een tabel te zetten. In de alt-tekst moet hiernaar worden verwezen. Dit komt ook voor op https://www.broloket.nl/stratigrafische-nomenclator/via-diagram/formatie-naar-ouderdom.

Bevinding 4: Op https://www.broloket.nl/stratigrafische-nomenclator staan links naar thema's. De afbeeldingen in deze links hebben alt-tekst, bv. "Hiërarchisch icon". Het is sowieso niet nodig om te vermelden dat het een icoon of afbeelding is in een alt-tekst en de overige tekst is een herhaling van de titel en voegt niets toe. Daarnaast maakt de alt-tekst ook deel uit van de uiteindelijke linktekst, wat het verwarrend kan maken voor bezoekers met een screenreader en moeilijk voor bezoekers die afhankelijk zijn van spraakbesturing. Hou het alt-attribuut bij deze afbeeldingen leeg. Dit speelt ook op https://www.broloket.nl/stratigrafische-nomenclator/naar-ouderdom, https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep, https://www.broloket.nl/stratigrafische-nomenclator/naar-afzettingsmilieu en https://www.broloket.nl/stratigrafische-nomenclator/via-diagram.

Bevinding 5: Op https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/stollingsgesteente kan men het onderwerp in een andere groep bekijken. Hier zijn twee pictogrammen voor aanwezig. Deze afbeeldingen missen het alt-attribuut in de code, wat verplicht is. Voeg het attribuut toe. Omdat de pictogrammen decoratief zijn, hoeft er geen alt-tekst opgegeven te worden en kan het attribuut leeg blijven. Dit komt ook op https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/siluur en https://www.broloket.nl/stratigrafische-nomenclator/laagpakket-van-goudsberg voor.

Bevinding 6: Op https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/siluur staat een afbeelding bij "Lithologische beschrijving". Deze heeft geen alt-tekst. Verzorg alt-tekst voor deze afbeelding dat beschrijft wat te zien is. Hou er rekening mee dat de afbeelding ook een link is en het linkdoel beschreven moet worden.

Bevinding 7: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Op deze detailpagina staat een grafiek met de waarden uit het bodemonderzoek. Deze grafiek is opgebouwd uit meerdere afbeeldingen die in de code in een tabel zijn gezet. De afbeeldingen hebben als alt-tekst kolom, wat nietszeggend is voor bezoekers met hulpsoftware. Daarnaast is er geen toegankelijk alternatief voor alle informatie uit deze afbeelding aanwezig. Voeg een toegankelijk alternatief toe (in de vorm van een tabel), zorg dat de grafiek een afbeelding is uit een geheel en niet in een tabel staat. Verzorg een alt-tekst en verwijs daarin naar het toegankelijk alternatief.

Bevinding 8: Op https://www.broloket.nl/terugmelden staan terugmeldingen in PDF's. Eén daarvan is er getest en deze was niet toegankelijk en kan niet gelezen worden door hulpsoftware. De PDF moet beschouwd worden als niet tekstuele content en er ontbreekt een toegankelijk alternatief dat geraadpleegd kan worden met hulpsoftware. Verzorg een toegankelijk alternatief bijvoorbeeld in de vorm van een webpagina.

Bevinding 9: De PDF https://www.broloket.nl/sites/default/files/2025-03/Toelichting%20bij%20naamgevingsreleases%20DGM%20REGIS%20II%20en%20GeoTOP.pdf bevat het logo van TNO, deze is echter niet aangeduid als afbeelding in de codelaag. Pas dit aan en zorg dat het logo een alternatieve tekst krijgt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: Het <strong>-element wordt gebruikt om tekst vet op te maken. Dat is echter niet toegestaan, omdat dat element bedoeld is om een woord of enkele woorden in een zin nadruk te geven. Gebruik bijvoorbeeld CSS om tekst vet op te maken. Dit komt o.a. voor op https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/downloads-en-links, https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/vorige-versies.

Bevinding 11: Op https://www.broloket.nl/stratigrafische-nomenclator/midden-noordzee-groep wordt alle informatie over het gebied visueel in een tabel weergegeven. Maar in de code wordt er geen gebruik van gemaakt. Om de relatie tussen de gegevens over te brengen naar hulpsoftware raden we aan een tabel te gebruiken waarbij de dikgedrukte tekst in kop cellen wordt geplaatst, of de dikgedrukte tekst als kop op te maken. Dit speelt ook op soortgelijke pagina's zoals https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/siluur en https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/stollingsgesteente.

Bevinding 12: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Op deze detailpagina staat een grafiek met de waarden uit het bodemonderzoek. Deze grafiek is opgebouwd uit meerdere afbeeldingen die in de code in een tabel zijn gezet. Dit is verwarrend voor bezoekers met een screenreader en veroorzaakt veel ruis. Maak de afbeelding een geheel en verwijder de tabel.

Bevinding 13: De PDF https://www.broloket.nl/sites/default/files/2025-03/MetaData_DGM000000000022.pdf is niet getagd. Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags 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. Dit speelt ook bij https://www.broloket.nl/sites/default/files/nomenclator/stratigrafische_tabellen/Overview_stratigraphic_units_NL_EN_A3.pdf.

Bevinding 14: De PDF https://www.broloket.nl/sites/default/files/2025-03/Toelichting%20bij%20naamgevingsreleases%20DGM%20REGIS%20II%20en%20GeoTOP.pdf is getagd, maar echter is de codelaag leeg. Hierdoor zijn er lege koppen, lijsten en paragrafen bijvoorbeeld. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 15: Op https://www.broloket.nl/ondergrondmodellen/snelstart-ondergrondmodellen wordt vaak naar zintuigen verwezen, bijvoorbeeld waar een knop te vinden is of naar het pictogram van een knop. Bijvoorbeeld: " de menuknop links bovenin". Deze verwijzingen hebben impact op slechtzienden en blinden. Gebruik de naam van de knop om naar specifieke knoppen te verwijzen. Verwijzingen als "de knop linksboven" of "knop met het appelboor icoon" moeten dus aangepast worden.

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 16: Als een aantal objecten zijn toegevoegd om te worden gedownload, bijvoorbeeld door met behulp van het rechthoekige selectie tool een aantal punten op de kaart te selecteren en in de modaal "Selecteer objecten om te downloaden" op selecteren te klikken, dan wordt de "Aanvraag voor download" knop actief en opent deze een modaal "Aanvraag voor download". Bij stap 2 is een formulier waar contactgegevens ingevuld moeten worden, onder andere het eigen e-mailadres en achternaam. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 17: Binnen de kaartapplicatie op de homepagina https://www.broloket.nl/ondergrondgegevens zijn er een aantal knoppen die van kleur veranderen bij toetsenbord focus, bijvoorbeeld het filter "Bodem- en grondonderzoek". De kleur verandering is minimaal en een aantal kleurenblinde of slechtziende bezoekers kunnen dit niet zien. Zorg er voor dat informatie niet alleen doormiddel van (verandering van) kleur wordt overgebracht. Zorg bijvoorbeeld voor een goed zichtbare focusrand om dit probleem op te lossen.

Bevinding 18: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Daar is een grafiek te zien, met een legenda. De informatie in de grafiek wordt enkel duidelijk door kleur. Dat heeft impact op slechtzienden en kleurenblinden.

Bevinding 19: Advies: Links verschillen enkel in kleur van gewone lopende tekst in de hoofdinhoud van de pagina. Dat heeft impact op kleurenblinden en slechtzienden. Zorg ervoor dat links onderstreept zijn om ervoor te zorgen dat links duidelijk opvallen. Aangezien het kleurverschil tussen zwarte tekst en blauwe tekst (HEX: #01689B) 3,4:1 is kan het onderscheid wel gemaakt worden en is dit slechts een advies. Dit komt o.a. voor op https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/downloads-en-links en https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/vorige-versies.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 20: In de cookiemelding wordt de kleur #2775F2 gebruikt voor de knoppen. Deze kleur blauw heeft onvoldoende contrast met de witte tekst. De contrastverhouding is 4.2:1 waar het minstens 4,5:1 moet zijn.

Bevinding 21: In de cookiemelding staan blauwe links. Deze kleur blauw #107EF1 heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,9:1 waar het minstens 4,5:1 moet zijn.

Bevinding 22: De grijze tekst (#B4B4B4) van de data bij elk bericht op https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie, bijvoorbeeld "07 december 2021" heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2:1 waar het minstens 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 23: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Als er ingezoomd wordt naar 200% valt een hoop informatie weg van de pagina.

Bevinding 24: Bij zoomen naar 200% wordt de pagina https://www.broloket.nl/ondergrondgegevens onbruikbaar doordat allerlei elementen over elkaar heen vallen. Zorg dat alles netjes mee schaalt en binnen de browser past.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 25: Op alle pagina's van https://www.broloket.nl/ ontstaat een horizontale scrollbalk bij het zoomen naar 400% en het aanpassen van het browservenster naar 1280x1024. De pagina's https://www.broloket.nl/ondergrondgegevens en https://www.broloket.nl/ondergrondmodellen/kaart worden onbruikbaar. Bij pagina's als https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/stratigrafische-tabellen valt de tekst van de inhoud over de inhoud van de zijbalk. Zorg dat inhoud mee schaalt en zich aanpast aan het browservenster om dit op te lossen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 26: Als een aantal objecten zijn toegevoegd om te worden gedownload, bijvoorbeeld door met behulp van het rechthoekige selectie tool een aantal punten op de kaart te selecteren en in de modaal "Selecteer objecten om te downloaden" op selecteren te klikken, dan wordt de "Aanvraag voor download" knop actief en opent deze een modaal "Aanvraag voor download". Bij stap 2 is een formulier waar contactgegevens ingevuld moeten worden. De invoervelden zijn te herkennen aan een lichtgrijs veld (HEX #ECECEC) op witte achtergrond. Deze velden hebben een te laag contrast. De contrastverhouding is hier 1,1:1 terwijl dat ten minste 3:1 moet zijn. Slechtziende bezoekers kunnen de invoervelden niet zien.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 27: De sluitknop van de cookiemelding kan niet bediend worden met het toetsenbord. Dit komt doordat er geen interactief element als <button> is gebruikt en heeft impact op screenreaders en spraakbesturing, die nu de knop niet "zien". Maak een daadwerkelijke knop van deze knop om dit op te lossen.

Bevinding 28: Op https://www.broloket.nl/ondergrondmodellen/kaart zijn niet alle knoppen van de kaart bedienbaar met het toetsenbord, omdat er geen interactief element als <button> is gebruikt. Bijvoorbeeld in het zijmenu zijn de knoppen om te kiezen tussen een vierkante of een polygonale selectie van punten op de kaart niet met behulp van het toetsenbord te bedienen. Dit heeft impact op screenreaders en spraakbesturing. Gebruik daadwerkelijke knoppen om dit op te lossen. Dit komt ook voor op https://www.broloket.nl/ondergrondgegevens.

Bevinding 29: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Op deze detailpagina staat een grafiek met de waarden uit het bodemonderzoek. Bij hoveren over een kolom verschijnt een tooltip met extra informatie. Deze informatie is niet te verkrijgen op andere manieren dan hover. Verzorg een toegankelijk alternatief voor de grafiek, waarbij ook de informatie uit de tooltip wordt vermeld.

Bevinding 30: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Er is een sluitknop om deze informatie te sluiten. Dit is echter geen html native interactief element, waardoor hij niet gezien zal worden door hulpsoftware. Gebruik bijvoorbeeld een daadwerkelijke knop hiervoor.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 31: Op https://www.broloket.nl/ondergrondmodellen/snelstart-ondergrondmodellen staat een animatie, dat laat zien hoe je een lijn op de kaart kan trekken om gegevens over de doorsnede te krijgen. Deze animatie is niet te stoppen of te pauzeren. Er zijn bezoekers die hierdoor afgeleid worden zodat zij de tekst niet meer kunnen lezen. Verzorg een knop waarmee de animatie gestopt kan worden of verwijder de animatie.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 32: De PDF https://www.broloket.nl/sites/default/files/2025-03/MetaData_DGM000000000022.pdf heeft geen titel. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit speelt ook bij https://www.broloket.nl/sites/default/files/2025-03/Toelichting%20bij%20naamgevingsreleases%20DGM%20REGIS%20II%20en%20GeoTOP.pdf

Bevinding 33: De PDF https://www.broloket.nl/sites/default/files/nomenclator/stratigrafische_tabellen/Overview_stratigraphic_units_NL_EN_A3.pdf heeft een documenttitel in de eigenschappen, maar in de eigenschappen staat ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam, maar de Documenttitel wordt getoond.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 34: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Bevinding 35: Als in de kaartapplicatie op de homepagina https://www.broloket.nl/ondergrondgegevens de modaal "Legenda" focus heeft dan kan de focus niet meer verlegd worden met de tab of shift tab knoppen. Pas als de modaal gesloten word of op de esc knop geklikt wordt kan een bezoeker weer verder navigeren met behulp van het toetsenbord. Dit is verwarrend. Zorg er voor dat de tab toets steeds de focus verplaatst naar het volgende interactieve element in de webpagina.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: Op https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/stollingsgesteente staat een kaart. Deze heeft alt-tekst. De alt-tekst bevat echter geen linkdoel, wat wel nodig is omdat de afbeelding ook een link is. Pas de alt-tekst aan en zorg dat ook het linkdoel wordt vermeld. Dit speelt ook op https://www.broloket.nl/stratigrafische-nomenclator/laagpakket-van-goudsberg en https://www.broloket.nl/stratigrafische-nomenclator/midden-noordzee-groep.

Bevinding 37: Op https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/siluur staat een afbeelding bij "Lithologische beschrijving". Deze heeft geen alt-tekst. De afbeelding is ook een link die nu geen toegankelijke linktekst heeft. Zorg voor een goede alt tekst waarin ook het linkdoel beschreven wordt om dit probleem op te lossen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 38: De knoppen en links in de cookiemelding krijgen geen visuele focusindicator. Verzorg een focusrand in de CSS die voldoende contrast biedt met de witte achtergrond maar ook met de kleur van de knoppen. Voorkom het gebruik van outline:0 in de CSS.

Bevinding 39: Op https://www.broloket.nl/ondergrondmodellen/kaart is het niet zichtbaar als de knoppen en keuzerondjes in de kaart toetsenbord focus hebben. Bij een aantal knoppen is het slecht zichtbaar enkel door verandering van kleur, zie ook 1.4.1. Zorg dat alle interactieve elementen een duidelijke focusrand krijgen. Dit speelt ook op https://www.broloket.nl/ondergrondgegevens.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Onvoldoende

Bevinding 40: Op https://www.broloket.nl/ondergrondmodellen/kaart kan je een lijn tekenen om een doorsnede te krijgen. Er is geen alternatieve bediening voor de muis beschikbaar. Verzorg een toegankelijk een mechanisme, zodat dit ook met het toetsenbord kan. Bijvoorbeeld het invullen van namen van straten of gemeenten, of zelfs coördinaten.

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 41: De PDF https://www.broloket.nl/sites/default/files/2025-03/MetaData_DGM000000000022.pdf heeft geen taal ingesteld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit speelt ook bij https://www.broloket.nl/sites/default/files/nomenclator/stratigrafische_tabellen/Overview_stratigraphic_units_NL_EN_A3.pdf.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 42: Er komt Engelstalige tekst voor op https://www.broloket.nl/stratigrafische-nomenclator/achtergrondinformatie/vorige-versies, maar er is geen taalwissel ingesteld in de code. Hierdoor zal de screenreader de zin niet voorlezen met de juiste stem of intonatie. Voeg het lang attribuut toe aan de zin om de taalwissel aan te geven.

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 43: Op https://www.broloket.nl/ondergrondmodellen/kaart hebben de keuzerondjes bij de kaart geen label. De associatie van de radiobuttons met de radiobutton wordt verbroken. Dit komt door een shadow DOM door de iframe. Gebruik bijvoorbeeld aria-label om dit op te lossen.

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 44: De sluitknop van de cookiemelding heeft geen toegankelijke naam/label. Met spraakbesturing kan deze nu niet geactiveerd worden en bezoekers met een screenreader weten nu niet wat het doel van de knop is. Geef de knop een toegankelijke naam.

Bevinding 45: In de zijbalk op https://www.broloket.nl/stratigrafische-nomenclator/midden-noordzee-groep kan men verder binnen een groep navigeren en verfijnen. Visueel is te zien dat categorieën in- en uitgeklapt kunnen worden, maar in de code wordt deze status niet meegegeven aan hulpsoftware. Bezoekers met screenreaders missen deze informatie nu. Gebruik bijvoorbeeld het attribuut aria-expanded om dit op te lossen. Dit speelt ook op soortgelijke pagina's zoals https://www.broloket.nl/stratigrafische-nomenclator/laagpakket-van-goudsberg, https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/stollingsgesteente en https://www.broloket.nl/stratigrafische-nomenclator/naar-stratigrafische-groep/siluur.

Bevinding 46: In het zijmenu op https://www.broloket.nl/stratigrafische-nomenclator/midden-noordzee-groep wordt visueel gemarkeerd wat de huidige pagina is doordat "Midden-Noordzee Groep" bold is opgemaakt. Programmatisch is dit niet vast te stellen, bezoekers die afhankelijk zijn van hulpsoftware weten niet dat dit de huidige pagina is. Gebruik het attribuut aria-current in de code om dit op te lossen.

Bevinding 47: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). Op deze detailpagina bevinden zich een aantal keuzelijsten. Dit zijn custom elementen die geen toegankelijke naam hebben en hun rol als keuzelijst niet doorgeven aan hulpsoftware. Gebruik, zeker gezien het kleine aantal opties in de keuzelijsten, het native <select> element om dit op te lossen. Vergeet deze niet een label/toegankelijke naam te geven.

Bevinding 48: Op https://www.broloket.nl/ondergrondmodellen/kaart kan men, na bijv. het selecteren van BRO Regis II, een punt op de kaart aanklikken waarna detailinformatie verschijnt over die meting (bijvoorbeeld B50G0004 bij Baarle-Nassau). De verandering van content wordt niet gecommuniceerd, omdat de URL niet veranderd. Gebruik een live-region.

Bevinding 49: Als een aantal objecten zijn toegevoegd om te worden gedownload, bijvoorbeeld door met behulp van het rechthoekige selectie tool een aantal punten op de kaart te selecteren en in de modaal "Selecteer objecten om te downloaden" op selecteren te klikken, dan wordt de "Aanvraag voor download" knop actief en opent deze een modaal "Aanvraag voor download". Hierin is een tabel met te downloaden objecten. De eerste kolom bevat voor elk object een verwijder knop met een afbeelding van een prullenbak. Deze knop heeft geen toegankelijke naam, blinde bezoekers weten niet wat er gebeurt als op deze knop wordt geklikt. Geef elk interactief element een naam die het doel van de interactie beschrijft.

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

Bronnen

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

Geprint: 2025-10-21 00:36:44 v2.4-011