Issues:
Audit digitale toegankelijkheid website Kadaster BAG Viewer

(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: Het logo van het Kadaster in de header heeft wel een alternatieve tekst met het linkdoel, maar bevat niet de organisatienaam. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient. Pas de alt-tekst aan naar bijvoorbeeld 'Logo Kadaster, navigeer naar de homepage'.

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 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. 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. Bovendien heeft de afbeelding nu geen toegankelijke tekst zodat bijvoorbeeld blinde gebruikers de informatie missen dat het hier om een externe link gaat. Een oplossing kan zijn om het icoon in de html te plaatsen, bijvoorbeeld als img-element of svg met een tekstalternatief.

Bevinding 3: 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. Voor het (x) icoon ontbreekt een tekstalternatief. Zorg voor een tekstalternatief dat aangeeft dat na het klikken op deze knop de filteroptie wordt verwijderd.
Daarnaast is ook dit icoon 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 4: 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. Binnen Stap 2 staan twee iconen binnen een meldingsblok: een informatie-icoon en een waarschuwingsicoon. Deze missen een alternatieve tekst. Voeg dit toe.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 5: Op de homepagina staan kopteksten die in de code niet zijn opgemaakt als kop. Het gaat bijvoorbeeld om 'Wat is de BAG', 'Zoeken op de kaart' en 'Favorieten'. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Codeer deze kopteksten daarom als kop.
Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=App&objectId=3560&theme=BRT%20Achtergrond&geometry.x=195217.5&geometry.y=469430&zoomlevel=7.7397722859465725 bij de koppen zoals 'Samenvatting' en 'Pand', en binnen 'Uitgebreid zoeken' op de gelijknamige koptekst en op 'Resultaten'.

Bevinding 6: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268010000098475&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 staan binnen elk blok een aantal vetgedrukte teksten, zoals 'Adres' en 'Gebruiksdoel'. Deze teksten zijn koptekst voor de content eronder, maar zijn in de code als paragraafteksten vormgegeven. De relatie tussen de kop en de content eronder mist hierdoor. Maak gebruik van kopteksten om deze relatie ook in de code beschikbaar te maken.
Dit komt ook voor binnen de Begrippenlijst op de koppen 'Definitie' en 'Notitie' en binnen het scherm 'Fout melden' op de vetgedrukte teksten.

Bevinding 7: 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 'Oorspronkelijk bouwjaar' staan twee invoervelden met dezelfde toegankelijke naam 'Bouwjaar'. Visueel is te zien waar elk veld voor dient. Geeft in de toegankelijke naam duidelijk aan welk veld bedoeld is voor 'Vanaf' en welk veld voor 'Tot en met'. Hetzelfde geldt voor de daaronder liggende invoervelden 'Oppervlakte'.

Bevinding 8: 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 gekoppeld aan de labels erboven, waardoor het voor bezoekers die voorleessoftware gebruiken niet duidelijk is waar de checkboxes bij horen. Maak gebruik van een fieldset/legend combinatie om dit op te lossen.

Bevinding 9: Binnen het venster 'Fout melden' is de vraag 'Wat wilt u melden voor Zwanenveld 1262, Nijmegen?' niet gekoppeld aan de radiobuttons eronder. Het is daarvoor voor bezoekers die voorleessoftware gebruiken niet duidelijk waar de radiobuttons bij horen. Maak gebruik van een fieldset/legend combinatie om dit op te lossen.

Bevinding 10: 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 een waarde wordt gecorrigeerd, bijvoorbeeld via 'Oppervlakte corrigeren' verschijnt een invoerveld. Dit invoerveld is niet gekoppeld aan het label erboven. Dit geldt voor alle formuliervelden binnen dit scherm. Koppel het label erboven met een <label> element aan het tekstveld om dit probleem op te lossen.

Bevinding 11: Binnen de begrippenlijst is de kop 'Veelgestelde vragen' als kopniveau H4 gecodeerd. De onderliggende koppen zijn nu echter van niveau H3. Onderliggende koppen mogen niet een hoger niveau hebben dan de kop waar ze bijhoren. Maak bijvoorbeeld van 'Veelgestelde vragen' een H2. De onderliggende vragen kunnen dan een H3 blijven.

Bevinding 12: Advies: Op de homepagina staan twee H1-koppen. Zorg dat een pagina precies één H1 kop heeft. Maak bijvoorbeeld van de tekst "BAG-Viewer" gewone span-tekst.

Bevinding 13: Advies: In het venster 'Uitgebreid zoeken' zijn de labels van de formuliervelden onder 'Filter op kaart' opgemaakt met kop niveau 6, de bovenliggende kop is van niveau 4 met daarboven een H1. Zorg voor een duidelijke koppenstructuur en sla liever geen niveau's over.
Dit probleem komt op meerdere onderdelen van de website voor.

Bevinding 14: Advies: 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 wordt gebruik gemaakt van het em-element rondom de iconen die op de knoppen 'Filter op kaart' en 'Weergave opties' staan. Het em-element is bedoeld voor het benadrukken van kleine stukjes tekst, niet voor puur opmaak. Maak gebruik van de stylesheet om hetzelfde effect te bereiken. In dit geval kan het em-element beter verwijderd worden, aangezien het rondom niet-tekstuele content staat.
Dit komt ook voor op het kruisje (x) naast de tags onder 'Toegepaste filters'.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 15: 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. Bij stap 3 kan de bezoeker het eigen e-mailadres en telefoonnummer 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".
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

Bevinding 16: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/ staat bovenaan de pagina een zoekveld met daarnaast een zoek-knop (vergrootglas). Wanneer deze knop toetsenbordfocus heeft, is dat te zien aan de kleurverandering van achtergrond van het vergrootglas van lichtgrijs (HEX #F3F5F9) naar wit. Zorg er voor dat er nog minimaal één andere eigenschap is waaraan te zien is dat het element focus heeft, bijvoorbeeld een duidelijke focusrand.
Hetzelfde komt vaker voor op de website, bijvoorbeeld op de pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 bij de knop 'Terug' naast het zoekveld bovenaan de pagina.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 17: Als op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=161550.99081671762&geometry.y=454582.8007525343&zoomlevel=12.21522787338202 het venster 'Filter op kaart' geopend is, heeft bijvoorbeeld de tekst 'Toegepaste filters', een lichtblauwe tekst (HEX #809CBE) op een witte achtergrond, een te laag contrast. De contrastverhouding is 2,8:1 waar dit 4,5:1 moet zijn.
Deze kleurcombinatie komt vaker voor op de website. Bijvoorbeeld de knop 'Weergave opties' op dezelfde pagina opent een venster waarbij de koppen van niveau 6 'Kaartlagen' en 'Opties' dezelfde kleurencombinatie hebben.

Bevinding 18: 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 # 8FA7C6). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,5:1 waar dit 4,5:1 moet zijn.

Bevinding 19: Als het venster 'Fout melden' openstaat, verschijnt onderin de knop 'Annuleren'. De donkerblauwe tekst (HEX #406A9E) op lichtblauwe achtergrond (HEX #BFCDDF) heeft een te laag contrast. De contrastverhouding is 3,5:1 waar dit 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 20: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op het deel van de bovenste menubalk met het vraagteken buiten beeld. Dit kan alleen door middel van horizontaal scrollen in beeld gebracht worden. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.

Bevinding 21: Advies: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% en een object wordt geselecteerd dan is er voor de informatie over dat object maar weinig plaats in het beeld, maar 1 tekstregel onderin beeld, waardoor dit moeilijk te lezen is. Laat meer ruimte over voor belangrijke informatie.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 22: Als het zoekveld bovenaan de pagina focus heeft is dat te zien aan een lichtblauwe focusrand. Het contrast van deze rand (HEX #B6D7FB) op de lichtgrijze achtergrond (HEX #F3F5F9) is te laag. De contrastverhouding is hier 1,4:1, waar dit minimaal 3:1 moet zijn. Hierdoor is hij voor slechtzienden en kleurenblinden het niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Dit geldt ook voor het zoekveld binnen de Begrippenlijst.

Bevinding 23: Op meerdere schermen staan sluitknoppen (x). Deze hebben wisselende kleurcombinaties maar in alle combinaties heeft deze een te lage contrastwaarde van tussen de 1,9:1 en 2,1:1. Het gaat bijvoorbeeld om de knoppen binnen het scherm 'Fout melden' en 'Begrippenlijst'. Het contrast moet minimaal 3,0:1 zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 24: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% en bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan verdwijnt op het deel van de bovenste menubalk met het vraagteken buiten beeld. Dit kan alleen door middel van horizontaal scrollen in beeld gebracht worden. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 25: 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 de links 'Download als PDF' en 'Bewaar als favoriet'. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Dit komt doordat het <a> element een href mist. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 26: 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. Meerdere links binnen dit formulier zijn niet bedienbaar met het toetsenbord, zoals bij Stap 1 de links om een object te corrigeren, en bij stap 2 de link 'Selecteer een bestand'. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Dit komt doordat het <a> element een href mist. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 27: Wanneer een object is toegevoegd aan de favorieten, staat in het scherm 'Favorieten' achter elk object een link 'Verwijderen'. Deze link is niet bedienbaar met het toetsenbord. Dit komt doordat het <a> element een href mist. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 28: Wanneer binnen de functie 'Uitgebreid zoeken' een adres wordt ingevoerd, verschijnen er 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 links onder "Resultaten". Deze links zijn niet bedienbaar met het toetsenbord. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.
Dit geldt ook voor aanvullende links binnen een adres, zoals 'Bekijk details en historie' en 'Identificatienummer'.

Bevinding 29: Wanneer het scherm 'Fout melden' wordt gesloten, verschijnt een dialoogvenster. Dit venster is niet met het toetsenbord te bedienen.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 30: Op elke pagina 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 31: De website heeft op elke 'pagina' de titel 'BAG Viewer'. De paginatitel moet de inhoud van de pagina beschrijven, bijvoorbeeld 'Home - BAG Viewer'. Binnen Single Page Applications kan dit in zowel React als Vue handmatig worden ingesteld.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 32: Wanneer op de homepagina een adres wordt ingevoerd in de zoekbalk, verschijnen resultaten. De focus gaat echter pas eerst naar de knoppen 'Wissen' en 'Zoeken' en daarna pas naar de verschenen zoekresultaten. Zorg dat de focus eerst in de zoekresultaten komt, en daarna pas naar de knoppen verplaatst.
Dit komt ook voor binnen de kaartapplicatie, bijvoorbeeld op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=tes&theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3 .

Bevinding 33: Je kan met de tabtoets door de pagina navigeren. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex=0 op bijvoorbeeld de gehele kaart, de div met id="ggc-ol-map". 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 34: Als op de 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 de knop 'Lengte meten' met behulp van het toetsenbord wordt ingedrukt is het volgende object dat focus heeft de knop 'Filter op kaart'. Dat is niet logisch, het eerste element in het opengeklapte gereedschapsvenster zou de focus moeten hebben.

Bevinding 35: 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'.

Bevinding 36: In het venster 'Favorieten' komt de focus eerst op de links naar de favorieten, dan buiten de pagina in de browser-interface en pas daarna op de links 'Verwijderen'. Dat is geen logische volgorde, verwacht wordt dat na elke favorieten link de bijbehorende 'Verwijderen' link focus krijgt.

Bevinding 37: Als het venster 'Fout melden' gesloten wordt is het volgende element dat focus heeft de volledige kaart. Als de vensters 'Favorieten'. 'Begrippenlijst' en 'Help' gesloten worden is het eerstvolgende element dat focus krijgt het logo in de header. Gebruikelijk is dat als een venster gesloten wordt het element waarmee het venster geopend werd weer focus heeft. Zorg voor een consistent logische focus volgorde.

Bevinding 38: Als in het formulier 'Fout melden' op de knop volgende geklikt wordt is het volgende element dat focus heeft niet het eerst actieve element in de volgend pagina van het formulier zo als je zou verwachten, maar de knop waarmee het formulier wordt verborgen. Zorg voor een logische focusvolgorde.

Bevinding 39: Wanneer in de 'Begrippenlijst' een begrip focus heeft en er wordt op de 'enter' knop gedrukt zou je verwachten dat het eerste element in de beschrijving van het begrip focus zou krijgen, dat is niet het geval.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 40: Wanneer een object is toegevoegd aan de favorieten, staat in het scherm 'Favorieten' achter elk object een link 'Verwijderen'. Uit de linktekst alleen is niet duidelijk welk object verwijderd wordt. Blinde bezoekers die met behulp van het toetsenbord navigeren weten niet welke favoriet verwijderd wordt. Vul de toegankelijke tekst (onderwater) aan met de titel van het te verwijderen object.

Bevinding 41: 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.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 42: Wanneer op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=161550.99081671762&geometry.y=454582.8007525343&zoomlevel=12.21522787338202 de knoppen 'Zoom in', 'Zoom uit', 'Filter op Kaart' en 'Weergave opties' 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: Advies: Op een aantal plekken is geen volledige focusrand zichtbaar. Bijvoorbeeld op het logo in zowel Chrome als Firefox, en op de knoppen Favorieten, Begrippenlijst en Help in Firefox. De eisen voor focusranden worden mogelijk strenger in WCAG 2.2. Zorg dus voor een focusrand die de knop/link volledig omsluit.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 44: 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.

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 45: De taalaanduiding van de hele pagina is Engels, de pagina is echter in het Nederlands. Zorg voor het juiste lang-attribuut in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 46: In het venster 'Uitgebreid zoeken' zijn verschillende invoervelden zoals 'Woonplaats' en 'Openbare ruimte' met daaronder een div met id="suggestions".
Id's die worden gebruikt in ARIA moeten uniek zijn. Dit kan problemen geven met hulpsoftware. Geef elke div een unieke id.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 47: Het zoekveld bovenaan de pagina 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 48: Als een venster is geopend, bijvoorbeeld het venster 'Fout melden' of 'Favorieten' heeft de sluitknop (x) van het venster geen toegankelijke naam. Daardoor is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat er gebeurt als er op geklikt wordt.
Voeg een naam toe om dit probleem op te lossen.
Dit geldt voor alle sluitknoppen op de website.

Bevinding 49: In het venster 'Uitgebreid zoeken' zijn verschillende invoervelden zoals '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 50: In het venster 'Uitgebreid zoeken' zijn verschillende invoervelden zoals 'Woonplaats' met daaronder een div met role='listbox'. Een listbox is een interactief element en moet een naam hebben, dat is nu niet het geval. Gebruik bijvoorbeeld aria-label of aria-labelledby.
Hetzelfde komt vaker voor in de website, bijvoorbeeld in het venster 'Begrippenlijst' bij het invoerveld 'Zoeken op onderwerpen'.

Bevinding 51: 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'.

Bevinding 52: Op pagina https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=6538%20XJ&objectId=0268010000098475&theme=BRT%20Achtergrond&geometry.x=183974.532&geometry.y=425509.37600000005&zoomlevel=15 staan een aantal klikbare koppen zoals 'Pand status'. Deze zijn nu klikbaar gemaakt met een tabindex="0'. Het element mist echter de juiste rol (button). Maak zoveel mogelijk gebruik van native HTML, door bijvoorbeeld het <button> element te gebruiken.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 53: 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

• Home:
  https://bagviewer.kadaster.nl/lvbag/bag-viewer/
• Kaart:
  https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3
• Uitgebreid zoeken:
  https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=160000&geometry.y=455000&zoomlevel=3
• Zoekresultaten:
  https://bagviewer.kadaster.nl/lvbag/bag-viewer/?searchQuery=App&objectId=3560&theme=BRT%20Achtergrond&geometry.x=195217.5&geometry.y=469430&zoomlevel=7.7397722859465725
• Kaart ingezoomd:
  https://bagviewer.kadaster.nl/lvbag/bag-viewer/?theme=BRT%20Achtergrond&geometry.x=161550.99081671762&geometry.y=454582.8007525343&zoomlevel=12.21522787338202
• Adres op de kaart:
  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

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• 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.