Rapport:
Audit digitale toegankelijkheid website Open data portaal Waterschap Rijn en IJssel

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website staan zoekvelden met de plaatshoudertekst: “Zoeken”. Wanneer eerder een zoekopdracht is uitgevoerd, verschijnt in de suggestielijst een overzicht met recente zoekacties. Naast deze zoekacties staan knoppen met een “x”-icoon. Deze iconen zijn met aria-hidden="true" verborgen voor hulpsoftware. Daardoor hebben deze knoppen geen toegankelijke naam. Wanneer een knop alleen uit een afbeelding bestaat, moet de alternatieve tekst van de afbeelding de functie van de knop beschrijven. Een mogelijke oplossing is om het attribuut aria-label toe te voegen aan het betreffende button-element. Andere oplossingen zijn mogelijk.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api verschijnt in de sectie “Query” na het klikken op de knop “+” een knop met een “x”-icoon. Deze knop wordt via CSS toegevoegd. Daardoor is de knop niet toegankelijk voor schermlezers. Er is geen toegankelijke alternatieve tekst beschikbaar. Voeg de beschrijving toe via een aria-label of een tekst die visueel verborgen is, maar toegankelijk voor de schermlezer.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore staat in de sectie “Downloadopties” een link met de tekst “Toegang”. De link bevat een icoon dat aangeeft dat deze in een nieuw browsertabblad wordt geopend. Dit icoon heeft echter geen alternatieve tekst, waardoor schermlezers deze informatie niet doorgeven. Hierdoor weet een blinde bezoeker niet dat deze link een nieuwe browsertab zal openen. Dit is belangrijke informatie die als tekst aanwezig moet zijn, zodat een schermlezer het kan voorlezen. Voeg een toegankelijke beschrijving toe, bijvoorbeeld door de informatie over het openen in een nieuw tabblad in het aria-label van de link op te nemen.
Hetzelfde probleem wordt waargenomen op dezelfde pagina in het zijpaneel dat wordt geopend met de knop “Ik wil dit gebruiken”. In dit zijpaneel is er een sectie die wordt geopend met “API-bronnen bekijken”. De links met de tekst “Weergeven” bevatten een icoon dat aangeeft dat de link opent in een nieuw browser-tabblad zonder tekstalternatief.
Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about wordt hetzelfde probleem gezien bij de links “Weergeven” in de sectie “API-bronnen bekijken”. Zie ook andere pagina’s.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website opent de knop “Feeds verkennen” in de footer een dialoogvenster. In dit dialoogvenster staan links met een icoon dat aangeeft dat de link opent in een nieuw browser-tabblad, zoals “gids”. Deze informatie wordt verstrekt via een aria-label-attribuut, bijvoorbeeld “gids (wordt in een nieuw tabblad geopend)”, maar dit attribuut is toegepast op het element dat de link bevat in plaats van op het a-element zelf. Daardoor lezen schermlezers deze informatie niet voor. Verplaats het aria-label-attribuut naar het bijbehorende a-element of zorg er op een andere manier voor dat de toegankelijke naam van de link zelf deze informatie bevat.

Op pagina https://opendata-wrij.opendata.arcgis.com/, is de tekst “PROCLAIMER” onjuist gemarkeerd met een strong-element in plaats van met een geschikte HTML-kop. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een HTML-kop, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.

Op pagina https://opendata-wrij.opendata.arcgis.com/ onder de kop “PROCLAIMER” is een tekstblok met drie alinea’s onjuist gemarkeerd als één enkel p-element. Zorg dat elke alinea met een apart p-element. Visueel lijkt deze tekst uit meerdere alinea’s te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea’s dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code.

Op pagina https://opendata-wrij.opendata.arcgis.com/, staat een kop van niveau 2 direct onder een andere kop van hetzelfde niveau. Dit gebeurt bij “Contactgegevens” en “geo@wrij.nl”. Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, is één van de koppen niet op de juiste manier gebruikt. Pas de structuur aan zodat het kopniveau de inhoudsstructuur van de pagina correct weergeeft.

