Issues:
Audit digitale toegankelijkheid website NLOG Nederlandse Olie- en Gasportaal Hoofdnavigatie

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: In de heading en footer op pagina https://www.nlog.nl/datacenter/brh-overview staan drie logo's. Deze logo's hebben geen alternatieve tekst. De alternatieve tekst van een logo moet tenminste de naam van de organisatie bevatten. Deze afbeeldingen zijn daarnaast ook links en missen hierdoor een linkdoel. Zie ook succescriterium 2.4.4.

Bevinding 2: Op meerdere pagina's, waaronder de homepage https://www.nlog.nl, komen links voor die verwijzen naar externe pagina's, bijvoorbeeld de link naar DINOloket. 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.nlog.nl/en/legislation.

Bevinding 3: Op de home pagina https://www.nlog.nl/ komen SVG iconen voor (het Pijltje naar rechts voor iedere link). 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. Dat geldt voor meer SVG afbeeldingen, zoals het logo van het Ministerie van Economische Zaken en Klimaat onderaan elke pagina.

Bevinding 4: Op pagina https://www.nlog.nl/nieuws/ontwerp-instemmingsbesluit-winningsplan-blija staat afbeelding van een staafdiagram "de totale aardgasproductie in Blija van 1985 tot en met 2050" met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief maar geeft informatie en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen. Hetzelfde komt vaker in de website voor zoals de staafdiagram "Nederlandse aardgasproductie tot 2050 uit de kleine velden" op de zelfde pagina.

Bevinding 5: Op pagina https://www.nlog.nl/datacenter/brh-overview staat naast de tekst 'Boringen' een icoon van een grondboor. Deze afbeelding heeft geen alternatieve tekst. Hulpsoftware leest nu mogelijk de bestandsnaam voor. Decoratieve iconen mogen genegeerd worden door hulpsoftware, door een alt-attribuut toe te voegen zonder een waarde in te vullen. Eenzelfde probleem komt op meerdere pagina's voor, waaronder op pagina https://www.nlog.nl/datacenter/lic-overview.

Bevinding 6: Op pagina https://www.nlog.nl/nieuws/ontwerp-instemmingsbesluit-winningsplan-blija staat het logo van NLOG. Deze afbeelding heeft geen alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten.

Bevinding 7: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. In het tabblad 'Basisgegevens' is een canvas-element aanwezig. Dit canvas-element heeft geen alternatieve tekst. Lees meer over toegankelijke canvas-elementen op pagina https://pauljadam.com/demos/canvas.html.

Bevinding 8: De afbeeldingen in de PDF "Structural framework of the mid North Sea area" hebben geen beschrijving en zijn niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. Zorg daarnaast dat de eerste keer dat een logo voorkomt, het logo een tekstalternatief krijgt, zodat het voor bezoekers die het document niet kunnen zien het ook duidelijk is wie de afzender is ven het document. De kaarten zelf hoeven zelf niet toegankelijk te zijn, maar de afbeeldingen moeten wel een beschrijvend tekstueel alternatief hebben.

Bevinding 9: Op pagina https://www.nlog.nl/sites/default/files/2022-03/tno-nogepa_handvest.pdf komen meerdere annotaties en linkteksten voor, zonder alternatieve tekst. In PDF's moet een alternatieve tekst aan annotaties en linkteksten worden toegevoegd.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 10: Op de pagina https://www.nlog.nl/en/legislation staat tabel "current legislation related to mining from the site overheid.nl". De koppen in deze tabel bijvoorbeeld "national", zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element. Hetzelfde komt vaker voor, bijvoorbeeld de kop "Het bedrag behorend bij" in tabel 2 op pagina https://www.nlog.nl/retributies-voor-publicatiekosten is opgemaakt met bold in plaats van met het th-element.

Bevinding 11: De tekst 'English translation of the Mining Act etc.' op pagina https://www.nlog.nl/en/legislation is opgemaakt met het strong-element. Het strong-element geeft nadruk/belang aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Gebruik een kop-element zoals h2 om koppen op te maken. Bezoekers die gebruik maken van bijvoorbeeld voorleessoftware kunnen aan de hand van een sneltoets of koppenlijst over de pagina navigeren. Dit probleem komt op meerdere pagina's voor, zoals op pagina https://www.nlog.nl/retributies-voor-publicatiekosten en op pagina https://www.nlog.nl/quickstart.

