Rapport:
Audit digitale toegankelijkheid website PDOK

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/, onder het kopje "Waarom PDOK?" fungeert een afbeelding met de tekst "A Decade of Success" als link, maar het tekstalternatief ontbreekt, waardoor de link niet toegankelijk is. De afbeelding is dus interactief. Er is geen tekstalternatief. Daardoor heeft de link geen linktekst (zie ook succescriterium 2.4.4 en 4.1.2). Om de link toegankelijk te maken, moet de afbeelding een alt-tekst krijgen die het linkdoel beschrijven. Zo weten bezoekers die schermlezers gebruiken waar de link naartoe leidt.

Op pagina https://www.pdok.nl/ heeft onder het kopje "Waarom PDOK?" een afbeelding met de tekst "OGC API's" een leeg alt-attribuut. Afbeeldingen die informatie overdragen moeten een tekstalternatief hebben. De alt-tekst mag dus niet leeg zijn. Hierdoor kan een schermlezer de informatie uit de afbeelding niet overbrengen aan een blinde bezoeker. Voeg een beschrijvende alternatieve tekst toe aan het alt-attribuut.

Op pagina https://www.pdok.nl/ staan onder het kopje "Waarom PDOK?", in nieuwsartikelen (bijvoorbeeld "Inspiratie: Virtuele omgeving dijkontwerp") twee afbeeldingen in de code, waarvan één zichtbaar is op de pagina. Beide afbeeldingen hebben dezelfde alt-tekst, waardoor schermlezers dezelfde informatie twee keer aankondigen. Dit kan gebruikers die afhankelijk zijn van schermlezers in verwarring brengen. De afbeelding die niet zichtbaar is op de pagina moet een leeg alt-attribuut (alt="") hebben om ervoor te zorgen dat deze wordt genegeerd door schermlezers. Deze afbeelding is decoratief, omdat het geen betekenisvolle informatie overbrengt. De afbeelding die zichtbaar is voor bezoekers moet de beschrijvende alt-tekst behouden, zodat gebruikers van schermlezers begrijpen wat de afbeelding laat zien.

Op pagina https://www.pdok.nl/ogc-webservices/-/article/cbs-gezondheid-human-health-statistics-netherlands- staat onder het kopje "Dataset: Human Health Statistics Netherlands (INSPIRE geharmoniseerd)" een logo: "cbs". Deze informatieve afbeelding is verborgen voor de schermlezer. Schermlezers negeren inhoud met het attribuut aria-hidden="true". Deze inhoud is dus verborgen voor blinde bezoekers. Verwijder dit attribuut, zodat een blinde bezoeker dezelfde informatie krijgt als een ziende bezoeker.

Op pagina https://www.pdok.nl/top10 staat onder het kopje "TOP10" een complexe afbeelding met een leeg alt-attribuut. Complexe afbeeldingen, zoals infographics en schema’s, bevatten veel informatie die niet binnen de 150 karakters van de alt-tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alt-tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst op de pagina zelf geplaatst worden, maar deze mag ook op een andere pagina of in een downloadbaar bestand staan. Ook op de pagina https://www.pdok.nl/data-ethiek staat een complexe afbeelding met een alt-tekst: "Afbeelding van de gegevens en ethiek van PDOK". Deze afbeelding heeft geen lange beschrijving en geen zinvolle korte beschrijving.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ is het logo in de header geïmplementeerd als achtergrondafbeelding, waardoor het onzichtbaar is voor schermlezers. Hierdoor is het logo niet toegankelijk voor bezoekers die de afbeelding niet kunnen zien. Logo’s geven informatie. Daarom moeten ze altijd voorzien zijn van een tekstalternatief. Je mag ze niet als achtergrond plaatsen, tenzij er een tekstalternatief is. Dit kan bijvoorbeeld opgelost worden door het logo als img-element te plaatsen en een alt-tekst toe te voegen die alle tekst van het logo bevat.

Het PDF-document op https://www.pdok.nl/documents/1901824/4016976/PDOK+nl+3G+-+Nieuwsbrief+nr.+7.pdf bevat informatieve afbeeldingen zonder tekstalternatieven (alt-tekst). Dit gebeurt op pagina 1 en 3. Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving (alt-tekst) hebben. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu mist, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor het gevoel krijgen dat ze inhoud missen. Voeg alt-teksten toe aan deze informatieve afbeeldingen.

Het PDF-document op https://www.pdok.nl/documents/1901824/4016976/PDOK+nl+3G+-+Nieuwsbrief+nr.+7.pdf bevat twee logo's als artefact op pagina 1. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alt-tekst krijgen die de afbeelding duidelijk beschrijft.

