Rapport:
Audit digitale toegankelijkheid website Waterschap

Uitkomst: Onvoldoende

Bevindingen: Op bijna elke pagina binnen de steekproef, bijvoorbeeld op pagina https://www.waternet.nl, staat bovenaan het logo van Waternet Gemeente Amsterdam. Het tekstalternatief is "Logo — Naar de homepage". Omdat in dit tekstalternatief niet benoemd wordt om welk logo het gaat, is dit onvoldoende beschrijvend. Dit kan worden opgelost door alle visuele informatie in het tekstalternatief op te nemen, zodat dit bijvoorbeeld "Logo Waternet gemeente Amsterdam - naar de homepage" wordt. Zie ook succescriterium 2.5.3.
Deze situatie komt nogmaals voor bij het logo in de footer. Op pagina https://www.waternet.nl/en/ gaat dit wel goed.

Op pagina https://www.waternet.nl/ staan onder de kop "Nieuws en artikelen" afbeeldingen en koppen. Deze afbeeldingen hebben een alternatieve tekst die hetzelfde is als de bijbehorende kop, zoals "Denk vooruit en bereid u voor". Deze alternatieve teksten omschrijven de afbeeldingen niet. Deze situatie kan verwarrend zijn voor bezoekers die het scherm niet kunnen zien en een schermlezer gebruiken; dezelfde tekst wordt momenteel namelijk twee keer voorgelezen. De afbeeldingen waar het hier om gaat, kunnen worden beschouwd als decoratief en hebben daarom geen alternatieve tekst nodig. Dit kan worden opgelost door de afbeeldingen een leeg alt-attribuut te geven (alt="") of de afbeeldingen van een beschrijvend tekstalternatief te voorzien.
Deze situatie komt ook voor bij de afbeelding naast de kop "Over ons water" (op dezelfde pagina) en op pagina https://www.waternet.nl/en.

Op pagina https://www.waternet.nl/actueel staan nieuwsberichten en blogposts met afbeeldingen. Sommige afbeeldingen hebben geen goed tekstalternatief. De afbeelding bij het nieuwsbericht "Wandel mee en ontdek waar drinkwater begint" heeft het tekstalternatief "duin-en-dorst-16-9". Dit lijkt de bestandsnaam te zijn en omschrijft niet goed wat er op de afbeelding te zien is. Andere tekstalternatieven zijn bijvoorbeeld "hoofdkantoor-waternet-2025", "gaanmetdiekraan" en "25208-infographics-jaaroverzicht-1920x700-005-kaders-WT". De afbeeldingen waar het hier om gaat, kunnen worden beschouwd als decoratief en hebben daarom geen alternatieve tekst nodig. Dit kan worden opgelost door de afbeeldingen een leeg alt-attribuut te geven (alt="") of de afbeeldingen van een beschrijvend tekstalternatief te voorzien.

Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij/ staat een afbeelding met het tekstalternatief "twee-waternet-wagens-midden-in-amsterdam.jpg". Dit is een bestandsnaam en is geen goed tekstalternatief. Dit kan worden opgelost door het tekstalternatief aan te passen naar bijvoorbeeld "Twee Waternet wagens rijden door een straat in Amsterdam" of iets dergelijks.

Op pagina https://www.waternet.nl/en/ staat bij de kop "Manage affairs online" een afbeelding met het tekstalternatief "Mijn waternet". Dit tekstalternatief omschrijft de afbeelding niet. Daarbij is het een Nederlands tekstalternatief op een Engelse pagina. Omdat deze afbeelding kan worden beschouwd als decoratief, kan dit worden opgelost door het tekstalternatief te verwijderen en een leeg alt-attribuut (alt="") te gebruiken.
Deze situatie komt ook voor op pagina https://www.waternet.nl/.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bij de stap "Wat is uw meterstand?" een img-element zonder alt-attribuut. Een img-element moet altijd een alt-attribuut hebben. In dit geval staat alle informatie die in de afbeelding te zien is ook als tekst naast de afbeelding, dus kan de afbeelding worden beschouwd als decoratief. Dit kan daarom worden opgelost door een leeg alt-attribuut (alt="") toe te voegen aan het img-element.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen kan een foutmelding verschijnen met de tekst "Er gaat helaas ... met onze klantenservice.". Bij deze foutmelding staat een x-icoon om de foutmelding te sluiten. Dit icoon heeft geen tekstalternatief. Dit kan worden opgelost door een beschrijvend tekstalternatief toe te voegen, bijvoorbeeld "Foutmelding sluiten". Deze fungeert dan ook als beschrijvende toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.

In het PDF-document "Algemene Voorwaarden Drinkwater" op pagina https://www.waternet.nl/siteassets/service/algemene-voorwaarden/algemene-voorwaarden-drinkwater-2026.pdf staat op de eerste pagina het logo van Waternet. Het tekstalternatief is "Logo Waternet". In het logo is ook de tekst "gemeente amsterdam" te zien. Deze informatie ontbreekt momenteel in het tekstalternatief. Dit kan worden opgelost door het tekstalternatief aan te passen naar "Logo Waternet gemeente Amsterdam". Op de eerste pagina staat ook een sfeerafbeelding met het tekstalternatief "Stylistische afbeelding van helder opspattend drinkwater". Deze afbeelding kan worden beschouwd als decoratief; het advies is daarom om deze afbeelding als Artefact te markeren, zodat deze wordt overgeslagen door hulpsoftware.

Advies: In het navigatiemenu op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater staan decoratieve afbeeldingen bij de menu-onderdelen "Gegevens" en "Rekeningen". Deze decoratieve afbeeldingen hebben dezelfde alternatieve tekst als de visuele tekst van het menu-onderdeel, waardoor de tekst van het menu-onderdeel dubbel wordt voorgelezen. Dit is overbodige informatie. Deze afbeeldingen kunnen beter worden verborgen voor hulpsoftware, bijvoorbeeld via aria-hidden="true" op het svg-element. Andere oplossingen zijn ook mogelijk.
Een soortgelijke situatie komt ook voor bij de "English" link.

Advies: Op pagina https://www.waternet.nl/mijn-waternet staan twee decoratieve afbeeldingen met de alternatieve tekst "Drinkwater". Deze afbeeldingen zijn in een button-element geplaatst waarbij de alternatieve tekst "Drinkwater" onderdeel is van de toegankelijkheidsnaam. Dit zorgt mogelijk voor verwarring bij bezoekers die een schermlezer gebruiken. Deze situatie kan worden verbeterd door de afbeeldingen een leeg alt-attribuut (alt="") te geven.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video. Op minuut 2:10 verschijnt het logo van 'Waternet, waterschap amstel gooi en vecht gemeente amsterdam' in beeld en op minuut 2:14 verschijnt informatie over de productie van de video in beeld. Deze visuele informatie is momenteel niet beschikbaar voor bezoekers die de video niet kunnen zien. Daarom moet de video een media-alternatief krijgen, zoals een transcript, waarin alle gesproken en visuele informatie is opgenomen. Ook kan er een audiodescriptie worden toegevoegd, waarmee ook meteen wordt voldaan aan succescriterium 1.2.5. Het is het beste om beide toe te voegen, omdat mensen met zowel een auditieve als visuele beperking afhankelijk zijn van een transcript.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video. Op minuut 2:10 verschijnt het logo van 'Waternet, waterschap amstel gooi en vecht gemeente amsterdam' in beeld en op minuut 2:14 verschijnt informatie over de productie van de video in beeld. Deze visuele informatie is momenteel niet beschikbaar voor bezoekers die de video niet kunnen zien. Dit kan worden opgelost door een audiodescriptie toe te voegen aan de video.

Uitkomst: Onvoldoende