Bevinding 12: De tussenkopjes, zoals 'Waddenzee' en 'Zeedijk' op pagina https://www.nlog.nl/nieuws/ontwerp-instemmingsbesluit-winningsplan-blija zijn opgemaakt met het b-element in plaats van met een kop-element. Bezoekers die gebruik maken van bijvoorbeeld voorleessoftware kunnen aan de hand van een sneltoets of koppenlijst over de pagina navigeren. Koppen die alleen visueel een kop zijn, maar niet als kop zijn opgemaakt in de code komen daar niet op voor. Maak gebruik van kop-elementen zoals het h2-element om dit probleem op te lossen.

Bevinding 13: In het Hoofdmenu subnavigatie links in de pagina https://www.nlog.nl/geothermie zijn de actieve menuitems "Modellen, kaarten en datasets", "Ruimtelijke ordening" en "Geothermie" dik gedrukt. Zo is te zien van welke menuitems deze pagina deel uit maakt. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsofware. Markeer de actieve items zodat deze ook als zodanig wordt voorgelezen door een screenreader. Bijvoorbeeld via aria-current en een waarde die de content beschrijft (bijvoorbeeld page of step).

Bevinding 14: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. De informatie op het tabblad 'Basisgegevens' is opgemaakt als tabel. Deze tabel bevat geen tabelkoppen. Hierdoor is er geen relatie tussen de tabelcellen voor bezoekers die het scherm niet kunnen zien.

Bevinding 15: Het invoerveld 'Vul (een deel van de) naam in' op pagina https://www.nlog.nl/datacenter/brh-overview heeft geen toegankelijke naam. Er is een placeholder aanwezig, maar dat is niet voldoende. Voeg een label-element toe en koppel het met for en id aan het invoerveld, zodat bezoekers die gebruik maken van hulpsoftware weten welke invoer hier van hen gevraagd wordt. Dit geldt ook voor de invoervelden 'Begindatum' en 'Einddatum' onder 'Toon filters' op dezelfde pagina.

Bevinding 16: De combobox 'Sorteer' op pagina https://www.nlog.nl/datacenter/brh-overview heeft geen toegankelijke naam. Koppel een label met for en id aan het input-element om dit probleem op te lossen. Dit geldt ook voor de comboxen onder 'Toon filters' op dezelfde pagina.

Bevinding 17: Op pagina https://www.nlog.nl/index.php/en/posters komen visueel lijsten voor, die niet als lijsten zijn opgemaakt maar met het - teken. Wanneer een bezoeker die gebruik maakt van voorleessoftware langs een lijst komt, krijgt de bezoeker te horen dat het om een lijst gaat, uit hoeveel items de lijst bestaat en welk item momenteel voorgelezen wordt. Maak de opsommingen daarom op met het ul-element en li-elementen om dit probleem op te lossen.
Op pagina https://www.nlog.nl/retributies-voor-publicatiekosten komt daarnaast een geordende lijst voor, die is opgemaakt als ongeordende lijst.

Bevinding 18: De PDF "Structural framework of the mid North Sea area" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 19: Op pagina 2 van de PDF "Regels en plichten omtrent dataverstrekking en rapportage bij onderzoek naar en winning van delfstoffen uit de ondergrond" staat een inhoudsopgave. De items daarin zijn in de code opgedeeld in twee lijsten en meerder paragrafen. De gehele inhoudsopgave zou in één lijst gecodeerd moeten worden met eventueel een paragraaf voor de appendixen. In het hele bestand zijn geen koppen gecodeerd terwijl de tekst duidelijk hiërarchisch gestructureerd is. Zorg ervoor dat de tekst goed gecodeerd is.

