Rapport:
Systeem-audit digitale toegankelijkheid website kadaster.nl

Uitkomst: Onvoldoende

Bevindingen: In de header van de website openen hoofdmenu links zoals "Situaties" submenu’s. Deze links gebruiken pijltjesiconen om aan te geven of de secties geopend of gesloten zijn. De positie van het icoon maakt de toestand visueel duidelijk, maar deze informatie is niet altijd programmeertechnisch toegankelijk voor schermlezers. Hoewel het attribuut aria-expanded wordt gebruikt, wordt dit pas aan de link toegevoegd nadat het submenu is geopend. Hierdoor kan de toestand van het submenu vóór de eerste interactie en in de beginstatus niet programmeertechnisch worden vastgesteld. Als het draaien of veranderen van een afbeelding iets betekent, moet die betekenis ook toegankelijk zijn voor blinde bezoekers. Een pijltje dat naar beneden wijst kan aangeven dat een sectie met inhoud nog dicht is, en een pijltje omhoog dat de inhoud zichtbaar is. Zorg ervoor dat schermlezers dit ook begrijpen. Hiervoor moet het attribuut aria-expanded altijd aanwezig zijn en de huidige toestand correct weergeven.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. In dit menu openen knoppen submenu’s. De opties in deze submenu’s bevatten vinkjes om de staat van de optie aan te geven, zoals ingedrukt of niet ingedrukt. Hoewel de aanwezigheid van het icoon deze toestand visueel duidelijk maakt, is deze informatie niet programmeertechnisch toegankelijk voor schermlezers.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu met knoppen die visueel de huidige selectie van de bezoeker weergeven. Zo toont de knop “Ondertiteling” bijvoorbeeld “off” of “English”. Deze informatie wordt echter niet doorgegeven aan schermlezers. Hoewel de geselecteerde optie als tekst in het button-element aanwezig is, wordt deze overschreven door een aria-label, waardoor hulpsoftware de huidige keuze niet aankondigt. Hierdoor weten bezoekers die schermlezers gebruiken niet welke optie op dat moment is geselecteerd.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. In dit menu staan knoppen die submenu’s openen. In deze submenu’s ontbreken de rollen van kop bij teksten die als kop functioneren. Hoewel deze teksten zijn gemarkeerd met een h3-element, is dit element geplaatst binnen een button-element. Als een kop binnen een knop staat, wordt de rol van kop niet meer voorgelezen.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://developer.kadaster.nl/schemas/-/categories/2665486 staan navigatielinks onder de kop “Schema's”. De actieve link “BRK Levering” heeft een duidelijk afwijkende visuele opmaak, maar dit onderscheid is niet aanwezig in de code.
Bezoekers die de pagina laten voorlezen, hebben daardoor geen toegang tot deze informatie. Zorg daarom voor een andere manier om deze informatie over te dragen, zodat ook slechtziende of blinde bezoekers dit kunnen begrijpen. Voeg bijvoorbeeld aria-current="true" toe aan de actieve link.

Op pagina https://developer.kadaster.nl/schemas/-/categories/2665486 volgt een kop van niveau 3 direct na een andere kop van hetzelfde niveau. Dit is te zien bij “Schema” en “Download”. Als twee kop-elementen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 200%, opent de knop met drie horizontale lijnen in de header een menu. De knoppen in dit menu, zoals “Situaties”, openen submenu’s. Wanneer deze submenu’s geopend zijn, zijn de laatste opties niet zichtbaar. Dit is bijvoorbeeld het geval bij de link “Vrije tijd” in het submenu “Situaties”. Als een bezoeker inzoomt, moet alles nog werken.

Wanneer de pagina https://www.nsgi.nl/coordinatenstelsels-en-transformaties/tools/validatieservice wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 200%, is de tabel die verschijnt onder de sectie “Stap 3: upload uw resultaat” na het uploaden van een bestand deels afgekapt en niet volledig zichtbaar.
Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels.