Bevindingen: Op de meeste pagina's van https://www.waternet.nl/ staat in het navigatiemenu de knop "Zoeken". Hiermee wordt een dialoogvenster geopend waarin de zoekfunctie gebruikt kan worden. Hierin staat de tekst "Veelgezocht" boven een aantal links. Deze tekst ziet eruit als een kop en zegt iets over de links eronder. Deze visuele relatie wordt nu niet overgebracht in de code. Los dit op door van "Veelgezocht" een kop te maken.

Op pagina https://www.waternet.nl/werkzaamheden wordt in het navigatiemenu aangegeven op welke pagina de bezoeker zich bevindt doordat het menu-onderdeel "Werk in uitvoering" is onderstreept. Deze informatie is visueel beschikbaar, maar is niet beschikbaar voor bezoekers die het scherm niet kunnen zien. Ook is er geen toegankelijk alternatief voor deze informatie, bijvoorbeeld in de vorm van een broodkruimelpad of een overeenkomende h1-kop. Zorg ervoor dat deze informatie ook in de code of in tekst aanwezig is. Dit kan worden opgelost door een h1-kop "Werk in uitvoering" toe te voegen bovenaan de hoofdcontent op de pagina. Een alternatief kan zijn om aria-current="true" te plaatsen op de link van de huidige pagina in het navigatiemenu.

Op pagina https://www.waternet.nl/werken-bij/vacatures staat een vacatureoverzicht. Deze is onderverdeeld in verschillende categorieën, zoals "Techniek" en "IT". De vacatures onder elke categorie zijn nu zodanig opgemaakt dat duidelijk is wat de structuur is van de content. Visueel is dat wel duidelijk doordat ze gescheiden zijn met witruimte en een vetgedrukte functietitels hebben. Deze vetgedrukte functietitels, zoals "Werkvoorbereider/ toezichthouder BCT", zijn opgemaakt met een strong-element. Dit strong-element is bedoeld om één of meer woorden in een lopende tekst nadruk te geven, niet om kopteksten mee aan te duiden. Dit kan op verschillende manieren worden opgelost. Bijvoorbeeld door de strong-elementen te wijzigen naar echte kopteksten, bijvoorbeeld h3. Dit moet sowieso gebeuren. Daarnaast kunnen de functies in een opsommingslijst (ul- en li-elementen) geplaatst worden, zodat ook in de code duidelijk is hoeveel functies er zijn.

Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij staat de koptekst "Onze kernwaarden". Deze is terecht opgemaakt als h2-kop, maar is daarnaast ook opgemaakt met een strong-element. Het strong-element is hier niet voor bedoeld, maar alleen om één of meer woorden in een lopende tekst nadruk te geven. Dit kan worden opgelost door het strong-element te verwijderen en bijvoorbeeld CSS te gebruiken voor de visuele weergave.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bij de stap "Kies uw adres" de tekst "Mijn adres staat er niet bij". Deze is volledig opgemaakt met een strong-element. Dit brengt niet de juiste semantische betekenis over. Dit kan worden opgelost door het strong-element te verwijderen en een h2-element voor deze tekst te gebruiken. Ook het adres is onjuist opgemaakt met een strong-element. Verwijder hier het strong-element en gebruik bijvoorbeeld CSS voor de visuele weergave.
Vergelijkbaar gebruik van het strong-element komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet bij de tekst "Regel uw belastingzaken voortaan op agv.nl" en bij diverse teksten op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen en https://www.acc.waternet.nl/mijn-waternet/drinkwater/.

Op pagina https://www.waternet.nl/service-en-contact/drinkwater/kosten/zonder-watermeter/ staat een tabel met de visuele kolomkoppen "Eenheden", "Kosten per maand" en "Kosten per 3 maanden". Momenteel zijn deze opgemaakt met td-elementen en strong-elementen. Hierdoor kan de relatie tussen de kolomkoppen en de bijbehorende cellen niet programmatisch worden bepaald. Ook is het strong-element niet bedoeld voor het verkrijgen van een visuele weergave, maar alleen om één of meer woorden in een lopende tekst nadruk te geven. Wijzig de tabelkoppen naar th-elementen en verwijder de strong-elementen.

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staat onder de koptekst "Soort contract" een select-element zonder programmatisch gekoppeld label. Hierdoor is het doel van het element niet voor iedereen (zoals schermlezergebruikers) duidelijk en heeft het element ook geen toegankelijkheidsnaam (zie succescriterium 4.1.2). Dit kan worden opgelost door een label-element met de tekst "Soort contract" te koppelen aan het select-element via het for-attribuut of door aria-labelledby te gebruiken om te verwijzen naar de al aanwezige koptekst.

Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij staat een subnavigatie die er visueel uitziet als ongeordende lijst, maar in de code niet als dusdanig is opgemaakt. Dit kan worden opgelost door een ul-element en li-elementen te gebruiken binnen het nav-element.

Op pagina https://www.waternet.nl/contact staan de koppen "Rekening", "Verhuizen" en "Meterstand". Hieronder staat steeds een lijst. Vervolgens staat er één losse link, bijvoorbeeld "Meer over rekeningen". Deze links zijn nu als lijst opgemaakt, maar dat is hier niet logisch, omdat er nu lijsten staan met maar één item. Verwijder de lijst bij deze losse links.

Op pagina https://www.waternet.nl/ons-water/grondwater/ staat de link "Omgevingsprogramma Riolering 2022-2027 (pdf, 24,9 MB)". Deze link is opgemaakt als lijst. Dit is niet logisch, omdat de lijst maar één item heeft. Dit kan worden opgelost door de lijst te verwijderen.

Op pagina https://www.waternet.nl/over-ons/bestuur-en-governance/ staat een afbeelding van de bestuurders. Onder de afbeelding staat de tekst "Yvonne Jakobs, Bennie Rusken en Eric van den Bos", opgemaakt met een em-element. Het em-element is bedoeld om de klemtoon aan te geven binnen een zin en niet voor het creëren van een visuele weergave, zoals hier wel het geval lijkt te zijn. Dit kan worden opgelost door het em-element te verwijderen en bijvoorbeeld CSS of het i-element te gebruiken voor de visuele weergave.
Deze situatie komt ook voor op pagina https://www.waternet.nl/contact/email-sturen/ bij de tekst "Uw telefoonnummer is niet verplicht, maar vaak kunnen wij uw vraag sneller per telefoon beantwoorden.".

