Rapport:
Audit digitale toegankelijkheid website Amsterdamse Waterleidingduinen

Uitkomst: Onvoldoende

Bevindingen: Als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Hierin staat links het logo van Waternet. Het tekstalternatief van dit logo is echter "logo". Dit tekstalternatief geeft niet aan waarvan het een logo is. Dit geldt ook voor hetzelfde logo dat linksboven in de cookiemelding verschijnt als de bezoeker kiest voor "Details tonen". Voeg de naam van de organisatie toe aan het tekstalternatief.

Als de website https://awd.waternet.nl/ op een klein of ingezoomd scherm wordt bekeken, is de hoofd- en topnavigatie verplaatst achter de knop "Menu Open". Als de bezoeker dit menu opent, verschijnt rechtsboven de knop "Sluit Sluiten". Dit komt doordat het X-icoon het tekstalternatief "Sluiten" heeft gekregen. Hier is dit icoon echter decoratief, omdat ervóór ook al "Sluit" staat. Verwijder het aria-label op dit icoon of wijzig dit naar "Menu", zodat de naam van de knop "Sluit Menu" wordt.

Onder de header van de website https://awd.waternet.nl/ staat de notificatie "Nieuw: audiotour Duin en Dorst!". Hierin staat de link "Go to Duin en Dorst". Deze link heeft een icoon aan het eind dat aangeeft dat de link in een nieuw tabblad of venster opent. Dit icoon is informatief en heeft een tekstalternatief nodig. Voeg dit toe aan de linktekst: "opent in een nieuw venster of tabblad" of iets soortgelijks. Dit mag visueel verborgen worden.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://awd.waternet.nl/privacyverklaring.

Op pagina https://awd.waternet.nl/404 staat de link "Ga naar het bezoekerscentrum. Go to". Hier heeft het icoon het tekstalternatief "Go to" gekregen en dat is hier verwarrend, omdat het aan het eind wordt uitgesproken en daarnaast in het Engels is. Verwijder het tekstalternatief door het span-element met class="visually-hidden" weg te halen.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://awd.waternet.nl/bezoek/veelgestelde-vragen/. Ook op pagina https://awd.waternet.nl/beleef/wandelroutes/ komt dit voor, bovenaan bij de link "Go to Naar overzicht beleef".

Op verschillende pagina's en plekken staan decoratieve iconen die een tekstalternatief hebben gekregen doordat er een onzichtbare tekst aanwezig is die wel kan worden 'gezien' door schermlezers. Bijvoorbeeld in de header van de website https://awd.waternet.nl/, de iconen vóór "Tickets" en "Inloggen". Deze iconen hebben tekstalternatieven gekregen als "shop" en "profiel". Een ander voorbeeld is op pagina https://awd.waternet.nl/beleef/fotos het icoon boven "Voeg uw foto's en filmpjes toe" met het tekstalternatief "info". Deze iconen zijn echter decoratief en horen dan geen tekstalternatief krijgen, zodat ze genegeerd kunnen worden. Dit kan door het span-element met class="visually-hidden" weg te halen.
Dit komt vaker voor, maar let op: in sommige gevallen, zoals in de notificatie onder de header (het icoon met tekstalternatief "info") kan het zelfs goed zijn om het icoon wel een tekstalternatief te geven. Het is dus heel erg afhankelijk van de context of een icoon een tekstalternatief nodig heeft. Als het icoon op zichzelf aanvullende informatie op de tekst geeft, dan heeft het meestal wel een tekstalternatief nodig. Is het icoon enkel gebruikt om bijvoorbeeld een knop visueel interessanter te maken, dan is het beter dit geen tekstalternatief te geven, omdat de tekst op zichzelf dan al genoeg informatie geeft.

Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat onderaan een afbeelding van een overzichtskaart. Hier wordt in de tekst ook meerdere keren naar verwezen. Deze afbeelding is informatief en heeft een tekstalternatief nodig. In dit geval is het ook nodig dat in tekst staat omschreven waar de werkblokken zich bevinden. Dit is belangrijke informatie die nu gemist wordt door blinde bezoekers. Deze omschrijving mag ook ergens anders op de pagina staan of via een link beschikbaar zijn.

In de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf staan twee logo's op pagina 1. Dit zijn afbeeldingen zonder tekstalternatief. Geef deze een tekstalternatief dat aangeeft wat hierop te zien is: "Logo Waternet waterschap amstel gooi en vecht gemeente amsterdam". Zie ook succescriterium 1.3.1.