In het PDF-document op https://www.pdok.nl/documents/1901824/4016976/PDOK+en+3G+-+Nieuwsbrief+nr.+7.pdf staan op pagina 2 afbeeldingen die zijn toegevoegd via een Figure-tag en automatisch gegenereerde beschrijvingen hebben. Zie afbeelding op pagina 2 met beschrijving "Afbeelding met kaart Automatisch gegenereerde beschrijving". Deze tekst geeft geen duidelijke informatie over wat op de afbeelding staat. Hierdoor weten bezoekers die het document laten voorlezen niet wat op de afbeelding te zien is. Zij missen zo dus informatie. Voeg beschrijvende alt-teksten toe aan deze informatieve afbeeldingen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/how-to-faq1 staan twee video's onder het kopje "PDOK Promotiefilm". Beide video's bevatten tekst en logo's die op verschillende punten (bijvoorbeeld rond 1:40, 1:47) in beeld komen. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Het beste kan een audiobeschrijving toegevoegd worden die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het plaatsen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet er sowieso een audiobeschrijving zijn.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De video's op pagina https://www.pdok.nl/how-to-faq1 onder "PDOK Promotiefilm" voldoen niet aan criterium 1.2.5 (niveau AA), dat vereist dat video's worden voorzien van audiobeschrijving. Voor deze video's is een audiobeschrijving nodig, aangezien er voldoende ruimte is binnen het bestaande audiospoor. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ zijn de volgende teksten in het menu niet gemarkeerd als koppen: "Datasets", "Handige app's en webservices", "Hulp of toelichting nodig?", "Nieuws, berichten en cijfers". Blinde bezoekers hebben niets aan een (tussen)kop die er wel uitziet als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6.
Hetzelfde probleem doet zich voor op pagina https://www.pdok.nl/toegankelijkheid met de tekst "Vervolg" en op pagina https://www.pdok.nl/datasets met de tekst "Gekozen filters", wanneer filters zijn geselecteerd.

Op pagina https://www.pdok.nl/ staat onder de afbeelding met de tekst "OGC API's" een groep links die visueel als één groep worden weergegeven, maar deze groepering wordt niet weergegeven in de HTML-structuur. Als het voor een ziende bezoeker duidelijk is dat een groep links bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. Neem de elementen op in een ul- of nav-element. Andere oplossingen zijn ook mogelijk, bijvoorbeeld door er een koptekst boven te zetten.

Op pagina https://www.pdok.nl/meldingen wordt een kop van niveau 2 onmiddellijk gevolgd door een andere kop van hetzelfde niveau. Zie "2025" en "Verstoring PDOK-diensten (verholpen)"; "2024" en "Gepland onderhoud PDOK-website 9 november 2024", enz. Als twee koppen van hetzelfde niveau (bijvoorbeeld h2) direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt. Onder het eerste h2-element mag een h3-element komen of andere content, maar niet direct nog een keer een h2-element.
Hetzelfde probleem wordt waargenomen op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/. Wanneer de bezoeker secties opent met verborgen inhoud en vervolgens subsecties, bijvoorbeeld “Options", “Get” of "Post", en klikt op de knop "Try it out" en vervolgens op de knop "Execute", worden de koppen "Responses" en "Curl" weergegeven. Zowel "Responses" als "Curl" zijn koppen van niveau 4.

Op pagina https://www.pdok.nl/how-to-faq1 staat onder het kopje "PDOK Promotiefilm" een lijst met 2 items. De items van deze lijst zijn echter gemarkeerd als twee afzonderlijke lijsten. Tekst die als een enkele lijst wordt weergegeven, moet in de code als één lijst worden gemarkeerd. Voor lijsten en opsommingen worden de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.

Op pagina https://www.pdok.nl/3g-programma is onder het kopje "3G principe bij PDOK" onder de tekst "Voor meer inhoudelijke informatie..." een lijst onjuist gemarkeerd. De br-elementen worden binnen een ul-element gebruikt. Lijsten moeten correct worden gemarkeerd. De elementen ul en ol mogen alleen direct li-elementen bevatten. Schermlezers vertrouwen op een correcte lijststructuur om aan te kondigen hoeveel items er in de lijst staan en om gebruikers te helpen de inhoud van de lijst te begrijpen.