Bevinding 20: Advies: De koppen op de pagina https://www.nlog.nl/gegevensverstrekking-aan-de-overheid staan niet in een logische volgorde. De koppen "Gestandaardiseerde formats" en "Adres informatie" hebben niveau 3 terwijl ze direct onder de titel met Niveau 1 staan, je zou hier niveau 2 verwachten. De koppen "Hoofdnavigatie" en "Hoofdmenu subnavigatie" zouden in de code ook na de titel moeten staan, visueel kunnen ze op dezelfde plaats blijven staan. Hulpsoftware maakt gebruik van de koppen hiërarchie om de structuur van de pagina te bepalen. Dit komt op meerdere plekken voor, waaronder in het dialoogvenster dat verschijnt wanneer een bezoeker op één van de links in de tabel klikt op pagina https://www.nlog.nl/datacenter/brh-overview. In het dialoogvenster worden h4-koppen gebruikt en mist een h1-kop.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 21: Op pagina 6 van de PDF "Regels en plichten omtrent dataverstrekking en rapportage bij onderzoek naar en winning van delfstoffen uit de ondergrond" staat "2.2.1 Planning" in de code voor de laatste paragraaf van 2.2. Zorg er voor dat de volgorde in de code juist is.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 22: Op pagina https://www.nlog.nl/nieuws/ontwerp-instemmingsbesluit-winningsplan-blija wordt meermaals verwezen naar 'bovenstaande kaart'. Wanneer 'bovenstaand' of 'onderstaand' direct wordt gevolgd naar de content waar naar wordt verwezen is dat goed, maar in dit geval, bijvoorbeeld in alinea 'Zeedijk' staat boven deze paragraaf een andere paragraaf, niet de kaart waar naar wordt verwezen. Vermijd instructies die afhankelijk zijn van locatie, kleur, vorm of andere specificaties waarvoor het nodig is dat bezoekers het scherm kunnen zien. Eenzelfde probleem komt voor op pagina https://www.nlog.nl/quickstart, waar bijvoorbeeld wordt verwezen naar 'de linker bovenhoek'. Hier wordt ook verwezen naar de 'zoekknop'. Zorg dat wordt verwezen naar de naam die die knop ook daadwerkelijk heeft (op dit moment heeft de knop namelijk onder water geen naam). Dan geldt de verwijzing naar de 'zoekknop' namelijk als toegankelijk alternatief.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 23: Op pagina https://www.nlog.nl/contact is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kan invullen. 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". Op deze pagina staan alle autocomplete attributen op "off".

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 24: Advies: De linktekst 'contacts' op pagina https://www.nlog.nl/en/legislation is alleen herkenbaar omdat de tekst een andere kleur heeft dan de omliggende tekst. De contrastratio is hoog genoeg (4,6:1) om te voldoen aan de WCAG standaarden, maar het is toegankelijker om links in een lopende tekst bijvoorbeeld te onderstrepen om ze beter herkenbaar te maken.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 25: Op pagina https://www.nlog.nl/contact is een grijze tekst "* = verplicht invullen" (HEX: 999999) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,8:1 waar dit 4,5:1 moet zijn.