In de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf staat op pagina 5 een kader vanaf "Doelstelling uit visie 'Bos in duinen'". Het kader is gecodeerd als afbeelding zonder tekstalternatief. In een PDF moeten decoratieve afbeeldingen verborgen worden door ze als decoratief te markeren in Word. Dan worden ze uit de codes gehaald en kan hulpsoftware ze negeren.

In de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf staat op pagina 7 een informatieve afbeelding met een kaart. Deze afbeelding mist een tekstalternatief dat omschrijft wat op de kaart te zien is. Er is wel een bijschrift, maar dat geeft onvoldoende informatie. Zie ook een vergelijkbare opmerking over de webpagina waarop deze kaart staat.

Advies: op pagina https://awd.waternet.nl/bezoek/bezoekerscentrum/ staan meerdere afbeeldingen die als decoratief gezien kunnen worden. Zij hebben wel allemaal een tekstalternatief gekregen, zoals "Bezoekerscentrum", "Afbeelding van interieur bezoekerscentrum De Oranjekom" etc. Omdat deze tekstalternatieven kloppen, is dit niet afgekeurd. Wel is te overwegen om de tekstalternatieven weg te halen, zodat de afbeeldingen kunnen worden genegeerd door schermlezers.
Dit komt vaker voor, bijvoorbeeld op pagina's https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/, https://awd.waternet.nl/beleef/activiteiten/ en https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/.
Overigens is "Afbeelding van…" overbodig; een schermlezer leest namelijk al voor dat het een afbeelding is.

Advies: op pagina https://awd.waternet.nl/struinen/ staat bij elke editie een afbeelding van de cover van het magazine. Een aantal van deze heeft een tekstalternatief gekregen, bijvoorbeeld "Cover Struinen 126 met paddenstoelen" en "Cover Struinen 125 zomer 2025". Omdat deze tekstalternatieven kloppen, is dit niet afgekeurd. Wel is te overwegen om de tekstalternatieven weg te halen, zodat de afbeeldingen kunnen worden genegeerd door schermlezers. Daarnaast is het nu niet consequent gedaan, omdat sommige afbeeldingen wel een tekstalternatief hebben en andere niet.

Advies: op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staan onder "Tijdpad en documentatie" twee afbeeldingen met het logo van provincie Noord-Holland en van provincie Zuid-Holland. Afbeeldingen van logo's hebben in principe altijd een tekstalternatief nodig. Omdat dit ook al in de tekst erboven staat, is dit nu niet afgekeurd.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo en de tekst "bosbeheer voor een toekomstbestendig bos" aan het begin, de naam en functie van de spreker rond 1:10 en de logo's en teksten aan het eind. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermlezer, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo en de tekst "bosbeheer voor een toekomstbestendig bos" aan het begin en de logo's en teksten aan het eind. Een audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermlezer, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

Advies: in de video op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ komen rond 1:10 de naam en functie van de spreker in beeld. Hiervoor is ook geen audiodescriptie beschikbaar. Dit succescriterium eist echter dat dit alleen aanwezig is als daar ruimte voor is en dat is hier niet het geval. Het zou echter wel goed zijn om de naam en functie van de spreker beschikbaar te maken in een audiodescriptie.

Uitkomst: Onvoldoende

Bevindingen: Als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Hierin bevinden zich de tabbladen "Toestemming", "Details" en "Over". Binnen het tabblad "Over" staan zes alinea’s, beginnend met "Cookies zijn kleine tekstbestanden...". Alle paragrafen staan binnen een div-element en gescheiden door br-elementen. Om de inhoud correct te structureren, moet elke afzonderlijke alinea opgemaakt worden als een alinea, via het p-element.

Op pagina https://awd.waternet.nl/bezoek/veelgestelde-vragen/ wordt meerdere keren het strong-element gebruikt om woorden vetgedrukt te maken of om koppen mee aan te duiden. Bijvoorbeeld "Het dagtarief betalen", "Een nieuw jaarabonnement aanschaffen" en "Parkeerservice" onder "Moet ik betalen voor parkeren en hoe regel ik dat?". Een ander voorbeeld staat onder "Hoe regel ik een gratis abonnement op Struinen (magazine en/of e-mailnieuwsbrief)?", de woorden "Struinen magazine:" en "Struinen e-mailnieuwsbrief:". Dit is niet de bedoeling, want het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst. Een goed voorbeeld hiervan staat onder "Hoe geef ik mijn nieuwe kenteken door aan Parkeerservice?", de woorden "Let op". Maak in andere gevallen eventueel gebruik van een stylesheet (CSS) om een tekst in een vet lettertype te tonen of maak gebruik van échte kopteksten (h3, h4 etc.) om koppen mee aan te duiden.
Dit probleem komt vaker voor. Bijvoorbeeld "Klaar om op pad te gaan?" op pagina https://awd.waternet.nl/nieuws/2026/podwalk-duin-en-dorst/. Ook op pagina https://awd.waternet.nl/bezoek/bezoekerscentrum/ komt dit voor, bij de telefoonnummers onder "Meldingen" en de tekst "Is er sprake van een levensbedreigende situatie?". Ook op pagina's https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ en https://awd.waternet.nl/privacyverklaring komt dit probleem meerdere keren voor.