In dialoogvensters geopend vanaf pagina https://opendata-wrij.opendata.arcgis.com/ staan teksten die er visueel uitzien als koppen, maar niet als koppen zijn gemarkeerd: de tekst “Privacy-instellingen” in het bijbehorende dialoogvenster dat wordt geopend met de knop “Privacy beheren” onderaan de pagina, en de tekst “Delen” in het bijbehorende dialoogvenster dat wordt geopend met de knop “Deze kaart delen” boven de kop “Proclaimer”. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar 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. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast. Hetzelfde probleem wordt waargenomen op andere pagina’s.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore wordt na het klikken op de knop “Downloaden” de sectie “Downloadopties” weergegeven. Nadat een van de knoppen “Downloaden” is geselecteerd, verschijnt er nieuwe inhoud. De tekst “Hebt u gevonden wat u nodig hebt?” functioneert als kop, maar is niet gemarkeerd met een h-element. Zorg dat deze tekst wordt gemarkeerd met een geschikt heading-element (h1 tot h6) om de functie en hiërarchie in de inhoud duidelijk te maken. Op dezelfde pagina zijn de teksten “Discussie” en “Een discussie starten” in de sectie “Discussie” niet als kop gemarkeerd. Ook teksten zoals “Een kaart maken” in de sectie die wordt geopend via de knop “Ik wil dit gebruiken” zijn niet gemarkeerd als kop.
Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about is de tekst “Attributen” niet als kop gemarkeerd. Zie ook andere pagina’s.

Onderaan pagina https://opendata-wrij.opendata.arcgis.com/ staat een knop “Privacy beheren” die een dialoogvenster “Privacy-instellingen” opent. Wanneer de knop “Instellingen doornemen” wordt aangeklikt, worden extra instellingen zichtbaar. In de secties met verborgen inhoud, zoals “Strikt noodzakelijke cookies”, zijn de elementen die deze inhoud openen en sluiten niet als koppen gemarkeerd. Markeer deze elementen als koppen om de structuur en navigatie met hulpsoftware te verbeteren. De teksten waarmee je delen van een accordeon 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 h2 of h3. Markeer deze teksten als kop of zorg dat de bestaande rol van kop niet wordt overschreven.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore staat boven de kaart een zoekknop. Wanneer een zoekopdracht wordt uitgevoerd, verschijnt onder het veld een suggestielijst. Wanneer de bezoeker naar deze suggestielijst navigeert, leest de schermlezer alleen het ingevoerde zoekopdracht voor en niet de suggesties. Er is ook geen andere mogelijkheid voor bezoekers met hulpsoftware om de volledige suggesties te horen. Zorg dat alle informatieve elementen toegankelijk zijn voor alle bezoekers.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api staan in het accordion “Uitvoeropties” meerdere groepen met keuzerondjes. Elke groep heeft wel een label, maar deze labels zijn niet programmatisch gekoppeld aan de bijbehorende groep. Hierdoor weten bezoekers die een schermlezer gebruiken niet dat er een relatie is tussen de groepslabels en de bijbehorende groepen. Zorg dat de groepslabels in de code gekoppeld zijn aan de groepen. Dit kan bereikt worden door het formulier op de juiste manier te structureren met fieldset- en legend-elementen. Andere oplossingen zijn ook mogelijk, zoals met het aria-labelledby-attribuut.
Hetzelfde probleem doet zich voor in de vergelijkbare sectie op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54 staat in het paneel “Filters” een sectie “Selecteer attribuutfilters (6)”. Wanneer selectievakjes zoals “KST_ID”, “Code” en “Keringen code” worden aangevinkt, verschijnen er bijbehorende invoervelden boven deze sectie. De label-elementen zijn niet expliciet gekoppeld aan deze invoervelden. Label-elementen moeten gekoppeld worden aan hun bijbehorende invoervelden door het for-attribuut op het label-element te gebruiken. In dit attribuut komt het id van het invoerveld waar het label bij hoort. Hierdoor krijgt het invoerveld een toegankelijke naam en heeft het label een groter klikgebied.
Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore komt hetzelfde probleem voor in het paneel “Filters” bij het invoerveld “Code”.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het dialoogvenster “Aanmelden Meld u aan om toegang te krijgen tot het item op ArcGIS Online”, dat bijvoorbeeld wordt weergegeven wanneer de bezoeker de pagina https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk opent, staat een formulier. Het veld voor de gebruikersnaam heeft het attribuut autocomplete="off" en het wachtwoordveld heeft helemaal geen attribuut autocomplete. Wanneer formulieren persoonlijke gegevens verzamelen, moeten passende autocomplete-attributen met de juiste waarden worden gebruikt bij de invoervelden. Dit stelt browsers en hulpsoftware in staat bezoekers te ondersteunen, bijvoorbeeld door velden automatisch in te vullen. In dit geval moeten de volgende waarden worden toegevoegd: autocomplete="username" voor het veld “Gebruikersnaam” en autocomplete="current-password" voor het veld “Wachtwoord”. Hierdoor kunnen browsers en wachtwoordbeheerders de velden correct herkennen, bezoekers helpen hun gegevens veilig in te vullen en zowel de toegankelijkheid als de gebruikservaring verbeteren. Meer informatie over het gebruik van het attribuut autocomplete en de vereiste waarden is te vinden op: https://www.w3.org/TR/WCAG21/#input-purposes.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website staat in de header een menuknop met drie horizontale lijnen die het navigatiemenu opent. Na het klikken op “Recente Downloads” wordt de bijbehorende sectie geopend. Deze bevat grijze tekst (HEX#4C4C4C) met de inhoud “Downloads van de afgelopen 48 uur” op een blauwe achtergrond (HEX#1C66A6). De contrastratio van deze tekst is te laag: 1,4:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet de contrastratio minimaal 4,5:1 zijn.