Op pagina https://www.waternet.nl/werken-bij/vacatures/werkvoorbereider-toezichthouder-bct/ staan de visuele kopteksten "Deze vacature in het kort", "Werken bij Waternet" en "Heb je nog vragen?". Deze zijn momenteel opgemaakt met div-elementen. Hierdoor is niet voor iedereen duidelijk dat dit kopteksten zijn, zoals voor bezoekers die een schermlezer gebruiken. Gebruik kop-elementen (h1-h6) voor deze teksten.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen staat een tabel met rekeningen. Elke rij heeft een apart element met role="rowgroup". Deze rol is niet bedoeld voor individuele rijen, maar voor alle datarijen samen. Deze opmaak brengt de tabelstructuur niet goed over aan bezoekers die hulpsoftware gebruiken. Dit kan mogelijk worden opgelost door alle rijen samen in één element met role="rowgroup" te plaatsen. Het zou nog beter zijn om de tabel in het geheel met native HTML-elementen op te maken.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen staat het uitklapbare element "Ik heb geen watermeter. Hoe wordt mijn rekening bepaald?". Wanneer deze wordt uitgeklapt, verschijnt er aanvullende informatie met meerdere ongeordende lijsten. In deze lijsten begint elk lijstitem met een koppelteken (-). Deze koppeltekens zijn puur visueel bedoeld, maar staan wel in de tekst en worden daardoor voorgelezen door een schermlezer ("koppelteken"). Dit kan worden opgelost door de koppeltekens uit de tekst te verwijderen en het opsommingsteken via CSS op te maken.
Deze situatie komt vaker voor op deze pagina en op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen staan meerdere uitklapbare elementen. De tekst binnen het uitklapbare element "Wat is het rekeningnummer van Waternet?" is opgemaakt met één p-element en meerdere br-elementen voor witregels, terwijl het er visueel uitziet als meerdere alinea's. De alineastructuur is hierdoor niet programmatisch te bepalen. Gebruik voor elke alinea een apart p-element.
Deze situatie komt bij meerdere uitklapbare elementen op deze pagina voor en komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ kan de bezoeker gegevens aanpassen. Wanneer de "Aanpassen Contactgegevens" knop wordt geactiveerd, verschijnt er een venster met de invoervelden "E-mailadres" en "Telefoonnummer". Wanneer deze worden leeggelaten, verschijnen de meldingen "Vul uw e-mailadres in" en "Dit is een verplicht veld". Deze meldingen zijn niet aan de invoervelden gekoppeld in de code. Hierdoor hoort een bezoeker die een schermlezer gebruikt de foutmelding niet automatisch wanneer het invoerveld focus krijgt. De invoervelden hebben beide een aria-describedby-attribuut maar dat heeft een lege waarde en de foutmelding heeft geen id. Dit kan worden opgelost door een id toe te voegen aan de foutmelding en deze waarde in te vullen bij het aria-describedby-attribuut op het invoerveld.
Deze situatie komt ook voor binnen het "Aanpassen betaalgegevens" venster. Ook op pagina https://www.waternet.nl/contact/email-sturen/, op pagina https://www.acc.waternet.nl/mijn-waternet/ en binnen het proces op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden zijn de foutmeldingen niet aan de invoervelden gekoppeld in de code.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ kan de bezoeker gegevens aanpassen. Wanneer de "Aanpassen Contactgegevens" knop wordt geactiveerd, verschijnt er een venster met de tekst "Postadres" en hieronder een adres. De onderlinge relatie tussen deze teksten zijn visueel duidelijk, maar niet in de code vastgelegd. Maak de tekst "Postadres" op als koptekst, bijvoorbeeld met een h3-element.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij de stap "Is dit uw adres?" staan de teksten "Adres" en "Datum ontvangen van sleutel" met hieronder de bijbehorende informatie. De relatie tussen deze teksten is visueel duidelijk, maar niet vastgelegd in de code. Hierdoor is deze onderlinge relatie niet duidelijk voor bezoekers die hulpsoftware gebruiken, zoals een schermlezer. Dit kan worden opgelost door hier gebruik te maken van een definitielijst, zoals op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ goed is gedaan.
Deze situatie komt bij meerdere stappen binnen dit proces voor, zoals bij de stap "Kloppen uw kosten?".

Het PDF-document "Wet normering topinkomens (WNT)" op pagina https://www.waternet.nl/siteassets/over-ons/jaarrekeningen/bijlage-wnt-2024-waternet.pdf heeft een codelaag. Dat is op zich goed, maar niet alle codes zijn correct. Voor de gehele inhoud van het PDF-document worden Table-tags gebruikt. Ook de tabellen zelf worden in de codelaag onderverdeeld over meerdere Table-tags. Dit brengt niet de juiste semantische structuur over aan bezoekers die hulpsoftware gebruiken, zoals een schermlezer. Dit kan worden opgelost door voor de tekst "Wet normering topinkomens (WNT)" een H1-tag te gebruiken, voor dezelfde tekst op pagina 2 en 3 een H2-tag, de tabellen op te maken met enkele Table-tags en voor de overige alinea content P-tags te gebruiken.

Het PDF-document "Algemene Voorwaarden Drinkwater" op pagina https://www.waternet.nl/siteassets/service/algemene-voorwaarden/algemene-voorwaarden-drinkwater-2026.pdf heeft een codelaag. Dat is op zich goed, maar niet alle codes zijn correct. Op de eerste pagina staat de koptekst "Algemene voorwaarden drinkwater". Deze is opgemaakt met drie aparte H1-tags, terwijl het één koptekst is. Plaats de volledige koptekst onder één H1-tag. Op pagina 3 staat de koptekst "Artikel 1 - Begripsomschrijving en toepasselijkheid". Hiervoor wordt een H1-tag gebruikt, maar omdat de hoofdtitel van het document al een H1 heeft, zou het beter zijn om voor artikelkoppen een H2-tag te gebruiken. Dit wordt niet afgekeurd, maar het zorgt wel voor een logischere koptekststructuur. De lidnummers binnen de artikelen worden wisselend opgemaakt; soms met een P-tag, soms als lijst. Dit brengt niet de juiste semantische structuur over. Voor artikel 1 kan een lijst worden gebruikt voor de leden 1 tot en met 4. Binnen lid 1 staan begripsomschrijvingen die als geneste lijst binnen het eerste lijstitem kunnen worden opgemaakt. Voor artikel 2 geldt hetzelfde, waarbij bij lid 3 een geneste lijst wordt gebruikt voor de subpunten a tot en met h.
Vergelijkbare problemen komen op elke pagina binnen het PDF-document voor.

Advies: Op pagina https://www.waternet.nl/zakelijk staan meerdere h1-koppen, namelijk "Service voor zakelijke klanten" en "Veelbezocht". Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken en bijvoorbeeld via de koppenlijst navigeren. Een h1-kop geeft altijd het hoofdonderwerp van de pagina aan en bij meerdere h1-koppen kan het moeilijk te achterhalen zijn wat het hoofdonderwerp van de pagina is. Het is daarom beter om één h1-kop op een pagina te gebruiken. Voor "Veelgezocht" kan een h2-kop gebruikt worden.
Deze situatie komt op meer pagina's binnen de steekproef voor, zoals op pagina https://www.waternet.nl/contact en op pagina https://www.waternet.nl/service-en-contact/drinkwater/kosten/zonder-watermeter/.

Advies: Op pagina https://www.waternet.nl/werken-bij/vacatures/ staan onder de koptekst "Vakgebied" een aantal checkboxen. Het zou beter zijn om voor deze groep checkboxen een fieldset- en legend-element (met het groepslabel "Vakgebied") te gebruiken, in plaats van alleen de huidige koptekst "Vakgebied" erboven. Op die manier wordt het groepslabel per checkbox voorgelezen door de schermlezer.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/actueel/ staan blokken met een afbeelding, een datum, een kop en tekst. Als deze blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de afbeelding en datum horen. Zorg ervoor dat content die bij een bepaalde kop hoort in de code onder deze kop staat. Plaats de kop in de code daarom boven de afbeelding en datum. Visueel mag deze indeling wel aangehouden worden.

Op de eerste pagina van het PDF-document "Algemene Voorwaarden Drinkwater" op https://www.waternet.nl/siteassets/service/algemene-voorwaarden/algemene-voorwaarden-drinkwater-2026.pdf staat in de codelaag als eerste element een afbeelding met het tekstalternatief "Stylistische afbeelding van helder opspattend drinkwater", vóór de titel "Algemene Voorwaarden Drinkwater". Hierdoor wordt de alternatieve tekst van de afbeelding voorgelezen voordat de titel van het document wordt voorgelezen, wat geen logische leesvolgorde is. Omdat de afbeelding als decoratief zou kunnen worden beschouwd, kan dit worden opgelost door de afbeelding als Artefact te markeren, waardoor deze door hulpsoftware wordt genegeerd en de titel als eerste wordt voorgelezen.

Uitkomst: Voldoende