Op pagina https://awd.waternet.nl/privacyverklaring staat onderaan de tekst "[Deze privacyverklaring is voor het laatst gewijzigd op 09-08-2025.]". Deze tekst is opgemaakt met het em-element om het cursief weer te geven. Dit is niet de bedoeling, want het em-element is (net als het strong-element) bedoeld voor het benadrukken van kleine stukjes tekst. Maak eventueel gebruik van een stylesheet (CSS) om een tekst in een cursief lettertype te tonen.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/.

Op pagina https://awd.waternet.nl/bezoek/bezoekerscentrum/ staat de koptekst "Voor contact of meldingen, ook buiten openingstijd van het bezoekerscentrum, kijk verder op de pagina onder het kopje meldingen.". Dit is semantisch gezien geen kop voor de content eronder en mag daarom niet als koptekst opgemaakt worden. Zie ook succescriterium 2.4.6.
Dit komt ook voor op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/, onderaan.

Op pagina https://awd.waternet.nl/bezoek/veelgestelde-vragen/ staan onder "Ik kan niet of nauwelijks wandelen. Kan ik een vervoermiddel gebruiken en waar vind ik meer informatie?" drie alinea's, waarvan de laatste twee gezien kunnen worden als opsommingslijst. Dit is in de code echter opgemaakt als één enkele alinea, waardoor de structuur voor gebruikers van hulpsoftware niet overeenkomt met hoe het er visueel uitziet. Maak dit op als een alinea (p-element) en een opsommingslijst met twee onderdelen (ul- en li-elementen).

Op pagina https://awd.waternet.nl/privacyverklaring staan onder meerdere koppen verschillende opsommingen, bijvoorbeeld onder "2. Welke persoonsgegevens verwerken wij…" en "5. Op basis van welke grondslag". Deze opsommingen zijn echter niet als opsommingslijsten (ul- en li-elementen) opgemaakt. Maak ze op als opsommingslijsten, zodat gebruikers van hulpsoftware ook de structuur en relaties kunnen bepalen als zij de pagina niet visueel zien.
Dit komt vaker voor. Let op: onder "4. Waarom verwerken wij uw persoonsgegevens?" is dit ook een probleem. Omdat hier redelijk veel content onder een opsommingspunt staat, kunnen deze punten beter worden gewijzigd naar tussenkopjes (h4, zonder bullets ervoor).

Op pagina https://awd.waternet.nl/privacyverklaring staat een tabel onder "Overzicht van cookies, doeleinden en bewaartermijnen". De eerste rij in deze tabel moet bestaan uit tabelkoppen, omdat de inhoud iets zegt over de cellen eronder. Maak deze cellen in de eerste rij daarom op als tabelkoppen (th-elementen).

Als de bezoeker is ingelogd, kan hij op pagina https://awd.waternet.nl/beleef/fotos/5000589-haarmos een reactie achterlaten. Onder het veld staat "0/400", om aan te geven dat maximaal 400 karakters ingevuld kunnen worden. Deze informatie is niet gekoppeld aan het invoerveld en kan daardoor gemist worden door gebruikers van hulpsoftware. Koppel deze informatie, bijvoorbeeld via het aria-describedby-attribuut. Andere oplossingen zijn ook mogelijk.

De PDF op pagina https://awd-media.waternet.nl/globalassets/awd/struinen/waternet-struinen_127_2026_def_bladermodule.pdf is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van deze bevinding nieuwe toegankelijkheidsproblemen kunnen ontstaan.

De PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf is wel gecodeerd, maar hier zijn meerdere problemen. Hier volgen enkele voorbeelden, maar er kunnen meer problemen zijn.
De tekstuele inhoud op pagina 1 is niet gecodeerd en daardoor niet beschikbaar voor gebruikers van hulpsoftware. De oorzaak is waarschijnlijk dat deze tekst in de kop- en voettekst van het Word-document staat. Die content wordt nooit gecodeerd in de export naar PDF.
Op pagina 6 staat de cursieve tekst "De verdeling". Dit is bedoeld als koptekst, maar is niet als kop (bijvoorbeeld H2, H3) opgemaakt. Vergelijkbare problemen komen vaker voor, bijvoorbeeld "Werkblok 1", "Beschrijving", "Beheer" etc. op pagina 9.
Op pagina 7 begint een alinea die doorgaat op de volgende pagina. In de codes is dit echter opgedeeld in twee aparte alinea's. Dit moet één alinea worden. Vergelijkbare problemen komen vaker voor, bijvoorbeeld onderaan op pagina's 9 en 12.
Op pagina 14 staat een tabel onder "Kosten". De eerste cel van de tweede rij is hierin onterecht als tabelkop opgemaakt. Dat klopt niet, want deze cel is geen kop voor de cellen ernaast. Maak hier een 'gewone' datacel van.

Advies: op pagina https://awd.waternet.nl/beleef/fotos/ staat de koptekst "Filter" (h2) en daaronder de koptekst "Categorieën" (h4). Hier wordt van een kop van niveau 2 direct overgegaan naar een kop van niveau 4. Het is beter als geen niveaus (in dit geval 3, h3) worden overgeslagen, maar dit is niet afgekeurd.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/struinen/ staan meerdere blokken met content onder "Andere edities". Deze blokken bestaan uit een afbeelding, een koptekst (bijvoorbeeld "struinen.Nr 126 | 126") en de tekst "Download nr…". In de code staat steeds de afbeelding vóór de kop waar deze bij hoort. Als de blokken achter elkaar worden voorgelezen, is het niet duidelijk bij welke kop de afbeelding hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag de huidige indeling wel aangehouden worden. Een andere oplossing is om de tekstalternatieven van de afbeeldingen leeg te maken. Dan worden ze genegeerd en is het geen probleem meer.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staan onder "Tijdpad en documentatie" de instructies "het groene deel op het kaartje", "het paarse deel op het kaartje" en "het gele deel op het kaartje". Deze instructie is afhankelijk van de visuele weergave en kan daarom gemist worden door blinde en slechtziende gebruikers. Voeg een instructie toe die niet alleen afhankelijk is van zintuiglijke eigenschappen. Zie ook succescriterium 1.4.1.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat onderaan een afbeelding van een kaart. Hierin wordt alleen kleur gebruikt om de verschillende gebieden aan te duiden. Kleur mag niet als enige worden gebruikt om informatie over te brengen. Gebruik daarom nog minimaal één andere manier, bijvoorbeeld een andere vorm van de lijn of een arcering. Zie ook succescriterium 1.3.3.
Dit komt ook voor in de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf.

Op pagina https://awd.waternet.nl/shop/checkout/contact-gegevens staat de knop "Verstuur". Als deze de toetsenbordfocus krijgt, wordt de achtergrondkleur iets lichter en verschijnt er een blauwe rand binnen de knop. Beide kleurveranderingen hebben een te lage contrastratio: de blauwe rand (HEX ##002bca) ten opzichte van de achtergrond zonder focus (HEX #006fa2): 1,7:1, De lichtblauwe achtergrond bij focus (HEX #01a5f0) ten opzichte van de achtergrond zonder focus (HEX #006fa2): 2,0:1. De contrastratio moet minimaal 3,0:1 zijn.
Dit probleem kan vaker voorkomen.

Advies: in de PDF op pagina https://awd-media.waternet.nl/globalassets/awd/struinen/waternet-struinen_127_2026_def_bladermodule.pdf staat op pagina 13, onder "Wat is aquathermie?" een afbeelding van een kaart waarin alleen kleur wordt gebruikt om informatie over te brengen. Het is beoordeeld dat deze afbeelding in deze context puur ter illustratie - en dus decoratief - is, waardoor dit niet is afgekeurd. Let erop dat dit in een andere context wel een probleem kan worden.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/ staan bovenaan drie links "Bezoek", "Wandelroute" en "Koop uw toegangskaart". Als deze links de toetsenbordfocus krijgen, verandert de achtergrondkleur naar een lichtere blauwtint (HEX 01a5f0). Het gevolg is dat het contrast van de witte tekst op deze achtergrondkleur te laag is: 2,7:1 waar dat minimaal 4,5:1 moet zijn.
Dit probleem komt vaker voor met vergelijkbare links of knoppen. Bijvoorbeeld "Koop een toegangskaart" onderaan op dezelfde pagina, de links "Download GPX Route" en "Print" op pagina https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/. Een ander voorbeeld is de knop "Opslaan en naar bevestiging" op pagina https://awd.waternet.nl/mijn-awd/account-aanmaken. Er zijn meer vergelijkbare problemen.