Op pagina https://opendata-wrij.opendata.arcgis.com/ staat een zoekveld onder de kop “Bekijk hier alle openbare data”. Wanneer eerder een zoekopdracht is uitgevoerd, verschijnt in de suggestielijst een overzicht met recente zoekacties. De suggestielijst bevat de teksten, zoals “Recente zoekacties”, “Gesuggereerde resultaten”, “Feature service”. Deze teksten zijn grijs (HEX#949494) op een witte achtergrond (HEX#F8F8F8), met een contrastratio van 2,9:1. Omdat deze tekst klein is, moet de contrastratio minimaal 4,5:1 bedragen.
Hetzelfde probleem wordt waargenomen op pagina https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk. Op deze pagina staat ook een zoekveld met een suggestielijst die grijze teksten bevat. Deze teksten hebben onvoldoende contrast ten opzichte van de witte achtergrond.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, staan in de sectie “Filters”, onder “Selecteer attribuutfilters”, teksten zoals “2 waarden”. Deze teksten zijn grijs (HEX#B3B3B3) op een witte achtergrond (HEX#F8F8F8) en hebben een lage contrastratio van 2,0:1. Voor kleine tekst moet de contrastratio minimaal 4,5:1 zijn.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about opent de knop “Meer” een lijst met twee items. Het tweede item, met het label "Open in ArcGIS StoryMaps," heeft blauwe tekst (HEX#65A1D5) op een witte achtergrond. De contrastratio is 2,8:1, wat lager is dan de vereiste minimumwaarde van 4,5:1.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/about en op andere soortgelijke pagina's.

Wanneer eerder een zoekopdracht is uitgevoerd op de website en het zoekveld in de header wordt geopend op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, hebben de recente zoekacties in de suggestielijst een zeer laag contrast. De witte tekst op een lichtgrijze achtergrond (HEX#F8F8F8) heeft een contrastratio van 1,1:1. Zorg dat de contrastratio minimaal 4,5:1 bedraagt.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore en op andere soortgelijke pagina's.

Wanneer de pagina https://opendata-wrij.opendata.arcgis.com/ op een klein scherm wordt bekeken (bij een zoomniveau van meer dan 400%), heeft de link “Open data portaal” in de header onvoldoende contrast in de hover- of focus-toestand. De tekst wordt donkerblauw (HEX#0E5491) op een blauwe achtergrond (HEX#1C66A6), met een contrastratio van 1,3:1. Zorg dat alle kleine teksten op de website een contrastratio van minimaal 4,5:1 hebben.
Hetzelfde probleem kan worden waargenomen op andere pagina's, bijvoorbeeld https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk, https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about, https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api, en anderen.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 200%, verdwijnt de tekst “Bent u op zoek naar iets anders?”.
Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels.
Hetzelfde probleem doet zich voor met dezelfde tekst op pagina https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/about en op andere soortgelijke pagina's.

Op pagina https://opendata-wrij.opendata.arcgis.com/search?collection=dataset&q=kunstwerk zijn bij een schermresolutie van 1280×1024 pixels en 200% zoom, de link en knoppen in de footer niet zichtbaar en niet bedienbaar, waaronder “Gebouwd met ArcGIS Hub”, “Feeds verkennen” en “Privacy beheren”. Alles moet bij deze vergroting zichtbaar zijn en werken zoals verwacht.
Hetzelfde probleem doet zich voor op andere pagina's met het voetermenu: https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about en andere.

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%.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api wordt bij een schermresolutie van 1280×1024 pixels en 400% zoom tekst deels niet weergegeven, waaronder: in de sectie “Ruimtelijke inputs” het label “Geometrietype” en de opties in het select-element “Geometrietype”, in de secties “Query” en “Uitvoeropties” overlapt de tekst “Waarde” de tekst “Parameter”, in de sectie “Uitvoeropties” wordt de tekst “Geometrie opvragen” overlapt door de keuzerondjes en de teksten “Alleen Ids retourneren” en “Alleen telling retourneren” overlappen de tekst onder de keuzerondjes die begint met “Als dit waar is, …”, en andere elementen. Alles moet bij deze vergroting zichtbaar zijn en werken zoals verwacht. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Hetzelfde probleem doet zich voor op andere soortgelijke pagina's: https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website https://opendata-wrij.opendata.arcgis.com/ staat in de header een zoekveld. Wanneer eerder een zoekopdracht is uitgevoerd, bevat de suggestielijst recente zoekacties met “x”-knoppen. Wanneer deze knoppen toetsenbordfocus krijgen, is dit zichtbaar door een blauwe (HEX #136FBF) focusrand. De contrastratio tussen deze rand en de blauwe (HEX #2E75B6) achtergrond is 1,1:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.

Onderaan de pagina https://opendata-wrij.opendata.arcgis.com/ staat een knop “Privacy beheren” die een dialoogvenster “Privacy-instellingen” opent. Wanneer de knop “Instellingen doornemen” wordt aangeklikt, worden extra instellingen weergegeven. In dit dialoogvenster staat een schakelknop “Anonieme gebruiksstatistieken”. Wanneer deze schakelknop is uitgeschakeld, is deze grijs (HEX #949494) op een lichtgrijze (HEX #F8F8F8) achtergrond. De contrastratio is onvoldoende: 2,9:1, terwijl dit minimaal 3,0:1 moet zijn voor informatieve en interactieve elementen.
Hetzelfde probleem komt voor bij vergelijkbare schakelknoppen op andere pagina’s: de schakelknop “Tussen filters schakelen” in de sectie “Downloaden” op pagina’s https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore en andere. Zie ook de schakelknop “Filter terwijl de kaart beweegt” in de sectie “Filters” op pagina’s https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore en andere. De grijze kleur (HEX #CCCCCC) van de schakelknop op de lichtgrijze achtergrond (HEX #F8F8F8) heeft een contrastratio van 1,5:1.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Pagina https://opendata-wrij.opendata.arcgis.com/ en https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk hebben dezelfde tekst in het title-element van de pagina: “Waterschap Rijn en IJssel”. Dit is niet de bedoeling. In het title-element van elke pagina moet een unieke tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Staat hier bij twee of meer pagina’s dezelfde tekst? Dan kan dit verwarrend zijn voor de bezoeker. De navigatie tussen pagina’s wordt dan ook lastiger. Verander de tekst in het title-element, zodat deze op elke pagina uniek is en de inhoud van de pagina nauwkeurig beschrijft.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about en https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api. Het title-element van deze pagina's bevat dezelfde tekst: “Aquaduct | Waterschap Rijn en IJssel”.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://opendata-wrij.opendata.arcgis.com/ verschijnt binnen de sectie “Downloadbare datasets Zones verordening watersysteem” een interactief element met het label “Deze kaart delen” wanneer het toetsenbordfocus krijgt of wanneer de artikelen onder de kop “Downloadbare datasets Zones verordening watersysteem” worden aangewezen met de muis. Dit interactieve element opent een dialoogvenster. Na het sluiten van het dialoogvenster keert de toetsenbordfocus niet terug naar het element dat het venster heeft geopend of naar het volgende logische element in de focusvolgorde van de pagina, maar verplaatst zich naar de adresbalk van de browser. Zorg dat de focus na het sluiten van het venster terechtkomt op het element waarmee het dialoogvenster werd geopend.
Een vergelijkbaar probleem wordt waargenomen op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api. In de sectie “Ruimtelijke inputs” wordt, wanneer de optie “Envelope (Envelop)” is geselecteerd voor “Geometrietype”, de knop met de tekst “Extent van de kaart” weergegeven. Deze knop opent een dialoogvenster. Na het sluiten van het dialoogvenster keert de toetsenbordfocus niet terug naar het activerende element, maar verplaatst zich naar de footer naar de link “Gebouwd met ArcGIS Hub”.
Zie ook pagina’s https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api met hetzelfde probleem. Controleer de focus na het sluiten van andere dialoogvensters op de website.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about komt de toetsenbordfocus na de link “Gegevenstabel weergeven” terecht op een onzichtbaar interactief element. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen zoals links, knoppen of formuliervelden. Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/about en op andere soortgelijke pagina's.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore in de sectie “Filters” onder “Selecteer attribuutfilters” staan selectievakjes. De toetsenbordfocus komt terecht op pseudo-selectievakjes die met CSS zijn toegevoegd en bereikt de echte input-elementen niet. Hierdoor wordt de focusvolgorde onlogisch en ontstaan toegankelijkheidsproblemen, omdat schermlezers de toegankelijke namen van de inputs niet kunnen vaststellen. Zorg dat de toetsenbordfocus op de juiste HTML-elementen komt.
Hetzelfde probleem doet zich voor met vergelijkbare selectievakjes op pagina https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore en op andere soortgelijke pagina's.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore opent de knop “Ik wil dit gebruiken” in het paneel “Aquaduct” de sectie “Ik wil...”. De toetsenbordfocus komt niet direct in deze sectie terecht nadat deze is geopend. De focus moet in de sectie terechtkomen. Daarnaast komt de toetsenbordfocus, wanneer bezoekers met deze geopende sectie door de pagina navigeren, na de link “Aanmelden” op onzichtbare interactieve elementen terecht. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen (links, knoppen, formuliervelden). Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.
Hetzelfde probleem wordt waargenomen op andere pagina’s, zoals https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore, https://opendata-wrij.opendata.arcgis.com/maps/0fa7e4a230f24db6a757a5d2b320c00c/explore en andere.

Advies: Op meerdere pagina's, bijvoorbeeld https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk, https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about en https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about wordt veelvuldig het tabindex-attribuut gebruikt, onder andere op niet-interactieve elementen. Hierdoor worden veel elementen opgenomen in de toetsenbordnavigatie, terwijl ze niet altijd functionaliteit of extra informatie bieden wanneer ze focus krijgen. Dit zorgt voor onnodige focusstops en verstoort de navigatievolgorde voor toetsenbordgebruikers. Het is daarom beter om spaarzaam om te gaan met het tabindex-attribuut.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website opent de knop “Feeds verkennen” in de footer een bijbehorend dialoogvenster. In dit dialoogvenster staan links “Weergeven”. Deze links hebben dezelfde tekst maar leiden naar verschillende bestemmingen. Dit kan verwarrend zijn voor bezoekers. Zorg dat links met dezelfde tekst ook naar dezelfde bestemming leiden. Als het om een andere bestemming gaat, moet de linktekst ook anders zijn.
Een vergelijkbaar probleem wordt waargenomen bij de links “Weergeven” in de sectie “API-bronnen bekijken” op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore in het zijpaneel dat wordt geopend met de knop “Ik wil dit gebruiken”, op pagina https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about onder de kop “Ik wil...” en op andere vergelijkbare pagina’s.

Advies: Bovenaan pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api staat een link “Terug naar Volledige details” met een “< (minder dan)” symbool vóór de tekst. Dit teken wordt door schermlezers voorgelezen en kan de betekenis van de link onduidelijk maken. Het is beter om niet-leesbare tekens te verwijderen en te zorgen dat de linktekst duidelijk en beschrijvend is.
Hetzelfde doet zich voor met dezelfde link op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore, wordt na het aanklikken van de knop met downloadpictogram de sectie “Downloadopties” weergegeven. Deze sectie bevat meerdere knoppen met dezelfde zichtbare tekst “Downloaden”. Deze knoppen voeren echter verschillende functies uit en downloaden documenten van verschillende typen. Je kunt met deze knoppen een andere actie uitvoeren. Dit kan verwarrend zijn voor bezoekers met een schermlezer. Het is niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben.
Een vergelijkbaar probleem wordt waargenomen op deze pagina bij knoppen met kopieer-iconen die allemaal dezelfde toegankelijke naam hebben: “URL kopiëren”. Deze knoppen verschijnen in de sectie “API-bronnen bekijken” binnen het paneel “Ik wil...”. Het paneel “Ik wil...” kan worden geopend met de knop “Ik wil dit gebruiken” in het paneel “Aquaduct”. De knoppen met kopieer-iconen komen ook voor op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about onder de kop “Ik wil...” in de sectie “API-bronnen bekijken”. Zie ook de knoppen met kopieer-iconen in het dialoogvenster “Feeds verkennen” dat wordt geopend met de knop “Feeds verkennen” in de footer, bijvoorbeeld op pagina https://opendata-wrij.opendata.arcgis.com/. Zie ook andere pagina’s.

Advies: Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore wordt na het aanklikken van de link of knop met tabel-icoon “Gegevenstabel weergeven” een tabel getoond. De kolomkoppen zijn knoppen die als sorteerelementen functioneren, maar dit is niet duidelijk aangegeven. Zo geven het zichtbare label “Code” en de bijbehorende toegankelijke naam niet aan dat het activeren van de knop de tabel op die kolom sorteert. Dit kan verwarrend zijn voor bezoekers die hulpsoftware gebruiken of niet vertrouwd zijn met de interface. Maak het doel duidelijk door sorteerinformatie op te nemen in de toegankelijke naam. Dit is slechts een advies, omdat deze functie ook voor ziende bezoekers niet duidelijk is aangegeven.
Hetzelfde doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore en op andere soortgelijke pagina's.

Uitkomst: Onvoldoende

Bevindingen: Onderaan pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore opent de knop “Ik wil dit gebruiken” de sectie “Ik wil...”. In de verborgen inhoud van de knop “API-bronnen bekijken” staat een link “Openen in API Explorer”. De standaardtoetsenbordfocusstijl is bij deze link verwijderd met outline:0 en er is geen aangepaste focusindicator als alternatief voorzien. 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. Haal outline:0 weg of voeg een eigen toegankelijke focusindicator toe.
Hetzelfde probleem doet zich voor met een identieke link in een identieke sectie "API-bronnen bekijken" op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about en op andere soortgelijke pagina's.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api is in het uitklapmenu “Uitvoeropties” de focus niet zichtbaar op de keuzerondjes “True” en “False”. Zorg ervoor dat de toetsenbordfocus altijd duidelijk zichtbaar is.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Wanneer pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore op een klein scherm wordt bekeken, is de focus niet zichtbaar op de knoppen in het navigatiemenu in de footer. De toetsenbordfocus moet te allen tijde zichtbaar zijn op alle interactieve elementen.
Hetzelfde geldt voor andere opties die worden geopend na een klik op de knop met de tekst "Menu" en op andere pagina's met dit soort voetermenu: https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/explore en andere.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer op https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54, in de sectie “Filters” een tekstveld wordt geselecteerd (bijvoorbeeld “KST_ID”), verschijnt erboven een zoekveld. Het label boven het invoerveld is “KST_ID”, maar de toegankelijke naam is “36 waarden zoeken”. De zichtbare tekst van een interactief element mag niet te veel afwijken van de toegankelijke naam van het element. 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. Zorg dus dat de zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.
Hetzelfde probleem doet zich voor op pagina https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/explore met het invoerveld "Code".

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore bevat de kaart een werkbalk met knoppen. In deze werkbalk staat een knop met dubbele punthaken (“≪”). Wanneer op deze knop wordt geklikt, verandert de zichtbare naam in tekst “Inklappen”, maar de toegankelijke naam is “Samenvouwen” en komt uit het aria-label-attribuut. Dit kan problemen geven voor bezoekers die stembediening gebruiken. 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 dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website https://opendata-wrij.opendata.arcgis.com/, staat in de header een menuknop met het aria-label-attribuut in het Engels: “Global Nav Menu”. Dit label wordt 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.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api staan in het uitklapmenu “Uitvoeropties” keuzerondjes met Engelse labels “True” en “False”. Vertaal deze woorden naar het Nederlands.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://opendata-wrij.opendata.arcgis.com/ staan twee zoekvelden, één in de header en één in het hoofdgedeelte. Wanneer eerder een zoekopdracht is uitgevoerd, bevat de suggestielijst recente zoekacties. Naast deze zoekacties staan “x”-knoppen waarmee opties uit de lijst kunnen worden verwijderd, maar die geen toegankelijke namen hebben, waardoor schermlezers hun functie niet kunnen communiceren aan bezoekers. Er zijn verschillende manieren om deze knoppen van namen te voorzien, bijvoorbeeld door een aria-label-attribuut met beschrijvende tekst te gebruiken of door een visueel verborgen tekst aan het knopelement toe te voegen. Er zijn ook andere oplossingen mogelijk.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api doet zich een vergelijkbaar probleem voor. In de sectie “Query” verschijnt na het aanklikken van de knop “+” een knop met een “x”-icoon om de selectie te verwijderen. Deze knop heeft geen toegankelijke naam.
Hetzelfde probleem doet zich voor op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api en https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Op pagina https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk wordt, wanneer de weergave “Kaart” is geselecteerd, onder de sorteerknoppen een ruimte voor een kaart weergegeven. Deze ruimte is een HTML-element met role="application" maar heeft geen toegankelijke naam. Voorzie dit element van een beschrijvende toegankelijke naam.
Hetzelfde probleem doet zich voor op dezelfde pagina in de sectie "Filters" -> sectie "Locatie" wanneer de weergaven "Raster" of "Lijst" worden toegepasten en op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about met de kaarttoepassing onder de tekst "Relevant gebied", op pagina https://opendata-wrij.opendata.arcgis.com/maps/0fa7e4a230f24db6a757a5d2b320c00c/about naast de kop "Vigerende verordening" en op andere pagina's.

Onderaan pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore opent de knop “Ik wil dit gebruiken” de sectie “Ik wil...”. Wanneer de knop “API-bronnen bekijken” wordt aangeklikt, verschijnt er een lijst met invoervelden om links te kopiëren. Deze velden hebben geen toegankelijke namen. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het invoerveld dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.
Hetzelfde probleem doet zich voor in het gedeelte 'API-bronnen bekijken' onder het kopje 'Ik wil...' op pagina's https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/about, https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/about en andere soortgelijke pagina's.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/api, verschijnt in het uitklapmenu “Query” naast de tekst “Waar” na het aanklikken van de knop “+” een select-element zonder toegankelijke naam. Geef het select-element een toegankelijke naam. Het veld “Like”, dat wordt weergegeven nadat een attribuut is geselecteerd, heeft eveneens geen toegankelijke naam. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het invoerveld dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.
Hetzelfde probleem doet zich voor met alle select-elementen op de pagina: "Geometrietype", "Ruimtelijke verhouding" (weergegeven na het selecteren van de optie "Envelope (Envelop)" in "Geometrietype") en op andere soortgelijke pagina's: https://opendata-wrij.opendata.arcgis.com/datasets/55b938104e484ef2bb61e5874e0f3238_54/api, https://opendata-wrij.opendata.arcgis.com/datasets/0f0b25d2a22c4aa3b1001307a82a81cf_1/api.

Op pagina https://opendata-wrij.opendata.arcgis.com/datasets/14aa25aff17844b996a7ab51f55bab1d_0/explore staat een verticale werkbalk met knoppen die bijbehorende zijpanelen openen, zoals “Aquaduct”, “Discussie”, “Filters” en andere panelen. Deze knoppen hebben meerdere toestanden, zoals ingedrukt of niet ingedrukt, maar deze toestanden worden niet programmatisch beschikbaar gemaakt voor hulpsoftware. 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://opendata-wrij.opendata.arcgis.com/search?q=kunstwerk geeft de zoekfunctie feedback met de melding dat er geen items zijn gevonden: “Kan geen resultaten vinden.” Dit is een statusmelding, maar deze wordt niet aangekondigd door schermlezers wanneer die verschijnt. Statusmeldingen moeten automatisch worden voorgelezen door hulpsoftware zodra ze zichtbaar worden of bijgewerkt zijn. De attributen aria-live="polite" en role="status" die verantwoordelijk zijn voor het aankondigen van deze melding, zijn echter niet correct geïmplementeerd. Mogelijk doordat deze niet aanwezig zijn bij het laden van de pagina of doordat deze conflicteren met de vele andere aria-live-attributen op de pagina. Daardoor ontvangen schermlezergebruikers geen feedback dat de zoekopdracht geen resultaten heeft opgeleverd, wat tot verwarring kan leiden.
Hetzelfde probleem wordt waargenomen wanneer de bezoeker opnieuw een zoekopdracht uitvoert nadat er eerder geen resultaten waren. De statusmelding, bijvoorbeeld “1 - 9 van 9 resultaten”, wordt wel getoond maar niet aangekondigd door een schermlezer.