Op pagina https://api.pdok.nl/ wordt in de tabel onder de kolom "API" het strong-element verkeerd gebruikt voor styling van de cellen (bijvoorbeeld "3D Basisvoorziening (OGC API)"). Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat een kopje "TOP500NL Download API" met badges "v1" en "OAS3" en de link "/brt/top500nl/download/v1_0/openapi.json". In de code worden al deze elementen gegroepeerd met het hgroup-element. Met als resultaat dat deze hgroup de volgende elementen bevat: h2- met span-, small-, pre- en a-elementen. Dit element mag echter alleen heading-elementen (zoals h1 tot en met h6) en optionele p-elementen bevatten. Het mag geen andere elementen bevatten zoals span, pre of a. Dit onjuiste gebruik van hgroup kan hulpsoftware (zoals schermlezers) in de war brengen en problemen veroorzaken met de manier waarop schermlezers de koppenstructuur begrijpen. Ook de versie-informatie "v1" en de tekst "OAS3" zijn gemarkeerd met pre-elementen en worden in het h2-element geplaatst. Het pre-element wordt echter gebruikt voor voorgeformatteerde tekst, zoals codeblokken, waar spaties en regeleinden behouden moeten blijven. Dit is niet nodig voor eenvoudige versielabels. Als je pre gebruikt en die binnen h2-elementen plaatst, kunnen schermlezers deze structuur verkeerd voorlezen.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staan secties met verborgen inhoud, bijvoorbeeld onder "Dataset". Binnen deze sectie staat een subsectie met verborgen inhoud: "GET/ dataset". Het element met de tekst "GET/ dataset" dat verborgen inhoud opent en sluit, heeft niet de rol van een koptekst. Zie ook andere subsecties.
De teksten waarmee je delen van een accordion kunt inklappen en uitklappen doen dienst als koppen voor die delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten niet in de code als kop zijn gemarkeerd met een h-element zoals h4. Markeer deze teksten als kop. Dit kan opgelost worden door een h-element te gebruiken met daarbinnen een button-element. De volgorde is dan bijvoorbeeld <h4><button>Titel van de sectie</button></h4>.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat in de sectie "Full Custom" in de subsectie "Post" een kopje "Request body required". Het woord "required" is toegevoegd met CSS (met het pseudo-element ::after), maar het is niet opgenomen in de HTML. Dit kan toegankelijkheidsproblemen veroorzaken, omdat schermlezers en andere hulpsoftware niet altijd inhoud aankondigen die alleen met CSS is toegevoegd. Niet-decoratieve en belangrijke inhoud, zoals "required", moet deel uitmaken van de HTML-code om ervoor te zorgen dat alle gebruikers dezelfde informatie ontvangen.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ in de sectie "Dataset" staat een knop met de tekst "GET /dataset Dit endpoint voorziet in metadata over de TOP500NL dataset downloads". De toegankelijke naam van deze knop is "get /dataset", gedefinieerd door het aria-label-attribuut. De tekst "Dit eindpunt voorziet in metadata over de TOP500NL dataset downloads", die extra context biedt over de functie van de knop, is niet opgenomen in de toegankelijke naam en is niet beschikbaar voor gebruikers van schermlezers. Hierdoor krijgen gebruikers van schermlezers niet de volledige context van het doel van de knop.

In het PDF-document op https://www.pdok.nl/documents/1901824/4016976/PDOK+nl+3G+-+Nieuwsbrief+nr.+7.pdf is de volgende inhoud niet getagd: "Nieuwsbrief 3G-programma nr. 7 januari 2022". Hierdoor is deze tekst niet toegankelijk voor schermlezers.