Op pagina https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/ staat een afbeelding van een kaart, met daaronder de lichtgrijze tekst "Sources: Map data (c) OpenStreetMap…" (ongeveer HEX #d0d0d0) op een witte achtergrond. De contrastratio is hier 1,5:1 waar dat minimaal 4,5:1 moet zijn. Zie ook succescriterium 1.4.5.

In de PDF op pagina https://awd-media.waternet.nl/globalassets/awd/struinen/waternet-struinen_127_2026_def_bladermodule.pdf staan meerdere teksten met onvoldoende contrast op de achtergrond. Hier volgen enkele voorbeelden, maar er kunnen meer problemen zijn.
De mosterdgele tekst (HEX #d4af40) op pagina 1 heeft een te lage contrastratio van 2,1:1. Iets vergelijkbaars komt voor vanaf pagina 18.
Op pagina 2 staat oranje tekst vanaf "08 Buitengewoon…" (HEX #ce7218) met een te lage contrastratio van 2,8:1 op de lichtoranje achtergrond (HEX #f4e5d5). Ook andere teksten op deze pagina hebben een te lage contrastratio op de witte achtergrond.
De lichtblauwe tekst op pagina 6 (HEX #74acc4) heeft een te lage contrastratio van 2,4:1 op de witte achtergrond.
De paarse tekst op pagina 8 (HEX #acaeca) heeft een te lage contrastratio van 2,1:1 op de witte achtergrond.
En zo zijn er meer contrastproblemen in dit document. Normale teksten moeten een minimaal contrast van 4,5:1 hebben en grote teksten moeten een minimaal contrast van 3,0:1 hebben.

Uitkomst: Onvoldoende

Bevindingen: Als pagina https://awd.waternet.nl/shop wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, staan de winkelwagen en het bedrag als een 'sticky' footer boven de content. Dit betekent dat een deel van de content, zoals de links in de footer, niet meer bereikt kunnen worden. Dit probleem wordt nog erger als een of meer onderdelen aan de winkelwagen zijn toegevoegd. Zorg ervoor dat content elkaar niet overlapt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/ staat een afbeelding met tekst, namelijk de overzichtskaart. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. Voor de teksten "Bunkerroute", "Ingang Zandvoortselaan" en "awd.waternet.nl" is een alternatief aanwezig, maar de tekst "Sources: Map data (c) OpenStreetMap…" komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Let er daarbij op dat deze Engelse tekst dan een taalaanduiding krijgt via lang="en" of dat deze tekst wordt vertaald naar het Nederlands. Zie ook succescriterium 1.4.3.

In de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf staat onderaan op pagina 1 het adres en het KvK-nummer. Dit is een afbeelding van tekst. Voor bezoekers met een visuele beperking is het nodig dat zij tekst kunnen lezen als 'echte' tekst en eventueel deze tekst kunnen selecteren, kopiëren en plakken in een ander programma, zodat ze de weergave ervan kunnen aanpassen. Dat is hier niet mogelijk en er is ook geen alternatief gevonden.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400% of wanneer de website wordt bekeken bij een schermgrootte van 320x256 pixels, staan op pagina https://awd.waternet.nl/shop de winkelwagen en het bedrag als een 'sticky' footer boven de content. Dit betekent dat een deel van de content, zoals de links in de footer, niet meer bereikt kunnen worden. Dit probleem wordt nog erger als een of meer onderdelen aan de winkelwagen zijn toegevoegd. Zorg ervoor dat content elkaar niet overlapt.
Als vervolgens de winkelwagen wordt geopend, is het niet meer mogelijk om deze te sluiten, want deze knop valt buiten het scherm.

Uitkomst: Onvoldoende

Bevindingen: Als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Als de bezoeker hierin een keuze heeft gemaakt, staat rechtsonder in het scherm een knop waarmee de cookie-instellingen geopend kunnen worden. Als deze knop de toetsenbordfocus krijgt, verschijnt een blauwe rand (HEX #1032cf). Deze rand heeft in veel gevallen onvoldoende contrast op de achtergrond, bijvoorbeeld op de donkerblauwe kleur van de footer (HEX #000050). De contrastratio is hier 2,1:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/ staat een afbeelding van een kaart. Hierin staan onder "Ingang Zandvoortselaan" iconen voor "P" en een kraan. Deze witte iconen hebben op meerdere plekken onvoldoende contrast op de lichtblauwe achtergrond (ongeveer HEX #17a0e6). De contrastratio is hier tussen 2,5:1 en 2,9:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina's https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/ en https://awd.waternet.nl/nieuws/2026/podwalk-duin-en-dorst/ staan boven de inhoud van de pagina meerdere iconen naast "Deel dit bericht". Als hier met de muisaanwijzer overheen wordt gegaan, verandert de kleur van wit naar donkergrijs. Het gevolg is dat dan het contrast onvoldoende is: de contrastratio is hier 2,0:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://awd.waternet.nl/beleef/fotos staat een invoerveld onder "Zoekwoord(en)". De grijze randen van dit zoekveld (HEX #a7a7a7) hebben een te laag contrast van 2,4:1 met de witte binnenkant. Slechtziende en kleurenblinde gebruikers kunnen daardoor missen waar ze hun zoekterm kunnen invullen.
Dit geldt ook voor de selectievakjes onder "Categorieën".
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://awd.waternet.nl/mijn-awd/account-aanmaken en https://awd.waternet.nl/mijn-awd/inloggen.

Op pagina https://awd.waternet.nl/mijn-awd/account-aanmaken kan een verificatie van Cloudflare verschijnen waarin de bezoeker moet aangeven dat hij een mens is. Als dit selectievakje de toetsenbordfocus krijgt, verschijnt een blauwe rand (HEX #4693ff) op een lichtgrijze achtergrond (HEX #f8f8f8). De contrastratio is hier 2,9:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat een videospeler van YouTube. Als de toetsenbordfocus op knoppen en links in deze videospeler staat, verschijnt een lichtblauwe rand (HEX #3ea6ff). Deze heeft niet overal voldoende contrast ten opzichte van de achtergrond, bijvoorbeeld op een witte achtergrond. De contrastratio is hier 2,6:1 waar dat minimaal 3,0:1 moet zijn. Een ander voorbeeld is op de grijze 'overlay' bovenaan (HEX #747474). De contrastratio is hier 1,8:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat onderaan een afbeelding van een kaart. Hierin staan verschillende kleuren voor het aangeven van de werkblokken. Verschillende van deze kleuren hebben onvoldoende contrast op de witte achtergrond. Bijvoorbeeld groen (HEX #63b14b, contrastratio 2,7:1), geel (HEX #ffff01, contrastratio 1,1:1) en oranje (HEX #e39903, contrastratio 2,4:1).
Dit komt ook voor in de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Hierin staat linksonder het logo "Cookiebot by Usercentrics". Dit is ook een link, maar deze link is niet met het toetsenbord te bereiken en te bedienen. Dit geldt ook voor hetzelfde logo dat rechtsboven in de cookiemelding verschijnt als de bezoeker kiest voor "Details tonen".

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat een videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: De PDF op pagina https://awd-media.waternet.nl/globalassets/awd/struinen/waternet-struinen_127_2026_def_bladermodule.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

Advies: de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf heeft een documenttitel en deze titel wordt ook getoond. Dat is goed gedaan. De titel "BOS IN DE DUINEN" kan echter wel verbeterd worden naar bijvoorbeeld "Programma Bosbeheer in de duinen".

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beleef/fotos staat onder de foto's de knop "Laad meer". Als de bezoeker deze knop activeert, worden nieuwe foto's getoond. De toetsenbordfocus blijft echter op de knop staan en gaat dan verder naar "Filter". Dit is niet logisch, want de focus moet naar het begin van de nieuwe content gaan, dus naar de nieuw getoonde foto's. Nu kan de bezoeker missen dat nieuwe content getoond wordt en moet hij in tegengestelde richting navigeren met Shift + Tab op het toetsenbord. Dat is niet de bedoeling.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/struinen/ staat naast de eerste koptekst "Struinen" de link "Download (PDF)". Deze link heeft geen context met de tekst erboven en daarom kan deze tekst niet gebruikt worden om het linkdoel te bepalen. Daarom is niet duidelijk welke PDF gedownload wordt. Voeg deze informatie toe aan de linknaam, eventueel visueel onzichtbaar.
Het is overigens goed gedaan dat "(PDF)" in de linktekst staat. Dit zou ook toegevoegd kunnen worden aan de andere downloadlinks op deze pagina, eventueel visueel onzichtbaar.

Uitkomst: Onvoldoende

Bevindingen: Op de website https://awd.waternet.nl/ is het volgen van links de enige manier waarop alle pagina's te vinden zijn. Alle pagina's moeten echter op meerdere manieren gevonden kunnen worden. Dit is op verschillende manieren op te lossen, zoals het toevoegen van een zoekfunctie en/of een sitemap.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/bezoek/bezoekerscentrum/ staat onder "Bereikbaarheid" de koptekst "Voor contact of meldingen, ook buiten openingstijd van het bezoekerscentrum, kijk verder op de pagina onder het kopje meldingen.". Dit is geen duidelijke beschrijving van de content eronder. Dat is verwarrend voor bepaalde bezoekers. Vermoedelijk is deze tekst opgemaakt als koptekst om het de nadruk te geven, maar dat is niet de bedoeling. Verwijder deze koptekst of wijzig het zo dat het een duidelijke beschrijving is van de content eronder. Zie ook succescriterium 1.3.1.

Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat bijna onderaan de koptekst "Overzichtskaart werkblokken bosbeheer. Op het overzichtskaartje staan de zes werkblokken in kleur aangegeven. Onder documentatie staat alle informatie over de uitvoering van het werk.". Dit is geen duidelijke beschrijving van de content eronder en dat is verwarrend voor bepaalde bezoekers. Vermoedelijk is het laatste deel van de tekst opgemaakt als koptekst om het de nadruk te geven, maar dat is niet de bedoeling. Wijzig de koptekst zo dat alleen "Overzichtskaart werkblokken bosbeheer" overblijft als koptekst en dat de tekst vanaf "Op het overzichtskaartje staan de zes werkblokken…" is opgemaakt als normale tekst.

Op pagina https://awd.waternet.nl/mijn-awd/account-aanmaken staat onder het veld "Wachtwoord" de tekst "Het ingevulde wachtwoord voldoet niet aan de vereisten.", ook als nog geen waarde is ingevuld of als een goed wachtwoord is ingevuld. Dit geldt ook voor "De waarde komt niet overeen met die van het eerste wachtwoord." bij het veld "Herhaal Wachtwoord". Dit is verwarrend voor bezoekers met een cognitieve beperking. Zorg dat deze tekst alleen verschijnt als de ingevulde waarde niet goed is of wijzig het naar bijvoorbeeld "Het wachtwoord moet:", zoals op de inlogpagina wel goed is gedaan.
Overigens is het wel goed dat de wachtwoordeisen getoond en voorgelezen worden. Die moeten wel blijven staan.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/ staat een videospeler van YouTube. Als hierin met het toetsenbord wordt genavigeerd, is de focusindicator meerdere malen niet zichtbaar. De focus mag niet verborgen worden, want zo kunnen ziende toetsenbordgebruikers de oriëntatie kwijtraken.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Hierin staat linksonder een link naar de website van Cookiebot. Deze link heeft de naam "Cookiebot van Usercentrics - opent in een nieuw venster" vanwege het aria-label op deze link. De zichtbare tekst "Cookiebot by Usercentrics" komt niet voor in deze naam, wat ervoor zorgt dat deze tekst niet gebruikt kan worden door spraakbedieningssoftware. Het probleem is specifiek dat "by" niet voorkomt in de naam. Dit geldt ook voor hetzelfde logo dat rechtsboven in de cookiemelding verschijnt als de bezoeker kiest voor "Details tonen". Zorg ervoor dat de zichtbare tekst onderdeel is van de naam van de link.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de PDF op pagina https://app-stwn01saasl702up001.cms.optimizely.com/globalassets/awd/beheer/projecten/bosbeheer-voor-een-gevarieerder-bos/programma-bos-awd-2022-2028-def.pdf staat op pagina 6 een alinea in het Engels. Dit is een andere taal dan de taal van het document. Hiervoor moet een taalwisseling worden toegevoegd, bijvoorbeeld door de tags te markeren in deze andere taal. Ook kan in MS Word deze alinea worden geselecteerd en vervolgens aangegeven dat dit Engelstalig is.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/beleef/fotos staan meerdere selectievakjes onder "Filter" en "Categorieën". Zodra een selectievakje aangevinkt is, ververst de pagina direct en komt de focus bovenaan de pagina. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers. Maak gebruik van een knop waarmee bezoekers zelf het filteren controleren of gebruik asynchrone JavaScript-functionaliteit die de selectie aanpast. Gebruik bij dit laatste ook een 'live-region' waar je aan de bezoeker duidelijk maakt dat er iets is gewijzigd (via hulpsoftware).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als de bezoeker is ingelogd, kan hij op pagina https://awd.waternet.nl/beleef/fotos/5000589-haarmos een reactie plaatsen. Als met het toetsenbord langs het veld genavigeerd wordt of als op de knop "Verstuur" geklikt wordt zonder een reactie, verschijnt de melding "Plaats uw reactie" onder het veld. Dit is geen goede foutmelding, maar eerder een instructie. Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld 'Plaats uw reactie' is niet ingevuld".
Overigens is het te overwegen om dit veld niet verplicht te maken, want nu verschijnt de melding ook als de bezoeker niet eens van plan was om een reactie achter te laten. De melding wordt dan ook voorgelezen door schermlezers.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/shop/ staan meerdere invoervelden bij "Jaarkaarten" en "Extra's", waarin het aantal kaarten getoond en ingevoerd kan worden. Deze invoervelden hebben nu geen naam. Geef ze een naam, bijvoorbeeld zoals onder "Dagkaarten" wel goed is gedaan.

Advies: op meerdere pagina's - waaronder https://awd.waternet.nl/, https://awd.waternet.nl/beleef/wandelroutes/ en https://awd.waternet.nl/nieuws/ - staan blokken met nieuwsberichten, wandelroutes, activiteiten etc. Elk blok heeft ook een decoratieve afbeelding. Deze afbeeldingen zijn voorzien van het attribuut role="presentation", waarschijnlijk om ze te verbergen voor schermlezers. Deze manier wordt echter (nog) niet door alle schermlezers ondersteund. Daarom kan hiervoor in de plaats beter aria-hidden="true" worden gebruikt of een alt-attribuut met een lege waarde (alt="").

Advies: op pagina https://awd.waternet.nl/beleef/wandelroutes/bunkerroute/ worden details- en summary-elementen gebruikt om content te tonen of te verbergen. In het summary-element staat ook de onzichtbare tekst "open". Dat is op zich goed bedacht, maar kan wel verwarrend zijn: is het open of kun je het openen? Deze tekst wijzigt ook niet als je de content weer verbergt. Deze tekst kan net zo goed weggelaten worden, want de details- en summary-elementen geven standaard al de juiste status (open of gesloten) aan.
Dit kan vaker voorkomen.

Advies: als de website https://awd.waternet.nl/ voor het eerst wordt bezocht, staat onderin een cookiemelding van Cookiebot. Als de bezoeker hierin kiest voor "Details tonen" verschijnt een nieuw dialoogvenster met daarin een tablist met de tabbladen "Toestemming", "Details" en "Over". Deze tablist is grotendeels toegankelijk opgemaakt, maar het element met role="tablist" mist nog een naam. Dit is niet direct een afkeur, maar het is beter om een naam toe te voegen, bijvoorbeeld met aria-labelledby of aria-label.

Advies: op alle pagina's van de website https://awd.waternet.nl/ staan vijf nav-elementen, waarvan slechts één een unieke naam heeft gekregen. Deze nav-elementen zijn zogenaamde landmark-rollen. Als er meerdere dezelfde landmark-rollen aanwezig zijn, is het beter om deze een unieke naam te geven, zodat ze beter te onderscheiden zijn. Daarom kan beter een unieke naam toegevoegd worden, bijvoorbeeld via aria-labelledby of aria-label. Er is vaak wel een h2-element aanwezig binnen de nav-elementen, maar die geven de landmarks nog geen naam.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://awd.waternet.nl/mijn-awd/account-aanmaken kan een verificatie van Cloudflare verschijnen waarin de bezoeker moet aangeven dat hij een mens is. Als de bezoeker dit niet doet en vervolgens op "Opslaan en naar bevestiging" klikt, verschijnt de tekst "Geef aan dat je een mens bent". De toetsenbordfocus blijft op de knop staan en de tekst wordt niet voorgelezen. Maak gebruik van aria-live of verplaats de focus naar het veld dat moet worden ingevuld.
Dit probleem komt ook voor op pagina https://awd.waternet.nl/mijn-awd/inloggen.

Als op pagina https://awd.waternet.nl/shop/checkout/contact-gegevens twee verschillende e-mailadressen worden ingevuld en vervolgens op "Verstuur" wordt geklikt, verschijnt de foutmelding "Er ging iets mis De waarden van de e-mailadressen komen niet overeen." in beeld, terwijl de toetsenbordfocus op de knop blijft staan. Deze melding wordt niet voorgelezen. Maak gebruik van aria-live of verplaats de focus naar het veld dat moet worden ingevuld.
Dit probleem kan ook op andere pagina's voorkomen.