Wanneer de website wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 200%, is de knop met de tekst “Niet meer laten zien” in het dialoogvenster “Feedback” niet zichtbaar. Zie bijvoorbeeld https://www.kadaster.nl/over-ons/het-kadaster/contact. Als een bezoeker inzoomt, moet alles nog werken.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Er ontstaan problemen als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels. Bij succescriterium 1.4.4 is al beschreven dat er content en/of functionaliteit verloren gaat als tot 200% wordt ingezoomd. Dat gebeurt ook als tot 400% wordt ingezoomd. Deze problemen zijn hier daarom niet nog een keer benoemd. Zorg dat de problemen niet alleen opgelost worden voor als tot 200% is ingezoomd, maar ook voor 400%.

Wanneer de pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, worden bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, is de knop met de tekst “Feedback” die een dialoogvenster opent, niet zichtbaar en niet bedienbaar.
Als een bezoeker inzoomt, moet alles nog werken.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. In deze speler bevindt zich bovenaan een knop die een dialoogvenster met deelopties opent. Dit dialoogvenster bevat een selectievakje. De contrastratio tussen de lichtgrijze rand (HEX#4D4D4D) en de donkergrijze achtergrond van het dialoogvenster (HEX#212121) is 1,9:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.nsgi.nl/ wordt de tekst in het zoekveld in de header deels onzichtbaar en onleesbaar wanneer bezoekers tekstafstanden toepassen zoals beschreven in dit succescriterium. Dit geldt zowel voor de placeholder tekst als voor de tekst die door bezoekers wordt ingevoerd. Sommige bezoekers passen de weergave van de tekst aan, zodat zij deze beter kunnen lezen. Denk aan het vergroten van de afstand tussen regels, letters of woorden. Het gaat bijvoorbeeld om mensen met dyslexie. Als een bezoeker dit doet op de manier die in het succescriterium is beschreven, moet alles goed blijven werken. Bovendien moet de tekst leesbaar blijven. Dit kan opgelost worden door de hoogte en breedte van de containers van de tekst responsief te maken.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. In deze speler kan met een rechtermuisklik een contextmenu worden geopend. Dit menu kan niet worden geopend met het toetsenbord. Hierdoor hebben bezoekers die alleen het toetsenbord gebruiken geen toegang tot de functionaliteit in dit menu. Alle functionaliteit moet via het toetsenbord bedienbaar zijn.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. In dit menu staan knoppen die submenu’s openen. Na het sluiten van deze submenu’s, zoals het submenu “Afspeelsnelheid” via de knop met een pijltje en de zichtbare tekst “Afspeelsnelheid”, keert de toetsenbordfocus niet terug naar de knop waarmee het submenu werd geopend. In plaats daarvan verschuift de focus naar de eerste menuknop, namelijk “Ondertiteling”. Dit verstoort de verwachte navigatiestroom met het toetsenbord. Nadat er een instelling is gekozen in dit menu, bijvoorbeeld een afspeelsnelheid, sluit het menu en begint de toetsenbordfocus weer helemaal 'bovenaan' in de videospeler, bij de "Delen" knop, waardoor weer door alle elementen moet worden genavigeerd om weer bij de instellingen uit te komen. Bezoekers die gebruikmaken van het toetsenbord of een schermlezer moeten telkens opnieuw beginnen, wat tot frustratie kan leiden en het succesvol aanpassen van instellingen kan belemmeren.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Wanneer pagina https://www.kadaster.nl/about-us wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, bevat het instellingenmenu in de speler onder “Kadaster in 2 minutes” een knop met het label “Hoofdmenu”. Dit button-element bevat een ander interactief en dus focusbaar element. Hierdoor komt de toetsenbordfocus op een onzichtbaar interactief element terecht. Dit probleem komt ook voor in de submenu’s die worden geopend via de knoppen in het instellingenmenu. Elementen die toetsenbordfocus kunnen krijgen en genest zijn binnen andere interactieve elementen (zoals button- of a-elementen) worden soms niet goed voorgelezen door schermlezers. Dit kan leiden tot een leeg focuspunt: een situatie waarin een bezoeker met de Tab-toets naar het element kan navigeren, maar de schermlezer geen naam, rol of status van het element voorleest. Dit kan verwarrend zijn en een slechte gebruikerservaring veroorzaken voor mensen die afhankelijk zijn van hulpsoftware. Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op alle pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, opent een knop met de tekst "Feedback" een dialoogvenster.
De toetsenbordfocus blijft niet binnen dit dialoogvenster, maar gaat door op de onderliggende pagina. Bij dit soort dialoogvensters moet de toetsenbordfocus goed worden ingesteld. Wanneer het venster actief is, moet de toetsenbordfocus binnen het venster blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het venster te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het venster automatisch te sluiten zodra de focus eruit gaat.

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, staat een knop “Vragen? Start een chat” waarmee een chat wordt geopend. In de chat verschijnen berichten zoals “Welkom bij het Kadaster!”. Deze berichten staan in `div`-elementen met de attributen `aria-labelledby` en `aria-label`, die deze elementen een toegankelijke naam geven. Dit is echter niet correct, omdat `div`-elementen generiek zijn en geen toegankelijke naam ondersteunen. De attributen zoals `aria-labelledby` en `aria-label` mogen alleen worden gebruikt voor het benoemen van elementen die een toegankelijke naam kunnen hebben, zoals interactieve elementen. Lees meer over het programmeren van een toegankelijke chat op https://www.w3.org/WAI/WCAG21/working-examples/aria-role-log/chatlog.html.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. In deze speler bevindt zich bovenaan een knop die een dialoogvenster met deelopties opent. Dit dialoogvenster bevat een invoerveld dat voorafgegaan wordt door de tekst “Beginnen bij”, maar deze tekst is niet opgenomen in de toegankelijke naam. De toegankelijke naam bevat alleen de placeholder tekst, die de huidige tijd van de video weergeeft. Als de video bijvoorbeeld op 00:50 staat wanneer de deelknop wordt geactiveerd, wordt het invoerveld aangekondigd als “00:50”, ook als de bezoeker deze waarde daarna wijzigt. Hierdoor kunnen blinde of slechtziende bezoekers die schermlezers gebruiken de functie van het invoerveld niet begrijpen. Alle invoervelden moeten een toegankelijke naam hebben die hun functie duidelijk beschrijft.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/zakelijk/zoeken?p_p_id=KadasterSearchPortlet&p_p_lifecycle=1&p_auth=j0JhZ8R1&_KadasterSearchPortlet_javax.portlet.action=%2Fsearch%2Fexecute&_KadasterSearchPortlet_keywords= heeft de knop met een vergrootglasicoon naast het zoekveld de functie om een zoekopdracht te starten. De toegankelijke naam van deze knop is echter "Waar bent u naar op zoek?", wat de functie van de knop niet nauwkeurig beschrijft.
Een blinde bezoeker weet daardoor niet wat deze knop precies doet. Voeg tekst toe die deze knop goed beschrijft.

Op pagina https://developer.kadaster.nl/schemas/-/categories/2665486 staan onder de kop “Oudere versies” uitklapbare secties met verborgen inhoud. Het element dat elke uitklapbare sectie aanstuurt, is gemarkeerd met het ARIA-attribuut role="heading" en aria-level="3". Hierdoor wordt de tekst binnen dit element correct als kop aangekondigd door schermlezers. Een toegankelijkheidsprobleem ontstaat echter wanneer de sectie wordt uitgeklapt. Zodra de verborgen inhoud zichtbaar wordt, valt de volledige uitgebreide inhoud binnen hetzelfde element met role="heading". Hierdoor kondigen schermlezers niet alleen de titel van de sectie aan, maar ook alle uitgebreide inhoud als onderdeel van één kop van niveau 3. Dit leidt tot een onnodig lange en incorrecte aankondiging van de kop. Daarnaast bevindt de uitgebreide inhoud zich in een element met role="region" dat via aria-labelledby verwijst naar hetzelfde heading-element. Omdat de kop ook alle uitgebreide inhoud bevat, wordt de toegankelijke naam van de regio eveneens onnodig lang en incorrect.

Op pagina https://www.nsgi.nl/coordinatenstelsels-en-transformaties/tools/online-coordinatentransformatie, wanneer deze wordt bekeken op een klein scherm (met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%), staan meerdere input-elementen in de sectie met invoervelden voor coördinatentransformatie. Deze invoervelden hebben dezelfde toegankelijke naam, bijvoorbeeld “meter”, terwijl ze voor verschillende doeleinden worden gebruikt. Bezoekers die schermlezers gebruiken kunnen deze invoervelden niet van elkaar onderscheiden, omdat ze met identieke namen worden aangekondigd. Dit maakt het onduidelijk welk invoerveld bij welke functie hoort en kan leiden tot verwarring of foutieve gegevensinvoer.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header van de website opent de knop met een vergrootglasicoon op kleine schermen de zoekbalk. De zichtbare tekst in de zoekbalk (de placeholder tekst) is "Waar ben je naar op zoek?", en de toegankelijke naam van het input-element is "Zoeken". Als de toegankelijke naam van een element niet hetzelfde is als de zichtbare tekst (in dit geval de placeholder-tekst), is het voor bezoekers die gebruikmaken van spraaksoftware niet mogelijk om het element te bedienen. Zij spreken een commando uit door de zichtbare tekst voor te lezen. Als deze niet voorkomt in de toegankelijke naam die in de code staat, werkt het commando niet. Zorg ervoor dat de toegankelijke naam de zichtbare tekst bevat, bij voorkeur aan het begin van de naam. De toegankelijke naam mag ook gelijk zijn aan de zichtbare tekst. Een soortgelijk probleem komt voor bij het zoekveld op pagina https://www.kadaster.nl/zakelijk/zoeken?p_p_id=KadasterSearchPortlet&p_p_lifecycle=1&p_auth=j0JhZ8R1&_KadasterSearchPortlet_javax.portlet.action=%2Fsearch%2Fexecute&_KadasterSearchPortlet_keywords=.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. De toegankelijke namen van de knoppen in dit menu komen uit de aria-label-attributen. Zo heeft de knop met de zichtbare tekst “Ondertiteling” de toegankelijke naam “Subtitles”. Zie ook het submenu “Afspeelsnelheid”, waar de optie met de zichtbare tekst “Normaal” de toegankelijke naam “1” heeft.
Het gebruik van het aria-label-attribuut overschrijft alle andere methoden voor het benoemen van elementen. Schermlezers en spraakherkenningssoftware gebruikt de naam die in het aria-label staat. Dit wordt de “toegankelijke naam” genoemd. Als deze toegankelijke naam anders is dan de zichtbare tekst, zal de tekst die schermlezers voorlezen en die door spraakherkenningssoftware wordt gebruikt, dus afwijken van de zichtbare tekst op de knop. Hierdoor kunnen bezoekers de knop niet meer met stemcommando bedienen. Zij lezen daarvoor namelijk de tekst voor die op de knop te zien is. Omdat deze niet hetzelfde is als de toegankelijke naam, weet de spraaksoftware niet om welke knop het gaat.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. In deze speler bevindt zich bovenaan een knop die een dialoogvenster met deelopties opent. Dit dialoogvenster bevat een invoerveld dat voorafgegaan wordt door de tekst “Beginnen bij”, maar deze tekst is niet opgenomen in de toegankelijke naam. De toegankelijke naam bevat alleen de placeholder tekst, die de huidige tijd van de video weergeeft. Als de video bijvoorbeeld op 00:50 staat wanneer de deelknop wordt geactiveerd, wordt het invoerveld aangekondigd als “00:50”, ook als de bezoeker deze waarde daarna wijzigt. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/zakelijk staat onder de kop “Nieuws” een artikel met de titel “Starters kopen steeds meer in steden”. In dit artikel is een link aanwezig met de zichtbare tekst “Lees volledig artikel”. Deze zichtbare tekst is echter niet opgenomen in de toegankelijke naam van de link (“Nieuws item: Starters kopen steeds meer in steden”), die wordt aangeboden via een aria-labelledby-attribuut. Als de zichtbare tekst van een link niet voorkomt in de toegankelijke naam, kan de link niet met spraakbediening worden bediend. De commando’s die de bezoeker uitspreekt door de tekst van de link voor te lezen, zullen de link dan niet activeren. Dit kan opgelost worden door de zichtbare tekst toe te voegen aan de toegankelijke naam, bij voorkeur vooraan. Dit probleem komt ook voor op pagina https://www.kadaster.com/ bij de link “Read more” onder de kop “Supporting indigenous land rights at global forums in Colombia” en op pagina https://www.nsgi.nl/ bij de link “Lees volledig artikel” onder de kop “Resultaten gebruiksonderzoek van de fysieke punten”.

Op pagina https://www.oicrf.org/-/closing-speech-ppt is de zichtbare tekst bij het selectievakje "I agree". De toegankelijke naam is "On selection, you agree on only personal and non-commercial use of this document" en is afkomstig van het aria-label-attribuut.
Als de toegankelijke naam van een element niet hetzelfde is als de zichtbare tekst, is het voor bezoekers die gebruikmaken van spraaksoftware niet mogelijk om het element te bedienen. Zij spreken een commando uit door de zichtbare tekst voor te lezen. Als deze niet voorkomt in de toegankelijke naam die in de code staat, werkt het commando niet. Zorg ervoor dat de toegankelijke naam de zichtbare tekst bevat, bij voorkeur aan het begin van de naam. De toegankelijke naam mag ook exact gelijk hetzelfde zijn aanls de zichtbare tekst.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header van de website staat een link met de zichtbare tekst “English”. Het aria-label-attribuut wordt op deze link gebruikt en bevat Engelstalige tekst: “Read Kadaster in English”.
Dit label werd voorgelezen door schermlezers, volgens de uitspraakregels van de primaire taal van de pagina (in dit geval Nederlands). Vertaal de tekst van het aria-label naar het Nederlands. Een andere optie is om in de code aan te geven dat er een taalwisseling is, door in een omliggend HTML-element lang="en" toe te voegen.
In de header van de website https://www.kadaster.com/ is de primaire taal ingesteld op Engels (lang="en-GB"), maar er zijn toegankelijke namen die Engelstalige tekst bevatten en worden aangeboden via het aria-label-attribuut: “skip link navigatie”, “Hoofdnavigatie desktop”, “our-collaborations menu sluiten” en andere. Dit probleem komt ook voor op de website https://www.oicrf.org/.

Op pagina https://www.kadaster.nl/about-us staan de volgende teksten in een andere taal zonder taalcode: de koptekst “About us”, de koptekst “What do we do?” en de teksten in de uitklapbare secties onder “What do we do?”, zoals “Requests for proposal”, “Kadaster is bound by public procurement law and regulations …”, “More about Requests for proposal” en andere.

Op pagina https://www.kadaster.com/ is de primaire taal ingesteld op Engels (lang="en-GB"), maar er staan teksten in een andere taal (Nederlands) zonder taalcode, zoals de tekst van de skiplink: “Sla menu over. Ga meteen naar de inhoud.”.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. In dit menu staan knoppen met aria-label-attributen die Engelstalige tekst bevatten, zoals “Subtitles”, “Playback speed”, “Quality” en andere.
Deze labels worden voorgelezen door schermlezers, volgens de uitspraakregels van de primaire taal van de pagina (in dit geval Nederlands). Vertaal de teksten van de aria-labels naar het Nederlands.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, opent een knop met de tekst "Feedback" een dialoogvenster. Dit dialoogvenster bevat een textarea-element met de placeholder tekst “Waar was u naar op zoek?”. Er ontbreekt echter een blijvend label; de placeholder tekst wordt gebruikt als label.
Invoervelden moeten een label hebben dat altijd zichtbaar is. Hier kan dus niet een placeholdertekst voor worden gebruikt, want die verdwijnt zodra de bezoeker begint te typen.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header van de website bevat het hoofdmenu links zoals "Situaties" die submenu’s openen en sluiten, maar een blinde bezoeker krijgt niet altijd informatie over of de submenu’s open of gesloten zijn. Hoewel het attribuut aria-expanded wordt gebruikt, wordt dit pas aan de link toegevoegd nadat het submenu voor het eerst is geopend. Hierdoor kan vóór de eerste interactie, en in de beginstatus, de open- of dichtgeklapte toestand van de submenu’s niet programmeertechnisch worden vastgesteld.
Als er een link is die een submenu kan tonen of verbergen, dan moet hulpsoftware de staat van dat submenu (zichtbaar of verborgen) kunnen bepalen. Hiervoor moet het attribuut aria-expanded altijd aanwezig zijn en de huidige toestand correct weergeven.

In de header van de website bevat het hoofdmenu links zoals “Situaties” die submenu’s openen en sluiten. Deze links gebruiken het attribuut aria-haspopup="true", wat aangeeft dat het activeren van een link een pop-upmenu zal openen.
De submenu’s zijn echter opgebouwd als reguliere navigatielijsten en niet als ARIA-menu’s. Hierdoor verwacht hulpsoftware menu-specifieke rollen en toetsenbordgedrag die niet aanwezig zijn. Het gebruik van aria-haspopup zonder het bijbehorende attributen is misleidend voor hulpsoftware.
Als de bedoeling is om standaard submenu’s te tonen, moet het attribuut aria-haspopup="true" worden verwijderd.
Dit probleem komt ook voor bij de links in de submenu’s die verdere submenu’s openen.

De pagina https://www.kadaster.nl/ bevat het zoekveld “Zoek op straatnaam en huisnummer of op postcode.”. Dit zoekveld is een element met role="combobox". Wanneer er geen resultaten worden gevonden, toont de dropdown met role="listbox" de tekst: “Geen resultaat gevonden”. Deze melding is echter geplaatst in een li-element zonder een passende ARIA-role. Hierdoor ontbreekt de vereiste kindrol role="option" voor een listbox.
Voor sommige ARIA-rollen is een combinatie van ouder- en kindrollen nodig. Dit is voor elke rol precies beschreven in WAI-ARIA. Als deze rollen niet (volledig) in de code staan, werken de elementen niet zoals de ontwikkelaar het bedoeld heeft. En als maar een deel van de verplichte rollen aanwezig is, heeft dat geen enkel (positief) effect op de toegankelijkheid.

De pagina https://www.kadaster.nl/ bevat het zoekveld “Zoek op straatnaam en huisnummer of op postcode.”. Dit zoekveld is een element met role="combobox". Wanneer er geen resultaten worden gevonden, toont de suggestielijst een melding: “Geen resultaat gevonden”. In dit geval heeft het element met role="listbox" geen toegankelijke naam, waardoor het voor gebruikers van hulpsoftware onduidelijk kan zijn wat deze lijst voorstelt. Zorg ervoor dat de listbox een toegankelijke naam heeft, bijvoorbeeld met behulp van aria-label of aria-labelledby.

Op pagina https://www.kadaster.nl/situaties/grenzen/conflict-over-grens staat onder “Conflict over grens” een videospeler. Deze speler bevat een div-element met een aria-labelledby-attribuut dat verwijst naar de tekst die begint met: “Joost en Alice willen een aanbouw maken aan hun huis…”. Dit is onjuist, omdat dit attribuut is toegepast op een element met een generieke rol, en dergelijke elementen ondersteunen geen toegankelijke naam.
Attributen zoals aria-labelledby en aria-label die elementen een toegankelijke naam geven, mogen alleen worden gebruikt bij elementen waarvoor de impliciete of expliciete rol naamgeving toestaat.
Een soortgelijk probleem komt voor op de pagina https://developer.kadaster.nl/schemas/-/categories/2665486. Deze pagina bevat een div-element met aria-label="Overzicht Schemas" in de sectie “Oudere versies”.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. De knop voor instellingen in deze speler opent een menu. In dit menu staan knoppen die submenu’s openen. De opties in deze submenu’s hebben meerdere toestanden (ingedrukt, niet ingedrukt), maar missen een programmeertechnische aanduiding van hun huidige toestand.
Hierdoor kan hulpsoftware deze informatie niet doorgeven. Blinde bezoekers weten daardoor niet wat de toestand is van de knoppen.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/about-us staat onder “Kadaster in 2 minutes” een videospeler. In deze speler bevindt zich bovenaan een knop die een dialoogvenster met deelopties opent. Dit dialoogvenster heeft geen toegankelijke naam.
Hulpsoftware kan hierdoor niet doorgeven welke inhoud het dialoogvenster heeft.
Dit probleem komt ook voor in de videospeler op pagina’s https://www.kadaster.nl/over-ons/het-kadaster/wat-doet-het-kadaster en https://www.kadaster.nl/situaties/grenzen/conflict-over-grens.

Op pagina https://www.kadaster.nl/zakelijk/zoeken?p_p_id=KadasterSearchPortlet&p_p_lifecycle=1&p_auth=j0JhZ8R1&_KadasterSearchPortlet_javax.portlet.action=%2Fsearch%2Fexecute&_KadasterSearchPortlet_keywords= staan filters met knoppen. Deze filterknoppen hebben meerdere toestanden (zoals ingedrukt of niet ingedrukt), maar missen een programmeertechnische aanduiding van hun huidige toestand.
Hierdoor kan hulpsoftware deze informatie niet doorgeven. Blinde bezoekers weten daardoor niet wat de toestand is van de knop. Zorg dat de toestand van de knop ook in de code wordt weergegeven.

Op de pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, opent een knop met de tekst "Feedback" een dialoogvenster. Dit dialoogvenster heeft geen toegankelijke naam. Een blinde bezoeker heeft deze naam nodig om de inhoud van het dialoogvenster te begrijpen. Hulpsoftware kan daardoor niet doorgeven wat de inhoud van het dialoogvenster is. Dit kan opgelost worden door een aria-label aan het dialoogvenster toe te voegen met een duidelijke beschrijving van de inhoud.

Uitkomst: Onvoldoende

Bevindingen: De pagina https://www.kadaster.nl/ bevat het zoekveld “Zoek op straatnaam en huisnummer of op postcode.”. Dit zoekveld is een element met role="combobox". Wanneer er geen resultaten worden gevonden, wordt in de suggestielijst de tekst “Geen resultaat gevonden” weergegeven. Dit is een statusbericht, maar wordt niet als dusdanig voorgelezen.
Dat zou wel moeten gebeuren. Deze melding is namelijk een statusbericht. Statusberichten moeten automatisch voorgelezen worden door schermlezers zodra ze verschijnen of veranderen.

Op de pagina’s van de website, zoals https://www.kadaster.nl/over-ons/het-kadaster/contact, opent een knop met de tekst "Feedback" een dialoogvenster. In dit dialoogvenster toont een formulier na verzending het statusbericht "Bedankt voor uw mening" zonder dat de pagina wordt herladen. De focus wordt daarbij niet verplaatst naar het bericht.
De pagina laadt niet opnieuw en de toetsenbordfocus wordt niet naar de melding verplaatst. Daarom is extra code nodig zodat schermlezers het statusbericht automatisch voorlezen zodra het verschijnt. Voeg aria-live="polite" of role="status" toe aan de melding. Meer informatie over role="status" is te vinden op de pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.