Toegankelijkheidsonderzoek

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


Onderzoeker
Michiel, Swink; Renate, Swink
Datum
13 september 2022
Opdrachtgever
TNO

Samenvatting onderzoeksresultaat

De website NLOG Nederlandse Olie- en Gasportaal voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 21 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website www.nlog.nl is onderzocht tussen 30 augustus en 8 september 2022. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

De website nlog.nl is al gedeeltelijk toegankelijk. Zo kunnen bezoekers herhalende content overslaan (op de database na) en is de navigatie consistent. Dit zijn de belangrijkste bevindingen uit het onderzoek:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website NLOG Nederlandse Olie- en Gasportaal
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op nlog.nl.
  • Alle PDF's op nlog.nl.
Buiten de scope van het onderzoek valt:
  • DOCX, XLSX, TIFF of andere bestandstypen die op de website aangeboden worden.
  • De kaartencontent op www.nlog.nl/kaart-boringen
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via nlog.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 11 9 0
2 Bedienbaar 11 6 0
3 Begrijpelijk 7 3 0
4 Robuust 0 3 0
Totaal 29 21 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: In de heading en footer op pagina 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.

Op meerdere pagina's, waaronder de homepage 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 www.nlog.nl/en/legislation.

Op de home pagina 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.

Op pagina 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.

Op pagina 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 www.nlog.nl/datacenter/lic-overview.

Op pagina 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.

Wanneer bezoekers op pagina 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 pauljadam.com/demos/canvas.html.

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.

Op pagina 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.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Niet aanwezig


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op de pagina 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 www.nlog.nl/retributies-voor-publicatiekosten is opgemaakt met bold in plaats van met het th-element.

De tekst 'English translation of the Mining Act etc.' op pagina 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 www.nlog.nl/retributies-voor-publicatiekosten en op pagina www.nlog.nl/quickstart.

De tussenkopjes, zoals 'Waddenzee' en 'Zeedijk' op pagina 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.

In het Hoofdmenu subnavigatie links in de pagina 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).

Wanneer bezoekers op pagina 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.

Het invoerveld 'Vul (een deel van de) naam in' op pagina 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.

De combobox 'Sorteer' op pagina 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.

Op pagina 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 www.nlog.nl/retributies-voor-publicatiekosten komt daarnaast een geordende lijst voor, die is opgemaakt als ongeordende lijst.

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.

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.

Advies: De koppen op de pagina 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 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)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: 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)

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.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 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.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevindingen: Advies: De linktekst 'contacts' op pagina 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.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Voldoende


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.

Het contrast van de Grijze placeholder tekst (HEX: #A9ABAD) in de lichtgrijze invoervelden (HEX: #F4F5F6) van de invoervelden, waaronder onder de filters op pagina 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.

Wanneer bezoekers op pagina 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.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Voldoende


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Als een gebruiker op pagina 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)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Het contrast van de focusrand rond de invoervelden (Hex: #E4E9EC) op de lichtgrijze achtergrond (Hex: #F4F5F6) op pagina 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.

Als een gebruiker op pagina 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.

Het contrast tussen de grijze invoervelden (HEX #F4F5F6) en de witte achtergrond op pagina 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.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: 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)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Voldoende


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Voldoende


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Voldoende


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: Op de pagina 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)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De Titel "Datacenter | NLOG" van de pagina 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.

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)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Als een gebruiker op pagina 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.

Wanneer bezoekers op pagina 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.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.nlog.nl/nieuws. Vermijd daarnaast linkteksten als 'Lees meer' en 'Klik hier', die zijn ook onvoldoende beschrijvend.

Op pagina 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.

In de heading en footer op pagina 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.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: Wanneer Menu-items bovenaan de pagina 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.

Wanneer bezoekers op pagina 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.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Voldoende


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Voldoende


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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 www.nlog.nl/datacenter/brh-overview.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina 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.

Als het verplichte veld "Organisatie" niet is ingevuld op de pagina 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.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Het zoekveld op pagina 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.

Als een gebruiker op pagina 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.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevindingen: Op pagina 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)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Op de home pagina 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".

Op de pagina 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.

Op pagina 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.

Als een gebruiker op pagina 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.

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

Het invoerveld 'Vul (een deel van de) naam in' op pagina 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.

De combobox 'Sorteer' op pagina 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)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Als op de pagina 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.

Wanneer bezoekers op pagina 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'.

De "Toon filters" knop op pagina 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

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

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

Bron: toegankelijkheidsrapport.swink.nl/nlog.nl/audit/
Geprint: 2024-04-26 23:53:04 v2.4-011