Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Kadaster BAG Viewer

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Kadaster BAG Viewer
Datum 12 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op bagviewer.kadaster.nl/lvbag/bag-viewer/
  • Alle PDF's op bagviewer.kadaster.nl/lvbag/bag-viewer/
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: 16

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 pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268200000099974&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 staan onder 'Handige links' een aantal links naar externe websites zoals de link naar het 'WOZ-waardeloket'. Rechts van de link staat een icoon waaraan is te zien dat het om een externe link gaat. Deze afbeelding brengt informatie over en moet voor iedereen te zien zijn. Het icoon wordt door middel van het pseudo-element :before en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content.

Bevinding 2: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268200000099974&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 verschijnt een venster wanneer de bezoeker klikt op 'Filter op kaart'. Wanneer een filter is ingesteld, bijvoorbeeld voor oppervlakte, verschijnt er bovenaan het formulier een knop met de beschrijving van de filteroptie en een (x) om deze te verwijderen. Dit icoon is ingevoegd met de content property. Zoals in de vorige bevinding beschreven, is dit niet wenselijk omdat het icoon kan wegvallen wanneer de CSS niet geladen wordt.

Bevinding 3: Wanneer een bezoeker op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268200000099974&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 klikt op 'Fout melden', verschijnt een formulier. Wanneer in Stap 1 Wanneer een filter is ingesteld, bijvoorbeeld voor Gebruiksdoel, verschijnen er onder in een box knoppen met de beschrijving van de filteroptie en een (x) om deze te verwijderen. Voor het (x) icoon wordt voorgelezen als letter x. Zorg voor een tekstalternatief dat aangeeft dat na het klikken op deze knop de filteroptie wordt verwijderd. Dit probleem is bij de hercontrole op een andere plaats in de website wel opgelost.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268200000099974&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 verschijnt een venster wanneer de bezoeker klikt op 'Filter op kaart'. Onder de uitklapbare koppen staan checkboxes. Deze zijn nu niet allemaal gekoppeld aan de labels erboven, waardoor het voor bezoekers die voorleessoftware gebruiken niet duidelijk is waar de checkboxes bij horen. Bijvoorbeeld de onder 'Gepland', 'Bouw' en 'Vervallen / buiten gebruik'. Maak gebruik van een fieldset/legend combinatie om dit op te lossen.

Bevinding 5: Advies: Als op de homepagina het helpvenster (Veelgestelde vragen) opengeklapt is staan er twee H1-koppen. Zorg dat een pagina precies één H1 kop heeft. Maak bijvoorbeeld van de tekst "Veelgestelde vragen" een H2-kop.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: Wanneer een bezoeker op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 over de knop 'Filter op kaart' hovert, verschijnt de tekst 'Zoom verder in om de filterfunctie te gebruiken' in witte tekst op een lichtblauwe achtergrond (HEX # 698AB3). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,6:1 waar dit 4,5:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Voldoende

Bevinding 7: \

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 8: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Er is een (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet echter de eerste link van de pagina zijn. Dat is nu niet het geval.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 9: Je kan met de tabtoets door de pagina navigeren. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex=0 op bijvoorbeeld het element main. Dit is een niet interactief element. Daardoor ontstaat er bij een onlogische focusvolgorde. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen.

Bevinding 10: Als op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 bij een resolutie van 1280x1024px ingezoomd wordt tot 200% en het venster 'Weergave opties' openstaat, is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord. Hierdoor kan je niet altijd meer zien waar je bent als je met het toetsenbord navigeert. Zorg dat de focus binnen het venster 'Weergave opties' blijft totdat deze gesloten is en dat de achterliggende content "onzichtbaar" is voor hulpsoftware en niet bereikbaar is met het toetsenbord. Hetzelfde komt vaker voor in de website, bijvoorbeeld bij het venster 'Favorieten'.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268200000099974&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 staan meerdere blokken met daaronder telkens de link 'Bekijk details en historie'. Het is visueel duidelijk bij welk blok de link hoort, maar voor bezoekers die met hulpsoftware navigeren is dit niet duidelijk. Voeg bijvoorbeeld onderwater een extra beschrijving toe die duidelijk maakt bij welk blok de link hoort.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 12: Op de pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 staat naast het zoekvenster een knop met het label 'Terug'. De toegankelijke naam van deze knop is echter 'Zoeken'. Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

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 13: Het zoekveld bovenaan bijvoorbeeld de pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 heeft de rol combobox en moet daarom de attributen aria-expanded en aria-controls hebben maar dat is niet zo. Dit kan problemen geven met hulpsoftware. Zorg voor goed werkende complete WAI-ARIA code.
Hetzelfde komt vaker voor in de website, bijvoorbeeld bij verschillende invoervelden in het venster 'Uitgebreid zoeken' zoals 'Woonplaats'.

Bevinding 14: In het venster 'Uitgebreid zoeken' zijn verschillende invoervelden zoals het zoekveld en 'Woonplaats' in een div met het attribuut aria-expanded. Aria-expanded mag alleen gebruikt worden voor elementen die de expanded status van andere elementen besturen, dat is hier niet het geval. Dit kan problemen geven met hulpsoftware. Zorg voor correcte WAI-ARIA code.

Bevinding 15: In het venster 'Uitgebreid zoeken' zijn verschillende invoervelden zoals 'Woonplaats' met daaronder een div met role='listbox'. Een listbox mag alleen elementen van het type option bevatten en geen lijst zoals hier het geval is. Dit kan problemen geven met hulpsoftware. De zoekresultaten worden nu niet goed voorgelezen. Zorg voor correcte WAI-ARIA code. Hetzelfde komt vaker voor in de website, bijvoorbeeld in het venster 'Begrippenlijst' bij het invoerveld 'Zoeken op onderwerpen'.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bezoekers in het formulier 'Fout melden' bij stap 2 het invoerveld 'Uw onderbouwing' niet goed invullen, verschijnt er zonder dat de pagina ververst een foutmelding. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-04-12 03:25:34 v2.4-011