Het PDF-document op https://www.pdok.nl/documents/1901824/4016976/Canvas+Data+%26+Ethiek.pdf/ bevat geen tags (structuurcodes), waardoor de inhoud niet toegankelijk is voor schermlezers. Bovendien kunnen wij de PDF hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de PDF-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ is de HTML-volgorde van elementen binnen nieuwsartikelen: tag (bijvoorbeeld "Nieuws"), afbeelding, kop (bijvoorbeeld "ALTIJD een verwijzer meegeven aan PDOK"). Als deze artikelen van boven naar beneden worden voorlezen door een schermlezer, is niet duidelijk welke afbeeldingen en datums bij welke artikelen horen. Dat komt doordat de koppen niet bovenaan staan in de code van elk artikel. Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Dit kan worden opgelost door alle inhoud (afbeeldingen en tekst) die bij een bepaalde kop hoort, in de code onder die kop te plaatsen. Dit zorgt voor een logische structuur. De visuele vormgeving mag wel afwijken.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat een gedeelte "Full Custom" met verborgen inhoud. In dit gedeelte is in de subsectie "Get" een invoerveld "downloadRequestId" aanwezig. Als deze invoer wordt verzonden met lege gegevens, wordt een fout alleen aangegeven door een verandering in de achtergrond- en randkleur van het invoerveld. Als je deze invoer wilt verzenden, klik je op "Try it out" naast "Parameters" en vervolgens op "Execute". Dit is niet toegankelijk voor bezoekers die de kleur helemaal niet kunnen zien of die kleurenblind zijn. Zorg ervoor dat informatie niet alleen met kleur wordt overgedragen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat naast de kop "TOP500NL Download API" de witte tekst "v1" op een grijze achtergrond (HEX #7d8492). De contrastratio is te laag: 3,8:1. Er is ook de tekst "OAS3" met witte tekst op groene achtergrond (HEX #89bf04) met de contrastratio 2,2:1. Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ is een contrastprobleem aangetroffen. In de sectie "Full Custom", wanneer een bezoeker een subsectie opent (bijvoorbeeld "Options") en vervolgens op de knop "Try it out" klikt, verandert de knop "Try it out" in de knop "Cancel". De rode tekst "Cancel" heeft onvoldoende kleurcontrast. De rode kleur (HEX #ff6060) tegen de bijna witte achtergrond (HEX #fefefe) heeft een contrastratio van 2,9:1, wat lager is dan het vereiste minimum van 4,5:1 voor standaardtekst. In dezelfde subsectie heeft de knop met de tekst "Execute", die wordt weergegeven wanneer de bezoeker op de knop "Try it out" klikt, onvoldoende kleurcontrast. De witte tekst tegen de blauwe achtergrond (HEX #4990e2) heeft een contrastverhouding van 3,3:1, wat lager is dan het vereiste minimum van 4,5:1 voor standaardtekst. Zie ook andere subsecties. Zorg dat het contrast minimaal 4,5:1 is.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat in de sectie "Full Custom", in de subsectie "Post", een contrastprobleem. Wanneer de bezoeker op de knop "Try it out" en vervolgens op "Execute" klikt, verschijnt in een van de codeblokken onder het kopje "Responses" de knop "Download". De tekst "Download" op deze knop heeft onvoldoende kleurcontrast. De witte tekst op de grijze achtergrond (HEX #7d8293) heeft een contrastverhouding van 3,8:1, wat lager is dan het vereiste minimum van 4,5:1 voor standaardtekst. Dit probleem kan ook in andere subsecties voorkomen.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ zijn meerdere contrastproblemen geconstateerd in de sectie "Full Custom":
In de subsectie "Get" heeft de tekst "path" in het label "downloadRequestId string path" onvoldoende kleurcontrast. De grijze tekst (HEX #808080) tegen de witte achtergrond (HEX #f9f9f9) heeft een contrastverhouding van 3,7:1, wat lager is dan het vereiste minimum van 4,5:1 voor standaardtekst.
Naast het label "downloadRequestId string path" heeft de rode tekst " required"* (HEX #FD6464) op een lichtgrijze achtergrond (HEX #FAFAFA) een contrastverhouding van 2,8:1, wat onvoldoende is volgens de toegankelijkheidsrichtlijnen.
In de subsectie "Post" komt hetzelfde probleem voor bij de rode tekst "required". Hier heeft de rode tekst (HEX #fe6666) tegen de lichtgrijze achtergrond (HEX #FEFEFE) een contrastverhouding van 2,9:1, wat ook onder het vereiste minimum van 4,5:1 ligt.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ heeft de rode tekst (HEX #d36363) in blokken met code onvoldoende kleurcontrast tegen de zwarte achtergrond (HEX #333333). De contrastverhouding is 3,5:1, wat lager is dan het vereiste minimum van 4,5:1 voor standaardtekst. Zie bijvoorbeeld de rode code in de sectie "Full Custom" in de subsectie "Get".

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat rechtsonder een link met een afbeelding met de tekst "Invalid". De oranje tekst (HEX #e59a1f) op de gele achtergrond (HEX #ffd898) heeft een contrastratio van 1,7:1. Dit moet minstens 4,5:1 zijn.

Op pagina https://app.pdok.nl/viewer/ kan een melding met de witte tekst "Kaart link gekopieerd" verschijnen op een groene achtergrond (HEX #2F96B4). De contrastratio is hier 3,4:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://app.pdok.nl/vectortile-viewer/ staan onder "Bestuurlijke informatie" de twee witte teksten "PDOK VECTOR TILES" en "BESTUURLIJKE INFORMATIE" op een lichtgrijze achtergrond (HEX #ADACAC). De contrastratio is hier 2,3:1 waar dat minimaal 4,5:1 moet zijn.

In het PDF-document op https://www.pdok.nl/documents/1901824/4016976/Canvas+Data+%26+Ethiek.pdf/ wordt de witte kleur gebruikt voor de tekst en heeft deze onvoldoende kleurcontrast ten opzichte van de achtergrond. Tegen de roze achtergrond (#E170A8) is de kleurcontrastverhouding 3,0:1. Tegen de oranje achtergrond (#F7AC35) is de contrastverhouding 1,9:1. Tegen de groene achtergrond (#7CB556) is het contrast 2,4:1 en tegen de blauwe achtergrond (#00ABE3) is de contrastverhouding 2,6:1. Zorg dat het contrast minimaal 4,5:1 is.

In het PDF-document op https://www.pdok.nl/documents/1901824/4016976/PDOK+nl+3G+-+Nieuwsbrief+nr.+7.pdf staan in de kaart op pagina 2 de witte teksten "BRT-A Oud" en "BRT-A Nieuw" op een lichtblauwe achtergrond (HEX #7FBDE2). De contrastratio is hier 2,0:1 waar dat minimaal 4,5:1 moet zijn.

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://app.pdok.nl/viewer en https://app.pdok.nl/vectortile-viewer/ staat in de HTML-code bij meta name="viewport" de volgende instelling: user-scalable=no. Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instellingen weg.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ staat onder het kopje "Waarom PDOK?" een afbeelding met de tekst "A Decade of Success". Deze afbeelding bevat ingesloten tekst. Als tekst als afbeelding wordt geplaatst, kunnen veel bezoekers er niets meer mee. Dit komt doordat ze de tekst in de afbeelding niet kunnen vergroten of aanpassen. Het is beter om deze tekst gewoon als normale tekst op de pagina te plaatsen. Op die manier kunnen mensen de grootte, kleur of het lettertype aanpassen zodat het voor hen leesbaarder wordt. Als de tekst in de afbeelding staat, kunnen ze dit niet doen.
Het probleem wordt ook waargenomen bij de afbeeldingen die teksten bevatten: "OGC API's" en "10 jaar Publieke Dienstverlening Op de Kaart". Zie ook op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ de link met een afbeelding van de tekst "Invalid" in de rechterbenedenhoek.

Uitkomst: Onvoldoende

Bevindingen: Als pagina https://www.pdok.nl/ wordt bekeken met een schermresolutie van 1280 bij 1024 en wordt ingezoomd tot 400%, is de menuknop niet volledig zichtbaar. Op andere pagina's, bijvoorbeeld https://www.pdok.nl/toegankelijkheid, wordt de menuknop bedekt door het submenu wanneer het submenu wordt geopend. Op pagina https://www.pdok.nl/data-ethiek bedekt het menu de eerste regel van de tekst. Als een bezoeker inzoomt, moet alles nog gewoon werken.

Op pagina https://www.pdok.nl/how-to-faq1 zijn bij een schermresolutie van 1280 bij 1024 en een zoom van 400% de interactieve elementen in de video's onder "PDOK Promotiefilm", zoals de afspeelknop of videocontrols (ondertitels, instellingen, enz.) niet zichtbaar en bedienbaar. Zorg dat alle functies beschikbaar zijn en goed werken op kleine schermen.

Als pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ wordt bekeken met een schermresolutie van 1280 bij 1024 en wordt ingezoomd tot 400%, verschijnt er een scrollbalk. Horizontaal scrollen is niet toegestaan, ook niet als de viewport is ingesteld of ingezoomd op 320 CSS-pixels breed (voor verticale inhoud) of 256 CSS-pixels hoog (voor horizontale inhoud). Zorg ervoor dat de tekst binnen het scherm past. Alleen als scrollen in beide richtingen echt nodig is voor de betekenis of het gebruik van de inhoud mag het wel. Uitzonderingen zijn tabellen, betekenisvolle afbeeldingen en kaarten. Deze moeten leesbaar blijven, dus binnen deze elementen mag je wel scrollen in twee richtingen.

Op pagina's https://app.pdok.nl/viewer en https://app.pdok.nl/vectortile-viewer/ staat in de HTML-code bij meta name="viewport" de volgende instelling: user-scalable=no. Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instellingen weg.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ gebruiken de links "Actuele storingen & meldingen", "Uptime dashboard services" onder het kopje "Storingen & Uptime" een aangepaste toetsenbordfocusindicator. De rand van de links verandert van kleur van grijs (HEX #cdced9) naar lichtgrijs (HEX #fefeff). Het contrast is 1,6:1. Daarnaast is de blauwe rand (HEX #155fcb) toegevoegd en op een donkerblauwe achtergrond (HEX #1a1e4f) is het contrast 2,6:1.
Op deze website wordt dus niet de standaard focusindicator gebruikt, maar een aangepaste versie met een (gekleurde) rand. Die aanpassing is met CSS toegevoegd. Voor de standaard focusindicator zijn geen contrasteisen in WCAG; die wordt dus altijd goedgekeurd voor dit succescriterium. Bezoekers kunnen een standaard focusindicator namelijk zelf aanpassen, naar hun eigen wensen. Maar dat kan niet meer als de focusindicator met CSS is aangepast. Daarom gelden de contrasteisen in dat geval wél. Dit moet ten minste 3,0:1 zijn.
Hetzelfde probleem doet zich voor op dezelfde pagina met de link "Bekijk alle datasets" onder "Hét platform voor hoogwaardige geodata".

Op pagina's https://app.pdok.nl/viewer/ en https://app.pdok.nl/vectortile-viewer/ is een aangepaste focusindicator gebruikt van een lichtblauwe rand (HEX #BFDEFF). De contrastratio is hier 1,4:1 waar dat minimaal 3,0:1 moet zijn.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staan in het gedeelte met verborgen inhoud onder het kopje "Responses" blokken met code die de knop "Download" bevatten. Bijvoorbeeld in de sectie "Full Custom" in de subsectie "Post" wanneer de bezoeker op de knop "Try it out" klikt en vervolgens op de knop "Execute". Deze knop "Download" is niet toegankelijk via het toetsenbord. Zorg dat de knop zowel met de spatiebalk als de Enter-toets bediend kan worden.

Op pagina https://app.pdok.nl/viewer/ kunnen kaartachtergronden getoond en gewijzigd worden. Dit is echter niet mogelijk met alleen het toetsenbord.

Op pagina https://app.pdok.nl/vectortile-viewer/ staan onder "Bestuurlijke gebieden" de twee onderdelen "PDOK VECTOR TILES" en "BESTUURLIJKE GEBIEDEN". Deze zijn niet met alleen het toetsenbord te bereiken en te bedienen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://app.pdok.nl/viewer/ kan een melding met de witte tekst "Kaart link gekopieerd" verschijnen op een groene achtergrond. Deze melding verdwijnt na een paar seconden, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat meldingen blijven staan totdat de bezoeker dit zelf wegklikt of dat deze informatie op een andere manier beschikbaar is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl blijft de skiplink onzichtbaar, zelfs als deze toetsenbordfocus krijgt. Skiplinks kunnen standaard verborgen zijn, maar moeten zichtbaar worden zodra ze de toetsenbordfocus krijgen. Hierdoor kunnen bezoekers die met het toetsenbord navigeren de skiplink zien en gebruiken. Pas de CSS van de skiplink aan zodat deze zichtbaar wordt op het moment dat de toetsenbordfocus erop komt. Dit probleem wordt ook waargenomen op de pagina https://api.pdok.nl/kadaster/bestuurlijkegebieden/ogc/v1_0.

Uitkomst: Onvoldoende

Bevindingen: Het PDF-document https://www.pdok.nl/documents/1901824/4016976/PDOK+nl+3G+-+Nieuwsbrief+nr.+7.pdf heeft geen titel in zijn bestandseigenschappen.
Zelfs als er een titel op de eerste pagina staat, moet ook in de PDF-instellingen een documenttitel ingesteld worden. Als een PDF geopend wordt in een PDF-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de PDF-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het PDF-document.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ staan onder het kopje "Waarom PDOK?" meerdere links met afbeeldingen. De volgende toegankelijkheidsproblemen zijn gevonden. Een afbeelding met de tekst "A Decade of Success" fungeert als een link, maar het alt-attribuut is leeg (alt=""), waardoor het verborgen is voor schermlezers. Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Dit kan worden opgelost door een alt-tekst aan de afbeelding toe te voegen. Andere oplossingen zijn mogelijk. De links met badges "Case" en "Nieuws" hebben ook geen toegankelijke namen, waardoor de bestemming van deze links niet duidelijk is.
De link met de afbeelding die tekst "10 jaar Publieke Dienstverlening Op de Kaart" weergeeft heeft een toegankelijke naam "Afbeelding van artikel PDOK 10 jaar" die de bestemming van de link niet goed beschrijft. Zie ook de link met de afbeelding die tekst weergeeft: "PDOK open geodata portaal". De toegankelijke naam van deze link is "afbeelding met hierop de steekwoorden van PDOK".

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat in de rechterbenedenhoek een link met een afbeelding met de tekst "Invalid". De afbeeldingstekst "Invalid" en de toegankelijke naam "Online validator badge" geven niet duidelijk het doel van de link aan. Zowel in de zichtbare tekst als in de programmatische naam ontbreekt context over de bestemming van de link. Zorg ervoor dat de linktekst duidelijk de bestemming aangeeft.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/datasets is de toetsenbordfocus niet zichtbaar op de knoppen in filters: "Categorie", "Gegevens-aanbieder", enz. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.
Hetzelfde probleem wordt ook waargenomen op pagina https://www.pdok.nl/how-to-faq1 onder "FAQ" op knoppen van de sectie die kan worden in- en uitgeklapt (bijvoorbeeld "Wat is het serviceniveau dat PDOK levert?").

Op pagina https://app.pdok.nl/viewer/ kunnen de kaartlagen getoond worden. Hierbinnen is de toetsenbordfocus op de 'hoofdonderdelen' niet zichtbaar.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ staat onder "Waarom PDOK?" een link met een afbeelding die tekst weergeeft: "10 jaar Publieke Dienstverlening Op de Kaart". De toegankelijke naam van deze link is "Afbeelding van artikel PDOK 10 jaar". De toegankelijke naam van de link bevat echter niet de zichtbare tekst van de link. Als de zichtbare tekst van een link niet voorkomt in de toegankelijke naam, kan de link niet goed met spraakbedieningssoftware worden bediend. De commando die de bezoeker uitspreekt door de tekst van de link voor te lezen, zal de link dan niet activeren. Dit kan opgelost worden door de zichtbare tekst toe te voegen aan de toegankelijke naam, bij voorkeur vooraan.
Hetzelfde probleem wordt ook waargenomen bij de volgende links: de link met de afbeelding van de tekst "A decade of Success" en de link met de afbeelding van de tekst "pdok open geodata portaal". Zie ook links met badges "Case" en "Nieuws". De toegankelijke namen van deze links bevatten niet de zichtbare tekst.
Dit probleem doet zich ook voor op de volgende pagina's. Op pagina https://api.pdok.nl/kadaster/bestuurlijkegebieden/ogc/v1 onder "Bestuurlijke Gebieden (OGC API)" heeft de link met zichtbare tekst "PDOK Support" de toegankelijke naam: "Ga naar Support", die wordt aangeboden via een aria-label. Op de pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat rechtsonder een link met de tekst "Invalid". De toegankelijke naam is "Online validator badge".

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat een gedeelte "Full Custom" met verborgen inhoud. In deze sectie is in de subsectie "Get" een invoerveld "downloadRequestId" aanwezig. Als de bezoeker op de knop "Try it out" klikt en het veld leeg laat en vervolgens op de knop "Execute" klikt, wordt het title-attribuut toegevoegd aan het invoerelement met de tekst: "Required field is not provided". Dit title-attribuut geeft dit invoerveld een toegankelijke naam. Als gevolg hiervan is de toegankelijke naam "Required field is not provided", terwijl de zichtbare tekst "downloadRequestId" is. Deze mismatch kan problemen veroorzaken voor gebruikers van spraakherkenning en schermlezers. Zorg ervoor dat de toegankelijke naam de zichtbare tekst bevat, zodat spraakherkenning correct werkt. Zorg er ook in dit geval voor dat de toegankelijke naam correct programmatisch is gekoppeld aan de zichtbare tekst "downloadRequestId * required string (path)" (niet alleen placeholder-tekst). Placeholder-tekst mag niet worden gebruikt als vervanging voor een goed label. Vergelijkbare problemen komen vaker voor, bijvoorbeeld bij de link "Invalid" onderaan. Zie ook succescriterium 2.4.4.

Op pagina https://app.pdok.nl/viewer staat linksonder de tekst "1 actieve kaartlaag". De naam van deze knop is "Legend's". De zichtbare tekst kan daardoor niet gebruikt worden om deze knop met spraakbedieningssoftware te bedienen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ is de primaire taal van deze pagina Nederlands, maar het lang-attribuut is onjuist ingesteld op "en".
Zorg dat de primaire taal van de pagina aangegeven is met de juiste taalcode via het lang-attribuut op het html-element, in dit geval lang="nl". Schermlezers gebruiken deze code om de juiste uitspraakregels toe te passen. Staat hier een verkeerde code, dan wordt de inhoud van de pagina dus met onjuiste uitspraakregels voorgelezen. De voorgelezen tekst is dan erg lastig te begrijpen. Stel de taalcode correct in voor elke pagina door lang="nl" te gebruiken.

Op de pagina https://www.pdok.nl/404 ontbreekt het lang-attribuut op het html-element. Als dit attribuut niet aanwezig is, kan voorleessoftware de pagina niet in de correcte taal voorlezen. De software weet dan niet wat de primaire taal van de pagina is. Zorg dat het lang-attribuut aanwezig is, en dat dit attribuut de taalcode bevat van de taal van de pagina.

In de metadata van de PDF op https://www.pdok.nl/documents/1901824/4016976/Canvas+Data+%26+Ethiek.pdf/ is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen. Dit kan worden ingesteld via de bestandseigenschappen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/ is de primaire taal Nederlands, maar de alt-tekst voor het Kadaster-logo in de footer is in het Engels: "Logo of The Netherlands Cadastre, Land Registry and Mapping Agency". Deze alt-tekst kan het beste naar het Nederlands worden vertaald. 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.

Op pagina https://www.pdok.nl/toegankelijkheid heeft de afkorting "WCAG" een Nederlandse taalcode ("nl"), maar het titel-attribuut, "Web Content Accessibility Guidelines", is in het Engels. Wijzig deze taalcode naar "en".

Op pagina https://api.pdok.nl/kadaster/bestuurlijkegebieden/ogc/v1_0 wordt door het overschakelen naar het Engels via de link rechtsboven een deel van de tekst op de pagina vertaald, bijvoorbeeld onder "OpenAPI specification", "Conformance" en "Collections". De alt-tekst voor het Kadaster-logo in de footer is ook vertaald naar het Engels. De primaire taal blijft echter Nederlands.
Geef in de code aan dat er sprake is van een taalwisseling bij Engelstalige inhoud, door het attribuut lang="en" toe te voegen aan een omliggend HTML-element.

Pagina https://api.pdok.nl/kadaster/bestuurlijkegebieden/ogc/v1_0 bevat verschillende aria-label attributen met tekst in het Engels. Bovenaan de pagina staat een navigatiemenu met twee links: "English" en "JSON". Deze navigatiesectie heeft de toegankelijke naam gedefinieerd door aria-label: "switch language or format". De toegankelijke naam van de link "English" wordt ook gedefinieerd door aria-label: "Change language to English". 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/datasets zorgt het selecteren van een filteroptie onder "Datasets" ervoor dat de pagina opnieuw wordt geladen en dat de toetsenbordfocus naar de bovenkant van de pagina wordt verplaatst. Bezoekers krijgen geen melding van deze contextwijziging voordat deze heeft plaatsgevonden. Een contextwijziging, zoals het verplaatsen van focus, mag niet zomaar plaatsvinden als een bezoeker iets in een formulier aanpast. Het mag dus bijvoorbeeld niet gebeuren als een bezoeker een keuzevakje aanvinkt, een invoerveld invult of een optie uit een keuzelijst selecteert. Andere voorbeelden van grote contextwijzigingen zijn het verzenden van een formulier of het openen van een nieuw venster. Zulke contextwijzigingen mogen alleen gebeuren als de bezoeker van tevoren is gewaarschuwd. Voeg een knop toe waarmee bezoekers zelf de filters kunnen toepassen of gebruik asynchrone JavaScript om de selectie aan te passen. Gebruik in dat geval ook een “live-region” om via de schermlezer aan te geven wanneer de inhoud is veranderd.

Op pagina https://app.pdok.nl/vectortile-viewer/ kunnen rechts gebieden getoond worden via de knop "Legenda (aanpassen)". Als hier bijvoorbeeld onder "gebieden" een selectie wordt gewijzigd, wordt de focus verplaatst naar het hoogste niveau ("gebieden"). Een contextwijziging, zoals het verplaatsen van focus, mag niet zomaar plaatsvinden als een bezoeker iets in een formulier aanpast. Het mag dus bijvoorbeeld niet gebeuren als een bezoeker een keuzevakje aanvinkt, een invoerveld invult of een optie uit een keuzelijst selecteert.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat een gedeelte "Full Custom" met verborgen inhoud. In deze sectie is in de subsectie "Get" een invoerveld "downloadRequestId" aanwezig. Als de bezoeker op de knop "Try it out" klikt en het veld leeg laat en vervolgens op de knop "Execute" klikt, wordt de fout alleen aangegeven door een verandering in de kleur van het invoerveld. Het is acceptabel om de fout aan te geven door het gebruik van kleur of een andere visuele indicator, maar dan wel in aanvulling op de tekstbeschrijving. Zorg ervoor dat de fout in de tekst wordt aangegeven.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.pdok.nl/ onder het kopje "Waarom PDOK?" mist een link met een afbeelding die de tekst "A Decade of Success" weergeeft een toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Zie ook links met badges "Case" en "Nieuws" die geen toegankelijke namen hebben, bijvoorbeeld de link met tekst "Inspiratie: Virtuele omgeving dijkontwerp".

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui onder "TOP500NL Download API" staat een vervolgkeuzelijst (select element) met het label "Servers". De toegankelijke naam ontbreekt. Hierdoor is het element niet toegankelijk. Geef het select-element een toegankelijke naam.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui staat in de gedeelten met verborgen inhoud een knop met een pictogram kopiëren naar een klembord die geen toegankelijke naam heeft. Zie bijvoorbeeld in het gedeelte onder "Dataset" de subsectie "Get". Wanneer een bezoeker op de knop "Try it out" en vervolgens op de knop "Execute" klikt, wordt deze knop weergegeven in de blokken met code onder het kopje "Responses".

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui, in de sectie "Full Custom" in de subsectie "Post", wordt wanneer een bezoeker op de knop "Try it out" klikt, het tekstgebied voor het JSON-object weergegeven onder de kop "Request body". Dit tekstveld heeft geen toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat zij in moeten vullen. Het tekstvak (textarea-element) moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het tekstvak (textarea) dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.

Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staan knoppen waarin andere interactieve en dus focusbare elementen staan. Dit zijn de knoppen die subsecties openen. In de sectie "Dataset" zie je bijvoorbeeld de knop "Get" en de link "/dataset". Het gebruik van a-elementen binnen de button-elementen is niet toegestaan en kan problemen veroorzaken voor mensen die hulpsoftware gebruiken, omdat het kan leiden tot verwarrende interacties en onverwacht gedrag wanneer ze de knop proberen te gebruiken.

Op pagina https://www.pdok.nl/datasets staat een zijbalk met filters. Elke filtersectie, bijvoorbeeld "Categorie", bevat een groep selectievakjes waarmee de bezoeker de resultaten kan verfijnen. Het element dat elke groep selectievakjes bevat, gebruikt echter role="region". Deze rol is bedoeld voor grotere, betekenisvolle delen van de inhoud die moeten worden herkend door gebruikers van schermlezers, niet voor kleine groepen formulierelementen. Het gebruik van role="region" in dit geval kan gebruikers van schermlezers in verwarring brengen. Gebruik in plaats daarvan de role="group" om gebruikers van schermlezers te laten begrijpen dat de selectievakjes bij elkaar horen.

Het volgende is alleen een advies, maar het kan de toegankelijkheid van de website vergroten. Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui/ staat in secties met verborgen inhoud een tabel onder "Responses", bijvoorbeeld in de sectie "Dataset" in de subsectie "GET". Deze tabel krijgt de aria role="region". Hoewel sommige browsers nog steeds de juiste tabelrol weergeven, kan het gebruik van role="region" op een table-element leiden tot inconsistent gedrag in hulpsoftware. Verwijder role="region" uit het table-element om te voorkomen dat de oorspronkelijke rol wordt overschreven en om consistente ondersteuning voor schermlezers te garanderen.

Op pagina https://app.pdok.nl/vectortile-viewer/ staat onder "Bestuurlijke gebieden" een radiogroup zonder naam.

Op pagina https://app.pdok.nl/vectortile-viewer/ staat een zoekveld. Dit is een combobox die het attribuut aria-expanded mist.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://api.pdok.nl/brt/top500nl/download/v1_0/ui is in de secties met verborgen inhoud de knop "Execute" aanwezig. Zie deze knop bijvoorbeeld in de sectie "Dataset" in de subsectie "Get", wanneer wordt geklikt op de knop "Try it out". Deze knop activeert een wachtanimatie met de tekst "Loading". Deze animatie, die dient als statusbericht, is niet toegankelijk voor blinde bezoekers. Dit soort berichten moet de juiste rol krijgen, zodat schermlezers de boodschap kunnen doorgeven aan een blinde bezoeker zodra het icoon verschijnt. Voeg om dit te bereiken bijvoorbeeld aria-live="polite" of role="status" toe aan het icoon. Meer informatie over role="status" is te vinden op de pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.