Bevindingen: Advies:
Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ staat de tekst "Bekijk hieronder uw gegevens en instellingen". De gegevens en instellingen waarnaar verwezen wordt staan echter niet direct onder deze verwijzing. Omdat er ook een koptekst "Uw gegevens" aanwezig is, is de verwijzing niet uitsluitend afhankelijk van de locatie en wordt dit niet afgekeurd. Het zou echter wel beter zijn om dit aan te passen naar bijvoorbeeld "Bekijk hier uw gegevens en instellingen". Een soortgelijke situatie komt voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen bij de tekst "Bekijk hieronder uw rekeningen".

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/contact/email-sturen/ staat een contactformulier met invoervelden waar persoonlijke gegevens van de bezoeker moeten worden ingevuld, zoals "Uw naam" en "E-mailadres". Er ontbreekt momenteel een autocomplete-attribuut bij deze en dergelijke invoervelden. Het autocomplete-attribuut is hier nodig, zodat browsers en hulpsoftware ondersteuning kunnen geven bij het invullen van deze invoervelden. Dit maakt het invullen van het contactformulier eenvoudiger, in het bijzonder voor bezoekers met cognitieve en/of motorische beperkingen. Zie pagina https://www.w3.org/TR/wcag/#input-purposes voor de toepassing van dit attribuut en de bijbehorende waarden.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/accountgegevens kunnen de inloggegevens worden aangepast. Wanneer de "Aanpassen" knop (naast "Logingegevens") wordt geactiveerd, opent er een venster waar een nieuw wachtwoord kan worden ingesteld. Het "Nieuw wachtwoord" invoerveld heeft een autocomplete-attribuut met de waarde "false". Dit is geen bestaande of werkende waarde. Daarbij moet voor dit invoerveld de waarde "new-password" worden gebruikt, net zoals bij het invoerveld "Herhaal nieuw wachtwoord" wordt gedaan.
Ook binnen het proces op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden wordt de waarde "false" gebruikt, bijvoorbeeld bij de stap "Wat is uw meterstand?".

Uitkomst: Onvoldoende

Bevindingen: Op bijna elke pagina binnen de steekproef, bijvoorbeeld op pagina https://www.waternet.nl, staat een knop "Start chat" waarmee een chatfunctie geopend kan worden. Als hierin een bericht, bijvoorbeeld "Test" wordt gestuurd, wordt met een lichtblauwe achtergrond aangegeven dat dit een bericht van de bezoeker is. Het bericht van de chatbot wordt aangegeven met een lichtgrijze achtergrond. Kleur is hier de enige indicatie dat deze berichten een andere afzender hebben. Dit kan problemen opleveren voor bezoekers die deze kleuren niet kunnen onderscheiden. Los dit hier bijvoorbeeld op door aan te geven wie een bericht heeft verstuurd, met een tekst als "Berry schrijft:".

Op pagina https://www.waternet.nl/onderhoud-en-storingen/ staat het invoerveld “Zoeken naar postcode of adres”. Als hier een ongeldige waarde, zoals "44444444", wordt ingediend, worden de randen van het invoerveld rood. Hier is alleen kleur gebruikt om informatie over te brengen. Dit kan worden opgelost door een tekstuele foutmelding toe te voegen die duidelijk aangeeft welke fout er is gemaakt. Zie ook succescriterium 3.3.1.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Bij het eerste bezoek op de website verschijnt onderaan de pagina een cookievenster. Binnen dit venster staat de knop "Ja". Wanneer met de muisaanwijzer over deze knop wordt gegaan, wordt de achtergrond lichter blauw. De witte tekst "Ja" heeft dan een gemeten contrastwaarde van 3,9:1 ten opzichte van deze lichtere kleur blauw (HEX #2D8AB6). Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Deze situatie komt op meer pagina's binnen de steekproef voor, zoals op pagina https://www.waternet.nl/zakelijk bij de knop "Start chat", op pagina https://www.waternet.nl/over-ons/wie-zijn-wij bij de visuele knop "Niet goed" onder de tekst "Wat vindt u van deze pagina?" en op pagina https://www.waternet.nl/werken-bij/vacatures/werkvoorbereider-toezichthouder-bct bij meerdere elementen.

In het navigatiemenu van de website https://www.waternet.nl/ staat een melding met de link "Waterschap Amstel, Gooi en Vecht". Wanneer met de muisaanwijzer over deze link wordt gegaan, wordt de linktekst een lichtere kleur blauw (HEX #2D8AB6). De gemeten contrastwaarde tussen deze lichtblauwe tekst en de lichtgroene achtergrond (HEX #EEF7EE) is 3,5:1. Dit is onvoldoende en moet tenminste 4,5:1 zijn.

Op diverse pagina's binnen de steekproef staan blauwe links op een witte achtergrond, bijvoorbeeld op pagina https://www.waternet.nl/zakelijk/ de links onder de koptekst "Veelbezocht". Wanneer met de muisaanwijzer over deze links wordt gegaan, worden deze lichter blauw. Deze lichtere kleur blauw (HEX #2D8AB6) heeft een gemeten contrastwaarde van 3,9:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Op sommige pagina's, zoals https://www.waternet.nl/service-en-contact/drinkwater/kosten/zonder-watermeter en binnen het proces op https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden, staan deze links op een lichtblauwe achtergrond (HEX #E5F5FC) of een lichtgrijze achtergrond (HEX #FAFAFA). Daar is de contrastratio nog net iets lager. Controleer de hele steekproef op bovenstaande situatie.

Op pagina https://www.waternet.nl/onderhoud-en-storingen/ staat een lijst van storingen. Wanneer een storing is opgelost, staat er onder de koptekst van de betreffende storing de groene tekst "Deze werkzaamheden zijn afgerond". Wanneer met de muisaanwijzer over deze tekst wordt gegaan, wordt de achtergrond lichtgrijs. De gemeten contrastwaarde van de groene tekst (HEX #068900) is 4,4 ten opzichte van de lichtgrijze achtergrond (HEX #FAFAFA). Dit is onvoldoende en moet tenminste 4,5:1 zijn.

In het PDF-document "Algemene Voorwaarden Drinkwater" op pagina https://www.waternet.nl/siteassets/service/algemene-voorwaarden/algemene-voorwaarden-drinkwater-2026.pdf staat op pagina 2 de blauwe tekst "Inhoudsopgave" (HEX #00A0E4) . De gemeten contrastwaarde van deze blauwe tekst is 2,9:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn voor grote tekst.

In het PDF-document "Wet normering topinkomens (WNT)" op pagina https://www.waternet.nl/siteassets/over-ons/jaarrekeningen/bijlage-wnt-2024-waternet.pdf staan tabellen. Hierin staat witte tekst op een blauwe achtergrond (HEX #00A0EF), bijvoorbeeld "Functiegegevens". De gemeten contrastwaarde van deze witte tekst is 2,9:1 ten opzichte van de blauwe achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Deze situatie komt op alle pagina's binnen de PDF voor.

Uitkomst: Onvoldoende

Bevindingen: In het hoofdmenu van de website staat het logo van Waternet met de tekst "Waternet gemeente Amsterdam". Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, verdwijnt deze tekst. Dit is verlies van informatie. Alle informatie die getoond wordt bij een weergave zonder zoom moet ook beschikbaar zijn als er wordt ingezoomd.
https://www.waternet.nl/

Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij staat in de zijbalk een inhoudsopgave. Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, verdwijnt deze inhoudsopgave. Dit is verlies van informatie en functionaliteit.
Deze situatie komt ook voor op pagina https://www.waternet.nl/ons-water/grondwater, op pagina https://www.waternet.nl/service-en-contact/drinkwater/algemene-voorwaarden-drinkwater en op pagina https://www.waternet.nl/over-ons/bestuur-en-governance.

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staan onder de koptekst "Vakgebied" diverse aankruisvakjes en staat onder de tekst "Soort contract" een selectieveld. Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, verdwijnen deze teksten, waardoor het selectieveld geen zichtbaar label meer heeft en de aankruisvakjes geen zichtbare koptekst meer hebben.