Bevinding 26: Het contrast van de Grijze placeholder tekst (HEX: #A9ABAD) in de lichtgrijze invoervelden (HEX: #F4F5F6) van de invoervelden, waaronder onder de filters op pagina https://www.nlog.nl/datacenter/brh-overview, bijvoorbeeld "Selecteer status van de boring", is te laag. De contrastverhouding is hier 2,1:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 27: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. Wanneer een bezoeker met de muis over één van de verschenen tabbladen hovert, kleurt de zwarte tekst wit. De contrastratio tussen de witte tekst en de grijze achtergrond (HEX #E3E5E8) is 1,2:1 waar dat minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 28: Als een gebruiker op pagina https://www.nlog.nl/datacenter/brh-overview op Boring A08-01 klikt verschijnt een overlay met informatie. Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt een groot deel van de tekst buiten beeld. Vermijd overigens de scrollbalk in de leesrichting (horizontaal).

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 29: Het contrast van de focusrand rond de invoervelden (Hex: #E4E9EC) op de lichtgrijze achtergrond (Hex: #F4F5F6) op pagina https://www.nlog.nl/datacenter/brh-overview is te laag. De contrastverhouding is hier 1,1:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden niet of moeilijk waar te nemen op welk element in de pagina de focus ligt. Zorg voor een duidelijk te onderscheiden focusrand.

Bevinding 30: Als een gebruiker op pagina https://www.nlog.nl/datacenter/brh-overview op Boring A08-01 klikt verschijnt een overlay met informatie. Bovenaan bevinden zich tabbladen. Welk tabblad zichtbaar is wordt aangegeven door een witte achtergrond. Het contrast tussen deze achtergrond en de standaard grijze achtergrond (Hex: #E3E5E8) is 1,2:1 waar dat minstens 3:1 moet zijn.

Bevinding 31: Het contrast tussen de grijze invoervelden (HEX #F4F5F6) en de witte achtergrond op pagina https://www.nlog.nl/contact is te laag. De contrastratio is hier 1:1 waar dat minimaal 3:1 moet zijn. Voeg een rand met een contrastratio van minimaal 3:1 toe om de invoervelden om dit probleem op te lossen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 32: 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.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Bevinding 33: Op pagina https://www.nlog.nl/quickstart komt bewegende content voor. 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 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 34: Op de pagina https://www.nlog.nl/datacenter/brh-overview ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 35: De Titel "Datacenter | NLOG" van de pagina https://www.nlog.nl/datacenter/brh-overview beschrijft de inhoud van de pagina onvoldoende. Het gaat hier om data van het gegevenstype "boringen". Zorg voor een titel die het onderwerp van de pagina beschrijft.

Bevinding 36: De PDF "Regels en plichten omtrent dataverstrekking en rapportage bij onderzoek naar en winning van delfstoffen uit de ondergrond" heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Hetzelfde komt vaker voor, bijvoorbeeld bij de PDF "Structural framework of the mid North Sea area"

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 37: Als een gebruiker op pagina https://www.nlog.nl/datacenter/brh-overview op Boring A08-01 klikt verschijnt een overlay met informatie. Als je nu met de tabtoets verder navigeert moet de toetsenbordfocus direct in de overlay komen en moet je met de tabtoets binnen dit dialoog blijven. Dat gaat nu niet goed.

Bevinding 38: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. Wanneer bezoekers focus hebben in de applicatie, krijgen eerst een reeks onzichtbare knoppen en links focus, zoals een inzoom en uitzoom knop en een lijst met 18 items. Maak deze items zichtbaar of verwijder ze uit de focus volgorde.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 39: Op pagina https://www.nlog.nl/index.php/boringen staan links met de linktekst 'Toelichting'. Het is voor bezoekers die gebruik maken van voorleessoftware niet duidelijk waar deze links naar verwijzen, omdat het niet om unieke linkteksten gaat. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn. Het zelfde komt vaker voor, bijvoorbeeld de linktekst "Lees verder" op pagina https://www.nlog.nl/nieuws. Vermijd daarnaast linkteksten als 'Lees meer' en 'Klik hier', die zijn ook onvoldoende beschrijvend.

Bevinding 40: Op pagina https://www.nlog.nl/datacenter/brh-overview is paginering aanwezig. De linktekst van de paginanummers bestaan alleen uit het paginanummer, zoals '2'. Dit is onvoldoende beschrijvend. Voeg bijvoorbeeld het woord 'pagina' met screenreader-only tekst toe aan het linkdoel om dit probleem op te lossen.

Bevinding 41: In de heading en footer op pagina https://www.nlog.nl/datacenter/brh-overview staan drie logo's. Deze logo's zijn ook links, en missen een toegankelijk linkdoel. Voeg alternatieve teksten toe om een linkdoel toe te voegen. Zie ook succescriterium 1.1.1.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 42: Wanneer Menu-items bovenaan de pagina https://www.nlog.nl/datacenter/brh-overview focus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Bevinding 43: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. Interactieve elementen in dit dialoogvenster krijgen geen zichtbare focusrand.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 44: Op pagina https://www.nlog.nl/datacenter/lic-overview is de taal aanduiding van de hele pagina Engels. De pagina is echter in het Nederlands. Zorg voor de juiste taal codering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.
Dit komt op alle pagina's van dit type voor, bijvoorbeeld op pagina https://www.nlog.nl/datacenter/brh-overview.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 45: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview op een link in de tabel klikken, opent een dialoogvenster. De knop om dit venster weer te sluiten heeft als toegankelijke naam 'close'. Biedt interactieve elementen idealiter in de hoofdtaal van de pagina aan, of geef een taalwissel aan. Dit probleem komt op meerdere plekken voor, bijvoorbeeld bij de invoervelden onder 'Toon filters' waar de knoppen om de selectiemenu's uit te klappen de naam 'dropdown trigger' hebben.

Bevinding 46: Als het verplichte veld "Organisatie" niet is ingevuld op de pagina https://www.nlog.nl/contact verschijnt na de knop "Versturen" de tekst "Please enter an organisation name". Een aantal van de fout suggesties zijn in het Engels, niet elke Nederlandse gebruiker kan dat begrijpen. In de Engelse versie van hetzelfde formulier komen Nederlandse teksten voor.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 47: Het zoekveld op pagina https://www.nlog.nl/datacenter/brh-overview heeft geen zichtbaar label maar wel een placeholder-tekst: "Vul (een deel van de) naam in" De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe die altijd zichtbaar blijft om dit probleem op te lossen.

Bevinding 48: Als een gebruiker op pagina https://www.nlog.nl/datacenter/brh-overview op Boring A08-01 klikt verschijnt een overlay met informatie. Onder tabblad "Logs LIS/LAS" staat een downloadknop met een "i" span met extra informatie in de titel "Selecteer de gewenste documenten om deze kosteloos in bulk te downloaden.". Het title-attribuut wordt niet door alle browsers en hulpsoftware even goed ondersteund, gebruik bijvoorbeeld aria-labelledby om deze informatie aan de download knop toe te voegen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 49: Op pagina https://www.nlog.nl/geothermie komen dubbele id's voor, namelijk id="navbarResponsive". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 50: Op de home pagina https://www.nlog.nl/ is een i-frame geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit i-frame met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Lopende boringen".

Bevinding 51: Op de pagina https://www.nlog.nl/datacenter/brh-overview staat een indicatie van het aantal filters dat ingeschakeld is. De naam van dit veld is het aantal filters, dat is voor gebruikers van hulpsoftware niet duidelijk, vermeld dat het hier om het aantal ingestelde filters gaat in de naam.

Bevinding 52: Op pagina https://www.nlog.nl/datacenter/brh-overview kunnen bezoekers met 'Toon filters' een filter-menu uitklappen. Het is voor bezoekers die het scherm niet kunnen zien niet duidelijk of het menu in of uitgeklapt is. Maak bijvoorbeeld gebruik van een button en aria-expanded om dit probleem op te lossen.

Bevinding 53: Als een gebruiker op pagina https://www.nlog.nl/datacenter/brh-overview op Boring A08-01 klikt verschijnt een overlay met informatie. Onder tabblad "Logs LIS/LAS" staan selectievakjes zonder toegankelijke naam. Geef de selectievakjes een label.

Bevinding 54: Op pagina https://www.nlog.nl/datacenter/brh-overview is paginering aanwezig. De knoppen om naar een vorige of volgende pagina te gaan, hebben geen toegankelijke naam.

Bevinding 55: Het invoerveld 'Vul (een deel van de) naam in' op pagina https://www.nlog.nl/datacenter/brh-overview heeft geen toegankelijke naam. Dit geldt ook voor de invoervelden 'Begindatum' en 'Einddatum' onder 'Toon filters' op dezelfde pagina.

Bevinding 56: De combobox 'Sorteer' op pagina https://www.nlog.nl/datacenter/brh-overview heeft geen toegankelijke naam. Dit geldt ook voor de comboxen onder 'Toon filters' op dezelfde pagina.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 57: Als op de pagina https://www.nlog.nl/datacenter/brh-overview op de knop "Toon filters" geklikt wordt verschijnt er een blok met een aantal invoervelden. Ziende gebruikers kunnen dat zien, blinde gebruikers krijgen geen melding van de statusverandering.

Bevinding 58: Wanneer bezoekers op pagina https://www.nlog.nl/datacenter/brh-overview een link in de tabel openen, opent er een dialoogvenster. In het dialoogvenster verschijnt een laad-animatie. Hulpsoftware moet deze status ook kunnen doorgeven, bijvoorbeeld 'Aan het laden'.

Bevinding 59: De "Toon filters" knop op pagina https://www.nlog.nl/datacenter/brh-overview verandert niet van status wanneer bezoekers er op klikken. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan screenreadergebruikers.

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

• Home:
  https://www.nlog.nl/en
• Contact, Formulier:
  https://www.nlog.nl/contact
• Geothermie:
  https://www.nlog.nl/geothermie
• PDF:
  https://www.nlog.nl/sites/default/files/2022-03/tno-nogepa_handvest.pdf
• Boring A08-01:
  https://www.nlog.nl/datacenter/brh-overview
• Standaard:
  https://www.nlog.nl/gegevensverstrekking-aan-de-overheid
• Engelstalig tabel:
  https://www.nlog.nl/en/legislation
• Datacenter vergunningen:
  https://www.nlog.nl/datacenter/lic-overview
• Engelstalig Presentations:
  https://www.nlog.nl/index.php/en/posters
• PDF:
  https://www.nlog.nl/sites/default/files/poster3_ebn_prospex2015.pdf
• Handleiding:
  https://www.nlog.nl/quickstart
• Nieuws:
  https://www.nlog.nl/nieuws
• Tabellen:
  https://www.nlog.nl/retributies-voor-publicatiekosten
• Grafiek:
  https://www.nlog.nl/nieuws/ontwerp-instemmingsbesluit-winningsplan-blija

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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