Op pagina https://www.waternet.nl/werken-bij/vacatures/werkvoorbereider-toezichthouder-bct/ staat onder de koptekst "Werken bij Waternet" een opsomming met voordelen. Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, verdwijnt deze informatie.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bovenaan het scherm de naam van de ingelogde bezoeker. Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, wordt de volledige naam vervangen door alleen de initialen. Dit is verlies van informatie. Ook staan de initialen boven elkaar, waardoor het er wat verwarrend uitziet. Deze situatie komt voor bij alle stappen binnen dit proces.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij de stap "Meterstand" staan de teksten "U krijgt een e-mail op de verhuisdatum" en "Meterstand". Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024, vallen deze teksten over elkaar heen waardoor deze niet (goed) meer leesbaar zijn.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het navigatiemenu van de website staat het logo van Waternet met de tekst "Waternet gemeente Amsterdam". Als de website wordt bekeken bij een breedte van 320 pixels, verdwijnt deze tekst. Dit is verlies van informatie. Alle informatie die getoond wordt bij een weergave zonder zoom moet ook beschikbaar zijn als er wordt ingezoomd.
https://www.waternet.nl/

Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij staat in de zijbalk een inhoudsopgave. Als de website wordt bekeken bij een breedte van 320 pixels, verdwijnt deze inhoudsopgave. Dit is verlies van informatie en functionaliteit.
Deze situatie komt ook voor op pagina https://www.waternet.nl/ons-water/grondwater, op pagina https://www.waternet.nl/service-en-contact/drinkwater/algemene-voorwaarden-drinkwater en op pagina https://www.waternet.nl/over-ons/bestuur-en-governance.

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staan onder de koptekst "Vakgebied" diverse aankruisvakjes en staat onder de tekst "Soort contract" een selectieveld. Als de website wordt bekeken bij een breedte van 320 pixels, verdwijnen deze teksten, waardoor het selectieveld geen zichtbaar label meer heeft en de aankruisvakjes geen zichtbare koptekst meer hebben.

Op pagina https://www.waternet.nl/werken-bij/vacatures/werkvoorbereider-toezichthouder-bct/ staat onder de koptekst "Werken bij Waternet" een opsomming met voordelen. Als de website wordt bekeken bij een breedte van 320 pixels, verdwijnt deze informatie.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bovenaan het scherm de naam van de ingelogde bezoeker. Als de website wordt bekeken bij een breedte van 320 pixels, wordt de volledige naam vervangen door alleen de initialen. Dit is verlies van informatie. Ook staan de initialen boven elkaar, waardoor het er wat verwarrend uitziet.
Deze situatie komt voor bij alle stappen binnen dit proces.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij de stap "Meterstand" staan de teksten "U krijgt een e-mail op de verhuisdatum" en "Meterstand". Als de website wordt bekeken bij een breedte van 320 pixels, vallen deze teksten over elkaar heen waardoor deze niet (goed) meer leesbaar zijn.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/werkzaamheden wordt in het navigatiemenu aangegeven op welke pagina de bezoeker zich bevindt doordat het menu-onderdeel "Werk in uitvoering" is onderstreept. De gemeten contrastwaarde van deze blauwe streep (HEX #01A5F0) is 2,7:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Er is geen toegankelijk alternatief voor deze informatie op deze pagina. Dit kan worden opgelost door het contrast van de onderstreping te verhogen of een overeenkomende koptekst toe te voegen, zodat er een toegankelijk alternatief is voor deze informatie.

Op pagina https://www.waternet.nl/werkzaamheden staan iconen om de weergave aan te passen, met de tekstalternatieven "Bekijk Projecten in grid weergave" en "Bekijk Projecten in kaart weergave". Het icoon dat niet actief is (HEX #A7A7A7), heeft een contrastwaarde van 2,2:1 ten opzichte van de grijze achtergrond (HEX #F6F6F6). Dit is onvoldoende en moet minimaal 3,0:1 zijn.

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staan onder de koptekst "Vakgebied" een aantal selectievakjes met lichtgrijze randen. De gemeten contrastwaarde van de lichtgrijze randen (HEX #EEEEEE) is 1,2:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn.
Deze situatie komt ook voor op pagina https://www.waternet.nl/contact/email-sturen bij diverse invoervelden, zoals "Uw bericht", dat verschijnt wanneer de stappen worden gevolgd. Deze situatie komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij de stap "Versturen".

Op pagina https://www.waternet.nl/contact/email-sturen/ staat bij de tweede stap van het formulier ("Uw gegevens") een reCAPTCHA. Wanneer de beeldverificatie wordt geactiveerd, verschijnt een venster waarin de bezoeker afbeeldingen moet selecteren. Onder dit venster staan knoppen, bijvoorbeeld om de afbeeldingen te vernieuwen. Wanneer een van deze knoppen toetsenbordfocus ontvangt, wordt de achtergrond lichtgrijs. De gemeten contrastwaarde van deze lichtgrijze kleur (HEX #D8D8D8) is 1,4:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

Advies: Op verschillende pagina's binnen de steekproef, bijvoorbeeld op https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij de stap "U gaat een nieuw adres aanmelden" en bij de stap "Kosten", staan lijsten. Het lijst-icoon is weergegeven als een waterdruppel. Deze heeft onvoldoende contrast met de achtergrond. Omdat het inspringen van de tekst ook een indicatie geeft dat het een lijst is, wordt dit niet afgekeurd, maar het advies is wel om te zorgen dat de lijst-iconen genoeg contrast hebben. Los dit op door de gebruikte kleuren donkerder te maken.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video waarbij sneltoetsen kunnen worden gebruikt. De letter 'M' kan bijvoorbeeld worden gebruikt om het geluid te dempen en weer aan te zetten. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor bezoekers die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor bezoekers die per ongeluk een toets op het toetsenbord indrukken. Dit kan worden opgelost door de sneltoetsen uit te schakelen. Dit kan door middel van het toevoegen van 'disablekb=1' aan de embedcode.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/contact/email-sturen/ staat bij de tweede stap van het formulier ("Uw gegevens") een reCAPTCHA met een tijdslimiet van één minuut. Wanneer deze limiet verstrijkt, wordt de verificatie automatisch gereset en verschijnt een kleine rode tekst die aangeeft dat de verificatie is verlopen. De bezoeker kan deze tijdslimiet niet uitschakelen, aanpassen of verlengen. Daarnaast wordt de bezoeker niet van tevoren geïnformeerd over deze tijdslimiet en er worden geen door software herkenbare meldingen gegeven voor of na het verstrijken ervan. Bezoekers die langer dan één minuut nodig hebben om het formulier in te vullen of te controleren, kunnen hierdoor onverwacht de verificatie opnieuw moeten uitvoeren.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ en op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen is geen mechanisme aanwezig waarmee bezoekers herhalende blokken content (in dit geval het navigatiemenu) kunnen overslaan. Dit kan worden opgelost door een zogeheten skiplink toe te voegen, zoals wel aanwezig is op de rest van de pagina's binnen de steekproef.

Uitkomst: Onvoldoende

Bevindingen: Voor PDF-documenten geldt dat ze een duidelijke titel in de bestandseigenschappen moeten hebben. Het PDF-document "Wet normering topinkomens (WNT)" op pagina https://www.waternet.nl/siteassets/over-ons/jaarrekeningen/bijlage-wnt-2024-waternet.pdf heeft geen documenttitel. Dit kan worden aangepast via de bestandseigenschappen van het PDF-document of in het bronbestand.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/werken-bij/vacatures/ staan filters die na het inzoomen naar 200% of meer achter een filterknop worden geplaatst. Bij activeren van deze knop verschijnt een dialoogvenster. De toetsenbordfocus blijft echter niet binnen dit dialoogvenster, maar gaat door op de achterliggende pagina. Dit zorgt voor een onlogische focusvolgorde. Houd de toetsenbordfocus in het geopende scherm en zorg dat deze niet op de achterliggende pagina kan komen.

Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video. Wanneer de video wordt afgespeeld, kan de toetsenbordfocus terechtkomen op onzichtbare elementen, vermoedelijk aanbevolen video's van YouTube. Onzichtbare elementen mogen geen toetsenbordfocus ontvangen. Dit is waarschijnlijk een beperking van de YouTube-embed en kan mogelijk worden opgelost door de video in te sluiten met de parameter rel=0 om aanbevolen video's te onderdrukken.

Op pagina https://www.waternet.nl/ons-water/grondwater/ staat voor de koptekst "Problemen met grondwater" een lege link zonder href-waarde en zonder tekst. Dit element ontvangt toetsenbordfocus, terwijl het geen functie heeft voor de bezoeker. Dit kan worden opgelost door het element te verwijderen.

Op pagina https://www.waternet.nl/zoek/?q=water staan zoekresultaten, met onderaan de knop "Meer resultaten". Wanneer deze wordt geactiveerd en daarna de toetsenbordfocus wordt verplaatst, gaat deze niet naar de nieuw verschenen content, maar naar de knop "Start chat". Als nieuwe content verschijnt na een actie van de bezoeker, moet de focus bij het verplaatsen daar als eerste heen geplaatst worden. Zo kan iemand makkelijk de nieuw verschenen content vinden.

Uitkomst: Onvoldoende

Bevindingen: Op bijna elke pagina binnen de steekproef staan in de footer een aantal sociale media links onder de koptekst "Volg ons op". Deze hebben als linkdoelen "Instagram", "Facebook", "LinkedIn", "Twitter" en "YouTube". Uit deze linkdoelen blijkt niet dat naar de specifieke pagina's van het Waternet wordt gelinkt. De kop "Volg ons op" erboven is niet voldoende, omdat de links geen context met deze kop hebben. Dit kan worden opgelost door deze informatie in de linkdoelen op te nemen, zodat dit bijvoorbeeld "Facebook Waternet" wordt.
https://waternet.nl/

Op pagina https://www.waternet.nl/zakelijk/ staat onder de koptekst "Contactformulier" de link "Invullen". Uit dit linkdoel wordt niet duidelijk wat precies ingevuld kan worden (het contactformulier). De kop "Contactformulier" erboven is niet voldoende, omdat de links geen context met deze kop hebben. Dit kan worden opgelost door deze informatie in het linkdoel op te nemen, zodat dit bijvoorbeeld "Contactformulier invullen" wordt.

Op pagina https://www.waternet.nl/werken-bij/vacatures/werkvoorbereider-toezichthouder-bct/ staat contactinformatie van de recruiter, waaronder een link met een LinkedIn icoon en het linkdoel "LinkedIn". Deze link leidt momenteel nergens heen, maar als het de bedoeling is dat de link naar het profiel van de recruiter zal leiden, blijkt dit niet uit het huidige linkdoel "LinkedIn". Een beschrijvend linkdoel zou in dit geval "LinkedIn [naam recruiter]" of "Naar LinkedIn-profiel [naam recruiter]" kunnen zijn.

Op pagina https://www.waternet.nl/contact staat het uitklapbare element "Ik wil een betalingsregeling aanvragen. Hoe doe ik dat?". Als dit element is uitgeklapt, staat hier de link "Lees meer". Uit dit linkdoel is niet duidelijk waar de link naartoe leidt. Dit kan worden opgelost door het linkdoel te verduidelijken, bijvoorbeeld: "Lees meer over [onderwerp]".
Deze situatie komt ook voor op pagina https://www.waternet.nl/vragen/ bij diverse "Lees meer" links, en andere vergelijkbare links zoals "Lees wat u kunt doen".

Uitkomst: Onvoldoende

Bevindingen: Alle pagina's op het domein https://www.acc.waternet.nl/mijn-waternet/drinkwater zijn maar op één manier te vinden, dat is via de link naar de pagina. Er moeten minstens twee manieren zijn waarop alle pagina's binnen het domein gevonden kunnen worden, bijvoorbeeld met een sitemap of zoekfunctie op de website.

Uitkomst: Onvoldoende

Bevindingen: In het navigatiemenu van de website staat een melding met een kruis-icoontje als knop. Deze knop heeft het programmatische label "Sluiten". Het is niet duidelijk wat er gesloten wordt. Pas deze aan naar bijvoorbeeld "Melding sluiten".
https://www.waternet.nl/

Op pagina https://www.waternet.nl/zoek/?q=water staat bij elk zoekresultaat de tekst "(U verlaat deze site)". Dit is allereerst niet juist, omdat de meeste links intern zijn. Bovendien is deze tekst ook onderdeel van de kop van elk zoekresultaat, wat de kop onduidelijk maakt. Verwijder deze teksten.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bij de stap "Hoeveel wilt u per 3 maanden betalen?" een "-" en "+" knop. De programmatische labels zijn "Decrease" en "Increase". Dit zijn geen beschrijvende labels, omdat hieruit niet duidelijk wordt hoeveel precies verhoogd/verlaagd wordt. Bovendien is dit Engelse tekst. Dit kan worden opgelost door de labels aan te passen naar bijvoorbeeld "Verhoog/Verlaag het termijnbedrag van [bedrag] naar [bedrag]" zoals op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater binnen het "Aanpassen termijnbedrag" venster goed is gedaan.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staan bij de stap "Versturen" drie knoppen met het visuele label "Aanpassen". De programmatische labels zijn "Aanpassen Aanpassen". Deze labels beschrijven niet wat er precies aangepast kan worden. Ook bevatten deze dubbele informatie, doordat het tekstalternatief "Aanpassen" ook onderdeel is van het label. Dit kan worden opgelost door het icoon te verbergen voor hulpsoftware, en de labels te verduidelijken naar bijvoorbeeld "Aanpassen adres" en "Aanpassen kosten".
Deze situatie komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ binnen het "Aanpassen Contactgegevens" venster.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ kan de bezoeker gegevens aanpassen. Wanneer de "Aanpassen Contactgegevens" knop wordt geactiveerd, verschijnt er een venster met hierin een "Aanpassen" knop. Naast deze knop staat een icoon dat ook het tekstalternatief "Aanpassen" heeft. Dit tekstalternatief wordt onderdeel van de toegankelijkheidsnaam, waardoor dit nu "Aanpassen Aanpassen" is. Deze situatie kan worden verbeterd door het icoon te verbergen voor hulpsoftware.

Advies: Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staan bij de stap "Is dit uw adres?" knoppen met het visuele label "Aanpassen". De programmatische labels van deze knoppen bevatten accolades, zoals "{Adres} aanpassen" en "{Datum ontvangen van sleutel} aanpassen". Deze accolades worden voorgelezen door een schermlezer en zorgen voor verwarring. Het advies is deze tekens te verwijderen uit de labels. Deze situatie komt bij meerdere stappen binnen dit proces voor, zoals bij de stap "Kloppen uw kosten?".

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/contact/email-sturen/ staat bij de tweede stap van het formulier ("Uw gegevens") een reCAPTCHA met een tijdslimiet van één minuut. Wanneer deze limiet verstrijkt, wordt de verificatie automatisch gereset, verschijnt een kleine rode tekst die aangeeft dat de verificatie is verlopen en worden de randen van het selectievakje rood. Nadat de verificatie is verlopen en het selectievakje is gereset, is de toetsenbordfocus op het selectievakje niet meer zichtbaar.

Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video. Wanneer de video wordt afgespeeld, kan de toetsenbordfocus terechtkomen op onzichtbare elementen, vermoedelijk aanbevolen video's van YouTube. Hierdoor is de toetsenbordfocus niet zichtbaar.

Op pagina https://www.waternet.nl/contact/email-sturen/ staat bij de tweede stap van het formulier ("Uw gegevens") een reCAPTCHA. Wanneer de beeldverificatie wordt geactiveerd, verschijnt een venster waarin de bezoeker afbeeldingen moet selecteren. De toetsenbordfocus op de afbeeldingen in dit venster is niet zichtbaar.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op bijna elke pagina binnen de steekproef, bijvoorbeeld op pagina https://www.waternet.nl, staat bovenaan een logo als link van Waternet Gemeente Amsterdam. Het tekstalternatief is "Logo — Naar de homepage". Dit bevat de zichtbare tekst niet. Het gevolg is dat de zichtbare tekst nu niet gebruikt kan worden met spraakbedieningssoftware. Dit kan worden opgelost door alle visuele tekst in het tekstalternatief van de afbeelding op te nemen, zodat dit bijvoorbeeld "Logo Waternet gemeente Amsterdam - naar de homepage" wordt. Zie ook succescriterium 1.1.1.
Deze situatie komt nogmaals voor bij het logo in de footer. Op pagina https://www.waternet.nl/en/ gaat dit wel goed.

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staat onder de koptekst "Soort contract" een select-element zonder programmatisch gekoppeld label. Het selectieveld heeft dus geen toegankelijkheidsnaam en dat betekent dat de zichtbare tekst niet gebruikt kan worden door spraakbedieningssoftware. Dit kan worden opgelost door een label-element met de tekst "Soort contract" te koppelen aan het select-element via het for-attribuut, of door aria-labelledby te gebruiken om te verwijzen naar de al aanwezige koptekst.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bij de stap "Hoeveel wilt u per 3 maanden betalen?" een "-" en "+" knop. De programmatische labels zijn "Decrease" en "Increase". Dit is Engelse tekst. Pas dit aan naar Nederlandse labels, bijvoorbeeld "Verhoog/Verlaag het termijnbedrag van [bedrag] naar [bedrag]" zoals op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater binnen het "Aanpassen termijnbedrag" venster goed is gedaan.

Advies: Op pagina https://www.waternet.nl/en/ is de standaardtaal ingesteld op Engels. Dit is goed! Echter staat onderaan de pagina nog de Nederlandse koptekst "Volg ons op". Het advies is om deze tekst ook te vertalen naar het Engels, zodat de pagina consistent in één taal is.

Advies: Op pagina https://www.waternet.nl/over-ons/wie-zijn-wij staat een subnavigatie met het aria-label "subnavigation". Dit is Engelse tekst op een pagina met een Nederlandse taalinstelling. Omdat dit maar om een enkel woord gaat, wordt dit niet afgekeurd. Het advies is wel het label aan te passen naar "Subnavigatie", zodat de schermlezer dit op de juiste manier uitspreekt.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: Op de Engelstalige pagina https://www.waternet.nl/en/ staan bovenaan de links "About us" en "Our water", in deze volgorde. Op de Nederlandstalige pagina’s is de volgorde precies andersom. Dit zou voor verwarring kunnen zorgen, maar wordt niet afgekeurd, omdat de links naar verschillende pagina's navigeren (Engelstalig en Nederlandstalig). Deze situatie komt ook voor in de footer, met de links "Moving home" en "Submit meter reading" op de Engelstalige pagina en de links "Meterstand doorgeven" en "Verhuizing doorgeven" op de Nederlandstalige pagina. Zorg er bij voorkeur voor dat de volgorde overeenkomt tussen de Engelstalige en Nederlandstalige pagina's.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/contact/email-sturen/ staat een formulier. Als dit formulier met één of meerdere lege velden wordt verstuurd, verschijnen er meldingen, bijvoorbeeld "Veld [veldnaam] is een verplicht veld". Dit is een instructie en geen foutmelding, omdat deze niet aangeeft welke fout er is gemaakt. Een goede foutidentificatie vermeldt welke fout gemaakt is en waar de fout gemaakt is, zoals "Veld [veldnaam] is niet (goed) ingevuld". Ook de melding "Voer een geldig e-mailadres in" is geen goede foutmelding. Bij de eerste stap binnen dit formulier staat het invoerveld "Uw bericht". Wanneer deze wordt leeggelaten en de "Volgende stap" knop wordt geactiveerd, verschijnt de melding "Veld Meterstand is een verplicht veld.", "Veld Storing is een verplicht veld." of "Veld Ik wil contact opnemen over iets anders, namelijk is een verplicht veld.", afhankelijk van de keuze bij "Waarover gaat uw vraag of opmerking?". Deze foutmeldingen kloppen inhoudelijk niet, omdat de naam van het invoerveld niet overeenkomt.

Op pagina https://www.waternet.nl/onderhoud-en-storingen/ staat het invoerveld “Zoeken naar postcode of adres”. Als hier een ongeldige waarde, zoals "44444444", wordt ingediend, worden de randen van het invoerveld rood. Er verschijnt geen foutmelding om de bezoeker te laten weten dat er een fout is opgetreden. Dit kan worden opgelost door een tekstuele foutmelding toe te voegen die duidelijk aangeeft welke fout er is gemaakt. Zie ook succescriterium 1.4.1.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/ kan de bezoeker gegevens aanpassen. Wanneer de "Aanpassen Contactgegevens" knop wordt geactiveerd, verschijnt er een venster met de invoervelden "E-mailadres" en "Telefoonnummer". Wanneer deze worden leeggelaten, verschijnen de meldingen "Vul uw e-mailadres in" en "Dit is een verplicht veld". Dit zijn instructies en geen foutmeldingen. Er is niet duidelijk welke fout is gemaakt, en bij het invoerveld 'Telefoonnummer' ook niet duidelijk waar de fout is gemaakt. Ook de melding "Vul een geldig e-mailadres in" is geen goede foutmelding. Controleer alle "Aanpassen" vensters op vergelijkbare meldingen.
Vergelijkbare foutmeldingen komen ook voor binnen het proces dat start op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden en op pagina https://www.acc.waternet.nl/mijn-waternet/.

Binnen het proces dat start op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden wordt bij meerdere stappen de foutmelding "Er gaat iets fout bij het invullen" gebruikt wanneer er een ongeldige waarde wordt ingevuld. Dit komt bijvoorbeeld voor bij de stap "Wat is uw meterstand?". Dit is geen goede foutmelding, omdat niet duidelijk is wat de fout precies is (en hoe deze gecorrigeerd kan worden). Dit kan worden opgelost door een specifiekere foutmelding toe te voegen, zoals "Dit is een ongeldige meterstand".

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/werken-bij/vacatures/ staat onder de tekst "Soort contract" een selectieveld. Als de website wordt bekeken met 200% zoom bij een schermresolutie van 1280x1024 verdwijnt de tekst "Soort contract" en heeft het veld geen zichtbaar label meer. Zorg ervoor dat dit label zichtbaar blijft na het inzoomen.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.waternet.nl/contact/email-sturen/ staat een formulier. Als bij het veld "E-mailadres" een ongeldige waarde wordt ingevuld, bijvoorbeeld "test", verschijnt de melding "Voer een geldig e-mailadres in". Er wordt niet aangegeven wat een geldig e-mailadres is. Het is beter om deze melding aan te passen naar bijvoorbeeld "Er is geen geldig e-mailadres ingevuld. Controleer of het e-mailadres het volgende formaat heeft: naam@domein.nl".
Deze situatie komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/contactgegevens binnen het "Aanpassen contactgegevens" venster en op pagina https://www.acc.waternet.nl/mijn-waternet/.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In het navigatiemenu van de website staat de knop "Zoeken". Als deze geactiveerd wordt, verschijnt een dialoogvenster. Dit dialoogvenster heeft geen toegankelijkheidsnaam. Meer informatie over een naam aan een dialoogvenster koppelen kan op deze pagina gevonden worden: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/. Dit geldt ook voor het dialoogvenster dat verschijnt wanneer het mobiele menu wordt geopend (bij 200% zoom).

Op de meeste pagina's van https://www.waternet.nl staat een knop met de tekst "Start chat". Hiermee kan een dialoogvenster geopend worden met een chatfunctie. De rol van dit venster kan niet programmatisch worden bepaald. Dit kan worden opgelost door role="dialog" toe te voegen aan het venster dat wordt geopend. Zorg hierbij ook dat het dialoogvenster een toegankelijkheidsnaam heeft, zodat het doel hiervan duidelijk is.

Op de meeste pagina's van https://www.waternet.nl staat een knop met de tekst "Start chat". Hiermee kan een dialoogvenster geopend worden met een chatfunctie. Wanneer dit venster weer wordt gesloten, verandert de toegankelijkheidsnaam van de knop naar "Chat sluiten". Dit is niet logisch, omdat het venster dan al is gesloten. Wanneer de knop dan nogmaals wordt geactiveerd en het venster weer wordt geopend, verandert de toegankelijkheidsnaam weer naar "Start chat". Dit is verwarrend en geeft de status van het venster (geopend of gesloten) niet goed aan. Dit kan worden opgelost door ervoor te zorgen dat de toegankelijkheidsnaam op het juiste moment verandert.

Op pagina https://www.waternet.nl/ons-water/grondwater/ staat een video in een iframe-element. Er ontbreekt momenteel een toegankelijkheidsnaam voor dit iframe-element. Dit kan worden opgelost door een title-attribuut aan het iframe-element toe te voegen met een beschrijvende naam, bijvoorbeeld "Video: Grondwater in Amsterdam".

Op pagina https://www.waternet.nl/werken-bij/vacatures/ staat onder de koptekst "Soort contract" een select-element zonder programmatisch gekoppeld label. Hierdoor heeft het element geen naam. Dit kan worden opgelost door een label-element met de tekst "Soort contract" te koppelen aan het select-element via het for-attribuut of door aria-labelledby te gebruiken om te verwijzen naar de al aanwezige koptekst. Let hierbij op dat het element ook een toegankelijkheidsnaam heeft wanneer de website ingezoomd wordt bekeken.
Deze situatie komt ook voor op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden bij het select-element bij de stap "Hoeveel personen wonen er op uw adres?".

Op pagina https://www.waternet.nl/werkzaamheden staan twee links om de weergave aan te passen, "Bekijk Projecten in grid weergave" en "Bekijk Projecten in kaart weergave". Visueel is duidelijk welke weergave actief is, maar deze status is in de code niet aangegeven. Dit kan worden opgelost door aria-current="true" toe te voegen aan de actieve link.

Bovenaan pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat een div-element dat is opgemaakt met role=progressbar. Deze voortgangsbalk heeft een toegankelijke naam nodig, maar deze ontbreekt nu. Dit kan worden opgelost door een toegankelijke naam toe te voegen, bijvoorbeeld via een aria-label.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden staat bij de stap "Hoeveel wilt u per 3 maanden betalen?" een invoerveld tussen de "-" en "+" knop. Dit invoerveld heeft geen programmatisch gekoppeld label en heeft geen toegankelijkheidsnaam. Dit kan worden opgelost door een label-element met de tekst "Hoeveel wilt u per 3 maanden betalen?" te koppelen aan het invoerveld.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen kan een foutmelding verschijnen met de tekst "Er gaat helaas ... met onze klantenservice.". Bij deze foutmelding staat een knop met een x-icoon om de foutmelding te sluiten. Deze knop heeft geen toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie dat succescriterium voor een mogelijke oplossing.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.waternet.nl/nieuws/2026/mei/wandel-mee-en-ontdek-waar-ons-drinkwater-begint/ staat onderaan de tekst "Wat vindt u van deze pagina?" met hieronder "Goed" en "Niet goed". Wanneer een keuze wordt gemaakt, verschijnt er een invoerveld en de knop "Verzenden". Wanneer de "Verzenden" knop wordt geactiveerd, verschijnt de melding "Bedankt! Dankzij uw feedback ...". Dit is een statusbericht, maar wordt momenteel niet als dusdanig gepresenteerd door hulpsoftware. Dit kan worden opgelost door deze tekst als statusbericht op te maken, bijvoorbeeld met behulp van aria-live="polite".
Deze feedback-functionaliteit komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://www.waternet.nl/service-en-contact/drinkwater/kosten/zonder-watermeter/ en op pagina https://www.waternet.nl/vragen/.

Op pagina https://www.waternet.nl/zoek/?q=water staan zoekresultaten. Onderaan de zoekresultaten staat de knop "Meer resultaten". Wanneer deze wordt geactiveerd, verschijnt de tekst "Bezig met laden...". Dit is een statusbericht, maar is momenteel niet als dusdanig opgemaakt. Hierdoor wordt deze niet gepresenteerd aan bezoekers die hulpsoftware gebruiken, zoals een schermlezer. Dit kan worden opgelost door deze tekst als statusbericht op te maken, bijvoorbeeld via aria-live="polite".

Op pagina https://www.acc.waternet.nl/mijn-waternet/ kan worden ingelogd. Wanneer hier inloggegevens worden ingevuld en de "Inloggen" knop wordt geactiveerd, verschijnt er een laadicoon binnen de knop. Hulpsoftware kan nu niet aan gebruikers communiceren dat de pagina aan het laden is. Dit kan worden opgelost door bijvoorbeeld de tekst "Aan het laden..." toe te voegen aan de knop, en deze als statusbericht op te maken middels aria-live="polite". Dit geldt ook voor het laadicoon dat midden op de pagina verschijnt wanneer de nieuwe pagina wordt geladen.
Deze situatie komt ook voor binnen het proces dat start op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/aanmelden.

Op pagina https://www.acc.waternet.nl/mijn-waternet/drinkwater/rekeningen verschijnt de tekst "Een moment geduld alstublieft, wij halen uw gegevens op" wanneer de rekeningen worden geladen. Dit is een statusbericht, maar is momenteel niet als dusdanig opgemaakt. Hierdoor wordt deze niet gepresenteerd aan bezoekers die hulpsoftware gebruiken, zoals een schermlezer. Dit kan worden opgelost door deze tekst als statusbericht op te maken, bijvoorbeeld via aria-live="polite".

Advies: Op pagina https://www.waternet.nl/werken-bij/vacatures/ kan met de selectievakjes worden gefilterd welke vacatures worden getoond. Wanneer een selectievakje wordt geselecteerd, verandert het aantal getoonde vacatures. Dit is visueel duidelijk, maar wordt niet expliciet doorgegeven aan bezoekers die hulpsoftware gebruiken, zoals een schermlezer. Om deze situatie te verduidelijken voor deze bezoekers, kan een element worden toegevoegd dat het aantal resultaten communiceert via aria-live.

Advies: Op de meeste pagina's van https://www.waternet.nl staat een knop met de tekst "Start chat", waarmee een dialoogvenster met een chatfunctie kan worden geopend. Wanneer een bezoeker een nieuw bericht ontvangt, worden alle berichten in de chat voorgelezen door de schermlezer in plaats van alleen het nieuw ontvangen bericht. Hierdoor is het moeilijk om het gesprek goed te volgen. Omdat de wijziging wel wordt doorgegeven aan hulpsoftware, wordt dit niet afgekeurd. Het zou echter wel beter zijn om alleen het laatst ontvangen bericht voor te laten lezen.