Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Wereld Waternet


Onderzoeker
Yulia, Swink; Kaylee, Swink
Datum
12 mei 2023
Opdrachtgever
Stichting Waternet

Samenvatting onderzoeksresultaat

De website Wereld Waternet voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 19 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website wereldwaternet.nl is onderzocht tussen 2 en 12 mei 2023. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

De meest opvallende bevindingen zijn:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Wereld Waternet
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op wereldwaternet.nl
  • Alle PDF's op wereldwaternet.nl
  • De interface van de chatfunctionaliteit. De chatfunctionaliteit was nog niet werkend ten tijde van het onderzoek.
Buiten de scope:
  • De pagina's op e-cademy.worldwaternet.nl . Dit vereist een apart onderzoek.
  • Overige subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 11 9 0
2 Bedienbaar 11 6 0
3 Begrijpelijk 9 1 0
4 Robuust 0 3 0
Totaal 31 19 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Bovenaan elke pagina staat het logo van Wereld Waternet. Het logo heeft geen alternatieve tekst, maar dit is wel nodig. Blinde bezoekers weten nu niet wat op de afbeelding te zien is. Voeg een alternatieve tekst toe, bijvoorbeeld aan het aria-label dat op de link is meegegeven maar leeg is gelaten. Hierin moet minimaal de visueel zichtbare tekst 'Wereld Waternet' voorkomen. Omdat de afbeelding ook als link is gebruikt, is het een best practice om ook het linkdoel toe te voegen, bijvoorbeeld 'naar Home'.

Op de pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/ staan meerdere foto's. In de alt-tekst van deze foto's staan teksten die er niet horen, zoals '005' in 'Frodo van Oostveen 005' en '2 klein' in 'Marieke van Nood 2 klein'. Verwijder deze teksten.
Dit probleem komt op meerdere pagina's voor, zoals pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/frodo-van-oostveen/ in de alt-tekst 'Frodo van Oostveen 005.jpg' en op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ bij 'Marieke van Nood 2 klein'.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Gelieerd aan Waternet' een afbeelding van de waterkringloop. Deze afbeelding heeft een leeg alt-attribuut. Hierdoor weten blinde bezoekers niet wat op deze afbeelding te zien is. Voeg een beschrijvende alternatieve tekst toe die de afbeelding volledig beschrijft, of beter: plaats de beschrijving als platte tekst op de pagina. Dit laatste zorgt ervoor dat ook slechtziende bezoekers, die moeite hebben met het lezen van tekst op een afbeelding, dezelfde informatie kunnen krijgen. De afbeelding kan dan een korte alt-tekst krijgen als 'waterkringloop'.

Op pagina https://www.wereldwaternet.nl/en/latest-news/ staat boven elke titel een afbeelding. De alt-teksten beschrijven niet goed wat op de afbeelding te zien is, bijvoorbeeld 'alledrie' boven 'Meet our new colleagues Frank, Margareth and Merel!', '005' boven 'Global launch of BluElephants in Palestinian Territories creates infinite water flow' en 'Tanzania 021' boven 'Annemarie@Morogoro #1 "You look good, you look fat"!'. Zorg dat de alt-tekst de afbeelding goed beschrijft, of laat het alt-attribuut op deze pagina leeg en zorg voor een goede alt-tekst op de pagina van het betreffende nieuwsbericht.
Dit geldt ook voor de afbeelding op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ boven de kop 'Dutch experience supports Zhuhai’s resilient city development' met de alt-tekst 'groepsfoto'.

Op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ staan een aantal links met een icoon dat aangeeft dat naar een externe pagina wordt gelinkt. Dit icoon heeft geen alternatieve tekst. Voeg een alternatieve tekst toe, bijvoorbeeld '(external link)'.
Dit komt op meerdere pagina's voor, zoals op pagina https://www.wereldwaternet.nl/privacy-en-cookies/. Gebruik op Nederlandstalige pagina's een Nederlandstalige alt-tekst.

Op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ staat onder 'Community Inspiration (CI#2)' de afbeelding met de alt-tekst 'Hero Journey map.png'. Dit beschrijft de afbeelding niet goed. Pas de alt-tekst aan naar bijvoorbeeld 'Joseph Campbell's Hero's Journey Map'.
Dit geldt ook voor de afbeelding met de alt-tekst 'Subway diagram 2.png'. Dit beschrijft de afbeelding onvoldoende.

Onderaan pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ staat een afbeelding met de alt-tekst 'CI UN WC 2023.png'. Dit beschrijft de afbeelding niet goed. De termen uit de afbeelding worden wel beschreven in het artikel erboven, maar de afbeelding biedt een overzicht van de verbanden. Pas daarom de alt-tekst aan.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staan in het artikel twee afbeeldingen die niet puur decoratief lijken, maar wel een leeg alt-attribuut hebben gekregen. Zorg dat de afbeeldingen een alternatieve tekst krijgen die kort beschrijft wat op de afbeelding te zien is.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat onder 'Marieke van Nood' een mail-knop. Op dit icoon ontbreekt een alternatieve tekst. Voeg een alternatieve tekst toe.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/.

Op pagina https://www.wereldwaternet.nl/projecten/ staan op de kaart blauwe waterdruppels. Deze afbeeldingen hebben in de code geen alt-attribuut. Een img-element moet altijd een alt-attribuut hebben. Geef een alternatieve tekst mee waar nodig, of laat het alt-attribuut leeg. Zie ook de bevindingen over dit onderwerp bij succescriteria 1.3.1 en 4.1.2.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/ staan logo's van alle partners. Op bijna alle logo's ontbreekt een alternatieve tekst, of is de alt-tekst niet beschrijvend. Een logo heeft altijd een alternatieve tekst nodig. Omdat de logo's klikbaar zijn, moet alle visueel zichtbare tekst hierin voorkomen.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder 'Duurzame Ontwikkelingsdoelstellingen' een afbeelding van de SDG's, maar de alt-tekst ontbreekt. Zorg voor een tekstueel alternatief. Zoals onder succescriterium 1.4.5 beschreven kan het beste een toegankelijk alternatief op de pagina worden geplaatst, bijvoorbeeld door direct boven of onder de afbeelding en opsomming te bieden van de getoonde SDG's.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder 'Wat wij doen' een infographic. Er ontbreekt een alt-tekst. Voeg een tekstueel alternatief toe.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf staat op pagina 7 een infographic. Deze heeft de alt-tekst 'Infographic about water operators'. Dit beschrijft de afbeelding onvoldoende. Zorg dat alle relevante informatie op de afbeelding voorkomt in de alternatieve tekst.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf staan op pagina 10 afbeeldingen van de Sustainable Development Goals. Deze zijn als Artifact getagd maar geven wel degelijk informatie. Tag de afbeeldingen als Figure met een alternatieve tekst, of zorg voor een tekstueel alternatief op de pagina.
Dit geldt ook voor het logo van 'Sustainable Development Goals'.

Advies: Op de homepagina staat naast de tekst 'Wereld Waternet ondersteunt publieke waterorganisaties door middel van peer-to-peer kennisuitwisseling op het gebied van watercyclusbeheer.' een pijltje dat is ingevoegd als svg-icoon. Het icoon is decoratief maar moet expliciet verborgen worden voor hulpsoftware. Dit kan door aria-hidden=true toe te voegen aan de svg.
Dit geldt ook voor de pijltjes onder 'Wereld Waternet' en op andere plaatsen op de website, zoals op pagina https://www.wereldwaternet.nl/en/latest-news/, en komt ook voor op andere decoratieve svg-iconen, zoals de social media iconen in de footer en het email-icoon op pagina https://www.wereldwaternet.nl/overwereldwaternet/contact.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Wie wij zijn' een Engelstalige video met Nederlandstalige ondertiteling. Voor de Engelstalige auditieve informatie is echter een volwaardig alternatief nodig. Bied daarom (ook) een Engelstalige ondertiteling aan.


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Gelieerd aan Waternet' een Engelstalige video. De eerste 30 seconden bestaan uit korte beelden. Voor deze beelden kan een voiceover worden toegevoegd die beschrijft wat er getoond wordt, zodat blinde en slechtziende bezoekers deze informatie ook meekrijgen. Dit mag via een apart bestand (audiodescriptie).


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Gelieerd aan Waternet' een Engelstalige video. De eerste 30 seconden bestaan uit korte beelden. Voor deze beelden kan een voiceover worden toegevoegd die beschrijft wat er getoond wordt, zodat blinde en slechtziende bezoekers deze informatie ook meekrijgen. Dit mag via een apart bestand (audiodescriptie).


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/ is de kop 'Wereld Waternet' een H2 evenals alle onderliggende koppen. Hierdoor klopt de hiërarchische structuur niet. Bezoekers die gebruik maken van voorleessoftware kunnen daardoor moeite hebben met het begrijpen van de structuur van de pagina. Op de pagina ontbreekt tevens een kop van niveau H1. Het is een best practice om precies één H1 op de pagina te hebben. Maak bijvoorbeeld van de tekst 'Wereld Waternet Ons Team' een H1 om de koppenstructuur kloppend te maken.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/frodo-van-oostveen/ is het emailadres onterecht als kop van niveau H3 opgemaakt. Een emailadres is geen koptekst. Verwijder daarom het kopelement.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/frodo-van-oostveen/ is het em-element gebruikt om de tekst 'Tri-Sector Collaboration' te cursiveren. Het em-element is bedoeld voor nadruk, niet voor opmaak of in dit geval het cursiveren van teksten in een andere taal. Gebruik in plaats daarvan het HTML italics element of CSS om de tekst anders vorm te geven.

Op pagina https://www.wereldwaternet.nl/en/latest-news/ zijn de nieuwsitems en blogitems als kop van niveau 1 opgemaakt, terwijl het onderkoppen van de bovenliggende H2 kop zijn. Hierdoor klopt de hiërarchische structuur niet. Maak van de nieuwsitems en blogitems koppen van niveau 3 om dit op te lossen.
Dit probleem komt ook voor op de koppen direct onder de H2 kop 'Cookies', zoals 'Functionele cookies'.

Op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ wordt veelvuldig gebruik gemaakt van het strong-element. Dit element is bedoeld voor de nadruk van een of enkele woorden, niet voor opmaak. Gebruik het element alleen daar waar tekst nadruk verdient, en gebruik in de andere gevallen het HTML bold element of CSS om de tekst anders vorm te geven.

Op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc zijn onder 'Programme' meerdere teksten met het strong-element opgemaakt, maar zijn dit semantisch gezien (deels) kopteksten. Pas de opmaak aan zodat er gebruik wordt gemaakt van een duidelijke koppenstructuur. Codeer bijvoorbeeld de titel of de datum als koptekst (zonder strong) en geef de overige vetgedrukte tekst desgewenst een andere styling via CSS.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ is het strong-element gebruikt voor de tabelkoppen. Strong is hier niet voor bedoeld. Tabelkoppen moeten met een <th> element worden gecodeerd. Gebruik CSS om de tekst anders vorm te geven.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ komt onder 'Activities & results' een opsomming voor. In de code is echter geen gebruik gemaakt van een lijst. Maak gebruik van een HTML lijst (ol) om deze lijst te coderen.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat de koptekst 'Marieke van Nood'. Deze tekst is niet met een kopelement gecodeerd. Maak bijvoorbeeld gebruik van een H2.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/.

Op pagina https://www.wereldwaternet.nl/projecten/ is het getal voor de tekst 'projects' niet meegenomen in de koptekst, maar het getal maakt hier wel deel van uit. Plaats het getal daarom ook binnen de koptekst.

Op pagina https://www.wereldwaternet.nl/projecten/ staan getallen op de kaart. Visueel is duidelijk dat het gaat om een groepering van projecten in een bepaald gebied, maar bezoekers die gebruik maken van hulpsoftware horen alleen een getal. Voeg bijvoorbeeld onderwater een tekst als 'projecten' toe aan het getal, om dit op te lossen.

Op pagina https://www.wereldwaternet.nl/privacy-en-cookies/ staan drie toggle buttons. Op de twee disabled buttons ontbreekt een id waarmee het input element aan het label is gekoppeld. Daarnaast ontbreekt bij alledrie de buttons een programmatische koppeling met het visuele label van de button (namelijk Functionele, Analytische of Tracking cookies).
Idealiter wordt er ook een programmatische koppeling gemaakt met de tekst direct onder de button, zoals 'Cookies voor een goed werkende website', bijvoorbeeld via aria-describedby.
Het is een best practice om bij toggle buttons gebruik te maken van het <button> element in combinatie met de role='switch' en het attribuut aria-checked, in plaats van checkboxes.

Op pagina https://www.wereldwaternet.nl/rapporten-publicaties/jaarverslag-2020/ is de koptekst 'Rapporten & Publicaties' niet als koptekst gecodeerd. Maak gebruik van een kop van niveau 2.
Dit geldt ook voor pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/.

In het navigatiemenu op onder andere pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/ wordt met een blauwe rand aangegeven op welke pagina de bezoeker zich bevindt. Deze informatie is visueel aanwezig maar niet in de code. Zorg ervoor dat informatie wat visueel aanwezig is ook in de code staat aangegeven, bijvoorbeeld door gebruik te maken van aria-current op de link van de huidige pagina.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf zijn meerdere onjuiste tags gebruikt. Het gaat om de volgende punten:

  • Op pagina 1 is het logo van World Waternet niet getagd als afbeelding (Figure). Dit geldt ook voor het logo op pagina 32.
  • Op pagina 3 staat de koptekst 'Table of Contents'. Deze is niet als koptekst getagd, maar met het paragraaf element. Dit geldt voor alle koppen in de PDF, zoals 'Preface' op pagina 5, 'Employees' op pagina 8, 'Asia' op pagina 9 en 'Financial' op pagina 11.
  • Op pagina 3 staat een inhoudsopgave. Deze moet met het <TOC> element en bijbehorende subelementen worden getagd (TOCI, Reference, Link).
  • Op pagina 3 staat een inhoudsopgave. De links in deze inhoudsopgave bestaan uit twee losse links: de tekst en het paginanummer. Deze horen samengevoegd te worden tot één link.
  • Op pagina 14 en 15 staan tabellen. Binnen de tabel staan vetgedrukte koppen die niet als TH zijn getagd. Dit is wel nodig. Ook moet het bereik van de cellen worden ingesteld. Daarnaast staan er lege TH cellen in de tabel, terwijl er wel informatie staat in de bijbehorende kolom. Zorg dat er een tabelkop aan de kolommen wordt gekoppeld die nu een lege TH hebben.
  • Op pagina 17 staat een tabel. De tabelkoppen 'Name of Senior Executive' en 'Function' zijn binnen de TBody in TD cellen geplaatst. Tag deze binnen een THead als TH cellen.
  • Op pagina 29 staat onder 'Our opinion' een opsomming. In de codelaag is echter geen gebruikt gemaakt van een opsommingstag (L en LI). Dit geldt ook voor de lijsten die worden voorafgegaan door een (-) teken op pagina's 30 en 31.

Advies: Bovenaan elke pagina staat de link 'Contact' en de knop 'Zoeken'. Beide zijn geplaatst in een lijst bestaande uit één item. Een lijst hoort uit meerdere items te bestaan. Plaats deze elementen daarom niet in een lijst.
Dit geldt ook voor de mail-knop onder 'Marieke van Nood' op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ en dezelfde knop op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/. .

Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/contact/ zijn de koppen 'Social media' en 'Email' opgemaakt met een H3. Er is echter geen H2 aanwezig op de pagina. Sla bij voorkeur geen kopniveau's over, en pas de koppen aan naar een H2.
Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ en op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/.

Advies: Op pagina https://www.wereldwaternet.nl/zoek/?q=water zijn alle koppen van niveau H1. Het is een best practice om precies één H1 op de pagina te hebben, die de inhoud van de pagina duidt, bijvoorbeeld '34 resultaten voor 'water' '. De overige koppen moeten dan een H2 zijn.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/projecten/ .

Advies: Op pagina https://www.wereldwaternet.nl/rapporten-publicaties/jaarverslag-2020/ staan onder 'Rapporten & Publicaties' een aantal links. Het geheel is binnen een <nav> element geplaatst, maar binnen dit element kunnen de links het beste als lijst (ul) gecodeerd worden. Gebruikers van hulpsoftware horen dan onder andere uit hoeveel items de lijst bestaat.
Dit geldt ook voor pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/ .


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/en/latest-news/ staan blokken die bestaan uit een afbeelding, datum, titel en paragraaftekst als linktekst gelden. Wanneer deze blokken achter elkaar worden voorgelezen, is het voor bezoekers die voorleessoftware gebruiken niet duidelijk bij welke titel de afbeelding en datum horen. Plaats de afbeelding en datum daarom in de DOM onder de titel. Visueel mag het gelijk blijven.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/zoek/?q=water, waar het label (zoals 'Project') in de DOM onder de de titel geplaatst moet worden.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf klopt op pagina 8-9 de leesvolgorde niet bij de teksten onder 'Employees' en 'Finances'. De huidige leesvolgorde onder 'Employees' is bijvoorbeeld 'Alliance partner’s FTE in projects', 'WWn/Wn’s FTE in projects', '13,2', 2,5', '15,9 (Plan)', '5,5 (Plan)'. Zorg dat de leesvolgorde logisch is en zoveel mogelijk overeenkomt met de visuele volgorde. Voeg eventueel 'onderwater' tekst toe zodat de betekenis van de informatie ook duidelijk is voor bezoekers die het scherm niet kunnen zien.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf staan op pagina 10 afbeeldingen van de Sustainable Development Goals. Het getal dat aangeeft hoeveel waterschappen worden ondersteund, volgt niet direct achter de afbeelding. Het is daardoor niet duidelijk waar het getal bij hoort. Ook klopt de volgorde niet: het getal 7 komt na de getallen 24 en 5. Zorg dat de blokken worden voorgelezen als bijvoorbeeld: 'Gender Equality: 7' .

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf staat op pagina 24 een figuur onder 'Notes on income'. De leesvolgorde klopt niet. De landen 'Latin-America', 'Asia' en 'Other' met bijbehorende percentages worden als eerste voorgelezen, daarna de paragraaftekst aan de rechterzijde, en daarna pas 'Middle-East', 'West Africa' en 'East and Southern Africa' met bijbehorende percentages. Zorg voor een logische leesvolgorde.


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Niet aanwezig


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat onder 'Marieke van Nood' een mail-knop. Wanneer deze toetsenbordfocus krijgt, is dit alleen waarneembaar doordat de blauwe rand naar zwart veranderd. Zorg dat de focusverandering niet kleur afhankelijk is.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/.

Op pagina https://www.wereldwaternet.nl/projecten/ staat een kaart. De focus op de knoppen in de kaart, zoals 'Inzoomen', is alleen zichtbaar door een kleurverandering van grijs naar zwart. Zorg dat de focusverandering niet kleur afhankelijk is.

Onderaan pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn staat 'Vond u deze informatie nuttig'. Wanneer voor 'Ja' wordt gekozen, verschijnt een invoerveld en de knop 'Versturen'. De focus op deze knop is alleen zichtbaar door een kleurverandering van de blauwe tint. Zorg dat de focusverandering niet kleur afhankelijk is.

Advies: Links in de lopende tekst, zoals 'Teamleden' op pagina https://www.wereldwaternet.nl/overwereldwaternet/contact , zijn alleen waarneembaar door een kleurverschil. Omdat er een contrastverschil van minimaal 3,0:1 is tussen de link en de omliggende tekst, voldoen de links aan dit succescriterium. Wel is het aan te bevelen om een tweede visuele cue te bieden om links in de lopende tekst te herkennen, zoals een onderstreping.
Dit komt op meerdere pagina's voor, waaronder pagina's https://www.wereldwaternet.nl/privacy-en-cookies/ en https://www.wereldwaternet.nl/bestaatniet .

Advies: Onderaan pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn staat 'Vond u deze informatie nuttig'. Wanneer voor 'Ja' wordt gekozen is dit alleen zichtbaar door een kleurverschil. Omdat er een contrastverschil van minimaal 3,0:1 tussen de geselecteerde optie en de niet-geselecteerde optie, voldoen de elementen aan dit succescriterium. Wel is het aan te bevelen om een tweede visuele cue te bieden.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Wanneer de hoogcontrastknop wordt geactiveerd, worden een aantal teksten aangepast waardoor het contrast onvoldoende wordt. Het gaat op de homepage om de teksten 'Afgeronden projecten', 'Rapporten & Publicaties' en 'E-cademy'. De achtergrondkleur wijzigt naar HEX #006FA2, en geeft een contrastwaarde van 3,4:1. Zonder de hoogcontrastknop is het contrast ruim voldoende, namelijk 6,7:1. De minimale eis is 4,5:1.
Ook de kop 'Wereld Waternet' erboven heeft een hogere contrastwaarde zonder gebruik van de hoogcontrastknop (6,7:1) dan met gebruik (5,5:1).

Onderaan pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ staat een afbeelding met de alt-tekst 'CI UN WC 2023.png'. Hierop staan oranje teksten met een te lage contrastwaarde. Het contrast is 3,2:1 maar moet minimaal 4,5:1 zijn.

Onderaan pagina https://www.wereldwaternet.nl/zoek/?q=water staat een knop 'Laad meer resultaten'. Wanneer deze focus heeft, of met de muis over de knop wordt gehoverd, verandert de achtergrond naar iets lichter blauw (HEX #2D8AB6). De contrastwaarde van de witte tekst met de achtergrond is dan 3,9:1, maar moet minimaal 4,5:1 zijn.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een chatfunctionaliteit. De placeholdertekst 'Stel uw vraag...' heeft een contrastwaarde van 1,6:1 maar moet minimaal 4,5:1 zijn.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder ''Operational Excellence' van waterorganisaties' een afbeelding met tekst. De blauwe tekst op deze afbeelding heeft een te lage contrastwaarde van 2,5:1. Dit moet minimaal 4,5:1 zijn.

In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf wordt gebruik gemaakt van een blauwe kleur die een te lage contrastwaarde heeft in combinatie met witte tekst (en vice versa). De contrastwaarde is 3,0:1 maar moet (voor tekst kleiner dan 18pt) minimaal 4,5:1 zijn.
Op pagina 9-10 wordt daarnaast gebruik gemaakt van andere kleurcombinaties onder 'Employees' en 'Finances'. Zo heeft de tekst '15,9 (Plan)' een contrastwaarde van 2,1:1 en '1,83 (4,75 budget)' 2,8:1. Deze laatste kleur is ook van toepassing op namen de continenten zoals 'Asia'.

Advies: Op pagina https://www.wereldwaternet.nl/privacy-en-cookies/ staan naast Functionele en Analytische cookies een knop die disabled is. De tekst 'Aan' op deze knoppen heeft een contrastwaarde van 1,6:1. Disabled elementen hoeven niet aan de contrasteis te voldoen, echter is de tekst 'Aan' nu voor slechtziende bezoekers moeilijk te lezen, en kan het daardoor onduidelijk zijn wat de staat is van deze twee typen cookies. Overweeg daarom om het contrast te verhogen.

Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder 'Duurzame Ontwikkelingsdoelstellingen' een afbeelding van tekst. Meerdere doelen hebben een te lage contrastwaarde, zoals SDG 5 (3,2:1), SDG 6 (1,8:1) en SDG 15 (2,0:1). Dit moet minimaal 4,5:1 zijn. Omdat deze afbeeldingen zijn opgesteld door de VN, kunnen de afbeeldingen moeilijk worden aangepast. Zoals onder meerdere succescriteria beschreven, kan het beste een tekstueel alternatief worden geboden. Er is dan ook een toegankelijk alternatief beschikbaar voor het contrastprobleem.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder ''Operational Excellence' van waterorganisaties' een afbeelding van tekst. Doordat de tekst niet aangepast kan worden aan de behoeften van slechtziende bezoekers, kan de informatie moeilijk of niet leesbaar zijn voor deze doelgroep. Plaats de informatie daarom als platte HTML tekst op de pagina.

Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Gelieerd aan Waternet' een afbeelding van de waterkringloop. Omdat er tekst op de afbeelding staat, kan deze tekst niet worden aangepast aan de behoeften van slechtziende bezoekers om de leesbaarheid te verhogen. Infographics vallen onder een uitzondering, maar zoals beschreven onder succescriterium 1.1.1 is het aan te bevelen om de informatie die op de afbeelding te zien is uit te schrijven en als platte tekst in de buurt van de afbeelding te plaatsen.

Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wat-wij-doen/ staat onder 'Duurzame Ontwikkelingsdoelstellingen' een afbeelding van tekst. Doordat de tekst niet aangepast kan worden aan de behoeften van slechtziende bezoekers, kan de informatie moeilijk of niet leesbaar zijn voor deze doelgroep. Omdat deze afbeeldingen zijn opgesteld door de VN, kunnen de afbeeldingen moeilijk worden omgezet naar platte tekst. Wel is het dringende advies om een toegankelijk alternatief te bieden, bijvoorbeeld door direct boven of onder de afbeelding een opsomming te bieden van de getoonde SDG's.


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website wordt geschaald naar een schermresolutie van 1280x1024px moet in Chrome horizontaal gescrold worden om de volledige pagina te kunnen bekijken. Zorg dat de content in deze schermresolutie leesbaar blijft zonder te hoeven scrollen.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/privacy-en-cookies/ staat een toggle button naast 'Tracking cookies'. De binnenste knop (Uit/Aan) heeft voldoende contrast met de lichtblauwe achtergrond, maar de lichtblauwe achtergrond zelf (#e5f5fc) heeft een contrastwaarde van 1,1:1 met de witte achtergrond. Dit moet minimaal 3,0:1 zijn, zodat de knop ook door slechtziende bezoekers als toggle herkend kan worden.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een chatfunctionaliteit. De grijze randen van het zoekveld hebben een contrastwaarde van 1,5:1 met de witte binnenkant. Er moet minimaal één lijn zijn met een contrast van 3,0:1 met de aangrenzende kleur, zodat het veld ook door slechtziende bezoekers als formulierveld herkend kan worden.

Op pagina https://www.wereldwaternet.nl/projecten/ staan de knoppen 'Bekijk projects in kaart weergave' en 'Bekijk projects in grid weergave'. De knop die niet actief is, heeft een contrastwaarde van 2,2:1 met de grijze achtergrond. Dit moet minimaal 3,0;1 zijn.

Advies: In de PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf wordt op pagina 9-10 gebruik gemaakt van een lichtblauwe kleur op de kaart voor de Water Operator Partnerships. Deze zijn te herkennen aan een blauwe kleur. Deze heeft echter een contrastwaarde van 2,1:1 met de witte omlijning. Er is een toegankelijk alternatief doordat de landen ook worden benoemd in de tekst ernaast, maar het is aan te raden om het contrast te verhogen zodat de landen ook op de kaart zichtbaar zijn voor slechtziende bezoekers.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Niet aanwezig


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Voldoende


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld m voor mute. 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. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Niet aanwezig


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De PDF 'Annual report 2020' op pagina https://www.wereldwaternet.nl/contentassets/66e8d3243e9e48669c8b8c63e127fbf7/world-waternet_annual-report-2020.pdf heeft in de bestandseigenschappen een goede titel, maar in de vensteropties is ingesteld dat de bestandsnaam, in plaats van de documenttitel getoond wordt. Zorg dat de documenttitel getoond wordt.

Advies: De paginatitel van de homepage luidt: 'Wereld Waternet maakt gebruik van Waternet Experts om publieke buitenlandse waterbedrijven te ondersteunen door duurzame, integrale oplossingen te bieden voor watervraagstukken.'. Dit is een lange titel en beschrijft het doel van de pagina niet. Beter is een korte titel zoals 'Home - Wereld Waternet', of een bondige variant van de huidige paginatitel.

Advies: Andere pagina's hebben een wisselend format voor de paginatitels. Bijvoorbeeld 'Wereld Waternet Contact' voor https://www.wereldwaternet.nl/overwereldwaternet/contact/, 'Team Wereld Waternet' voor https://www.wereldwaternet.nl/overwereldwaternet/ons-team/, 'Zoek' voor https://www.wereldwaternet.nl/zoek/?q=water en 'Waterworx - Palestijnse gebieden' voor https://www.wereldwaternet.nl/projecten/waterworx---palestina/.
Zorg voor uniformiteit, zodat het voor bezoekers die gebruik maken van hulpsoftware en/of meerdere tabbladen open hebben staan direct duidelijk is om welke pagina en welk domein het gaat. Gebruik bijvoorbeeld een format als 'Contact - Wereld Waternet'.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina in een ingezoomde weergave wordt bekeken, verschijnt een hamburgermenu. De menu-items worden in de DOM boven de knop geplaatst, waardoor de menu-items pas focus krijgen nadat de bezoeker over de rest van de pagina is genavigeerd. Zorg dat de menu-items direct na de menuknop focus ontvangen.

Op onder andere de homepage staan twee navigatiemenu's: één bovenaan de pagina met onder andere de link 'Contact', en een tweede navigatiemenu met de link 'Onze projecten' dat onder het eerste menu staat. Wanneer bezoekers met het toetsenbord over de pagina navigeren krijgt eerst het tweede navigatiemenu focus, pas na de knop 'Zoeken' krijgt het eerste navigatiemenu focus. Dit kan verwarrend zijn voor ziende toetsenbordgebruikers. Zij verwachten dat de focus volgorde hetzelfde is als de leesvolgorde van de pagina, en dat elementen bovenaan de pagina als eerst focus krijgen. Zorg dat wanneer bezoekers met het toetsenbord over de pagina navigeren de focus volgorde hetzelfde is als de leesvolgorde van de pagina.

In de kaart op pagina https://www.wereldwaternet.nl/projecten/ is het mogelijk om met het toetsenbord focus te plaatsen op elementen die niet zichtbaar zijn, bijvoorbeeld op de knop 'Sneltoetsen' of de link 'Gebruiksvoorwaarden'. Wanneer focus wordt geplaatst op elementen die niet zichtbaar zijn weten ziende toetsenbordgebruikers niet waar de focus op staat. Zorg ervoor dat focus niet wordt geplaatst op elementen die niet zichtbaar zijn.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Bovenaan elke pagina staat het logo van Wereld Waternet. Het logo is gebruikt als link, maar omdat de alternatieve tekst ontbreekt, kan het linkdoel niet worden bepaald. Bezoekers die het scherm niet kunnen zien, weten niet om wat voor link het gaat. Voeg een alternatieve tekst toe, zoals beschreven onder succescriterium 1.1.1.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat onder 'Marieke van Nood' een mail-knop. Omdat de alternatieve tekst ontbreekt, kan het linkdoel niet worden bepaald. Voeg een alternatieve tekst toe, zoals beschreven onder succescriterium 1.1.1.
Dit komt ook voor op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/.

Op pagina https://www.wereldwaternet.nl/rapporten-publicaties/jaarverslag-2020/ staat een afbeelding die dient als link naar het jaarverslag. Het linkdoel ontbreekt. Voeg het linkdoel toe aan de linktekst.
Zie ook succescriterium 2.5.3.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/onze-partners/ staan logo's van alle partners. Op bijna alle logo's ontbreekt een alternatieve tekst, of is de alt-tekst niet beschrijvend. Hierdoor is er geen duidelijk linkdoel. Voeg een goede alternatieve tekst toe, zoals beschreven onder succescriterium 1.1.1.

Advies: Op de homepagina staat een blok met tekst dat als link is gecodeerd: 'Wij dragen bij aan de Duurzame Ontwikkelingsdoelstellingen (SDG's) Wereld Waternet ondersteunt publieke waterorganisaties door middel van peer-to-peer kennisuitwisseling op het gebied van watercyclusbeheer.' Dit geheel is een lange linktekst, en daarnaast is niet duidelijk waar de link naartoe leidt.
Overweeg om slechts een deel van de tekst als linktekst te gebruiken, de huidige linktekst te herschrijven of een linktekst toe te voegen worden die duidelijk maakt dat naar de pagina /wat-wij-doen wordt gelinkt, bijvoorbeeld 'Lees meer over wat wij doen'. Het klikbare gebied kan indien gewenst vergroot worden met Javascript.

Advies: Op pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/ staan links die bestaan uit een afbeelding, naam, functietitel en de link 'Lees meer'. Hierdoor wordt per teamlid veel tekst voorgelezen als linktekst, wat hinderlijk kan zijn voor bezoekers die afhankelijk zijn van voorleessoftware. Pas de links aan zodat bijvoorbeeld enkel de naam als linktekst geldt van de link. Het klikbare gebied kan vergroot worden met Javascript. Het title-attribuut op de link is overbodig en kan achterwege worden gelaten.
Dit probleem komt op meerdere pagina's voor, zoals pagina https://www.wereldwaternet.nl/en/latest-news/, waar de afbeelding, datum, titel en paragraaftekst als linktekst gelden, en pagina https://www.wereldwaternet.nl/zoek/?q=water waar het label, titel, paragraaftekst en 'Lees meer' als linktekst gelden.

Advies: Op pagina https://www.wereldwaternet.nl/en/latest-news/2023/next-stop-ci-at-the-un-2023-water-conference---nyc/ staat de linktekst 'views'. Uit de context kan worden opgemaakt waar de link naartoe leidt, maar het is beter om een linktekst te gebruiken die op zichzelf staat. Pas de linktekst bijvoorbeeld aan naar 'the challenging views of Prof Asit K Biswas'. Dit geldt ook voor de link 'podcast' op dezelfde pagina. Pas deze aan naar bijvoorbeeld 'podcast of Matthew Syed on Rebel Ideas and Diversity'.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/privacy-en-cookies/ staat een toggle button naast 'Tracking cookies'. Wanneer de focus op deze knop staat, is dit niet zichtbaar. Zorg voor een duidelijke focus zichtbaarheid, zodat toetsenbordgebruikers zien waar de focus zich bevindt.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een kaart. Wanneer de knoppen op de afbeelding focus krijgen, zoals 'Zoom in' en 'Toggle Fullscreen view' is dit niet zichtbaar. Zorg voor een duidelijke focus zichtbaarheid.

Advies: Op de homepagina staat een blok met tekst dat als link is gecodeerd: 'Wij dragen bij aan de Duurzame Ontwikkelingsdoelstellingen (SDG's)
Wereld Waternet ondersteunt publieke waterorganisaties door middel van peer-to-peer kennisuitwisseling op het gebied van watercyclusbeheer.' Er is een focusrand aanwezig maar doordat deze deels over de afbeelding valt en de onderste streep afwezig is, is de focusrand niet goed zichtbaar.
Zorg voor een duidelijke focusrand.
Dit probleem komt ook voor op pagina https://www.wereldwaternet.nl/overwereldwaternet/ons-team/ bij de teamleden en op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ op de links onder 'In cooperation with:'.


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet aanwezig


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staan onder 'In cooperation with:' twee klikbare afbeeldingen. De tweede afbeelding heeft als alt-tekst 'palmbout' maar de het logo bevat meer tekst. Zorg dat alle visueel zichtbare tekst, dus 'Palmbout Urban Landscapes', voorkomt in de toegankelijke naam. Zo wordt de link achter de afbeelding beter bedienbaar voor bezoekers die afhankelijk zijn van spraaksoftware.

Op pagina https://www.wereldwaternet.nl/rapporten-publicaties/jaarverslag-2020/ staat een afbeelding die dient als link naar het jaarverslag. Zoals beschreven onder succescriterium 2.4.4 ontbreekt het linkdoel.
Voor bezoekers die afhankelijk zijn van spraaksoftware is het belangrijk dat alle visueel zichtbare tekst terugkomt in de toegankelijke naam. Hierdoor wordt de linktekst wel onnodig lang. Ook kan het voor bezoekers met een visuele beperking moeilijk zijn de link te activeren, omdat de tekst op de afbeelding niet aangepast kan worden aan hun behoeften en een laag contrast heeft, waardoor deze mogelijk moeilijk leesbaar is.
Overweeg om - in plaats van een lange linktekst toe te voegen aan de afbeelding - in de buurt van de afbeelding een link als platte tekst te plaatsen waardoor voor meerdere doelgroepen een duidelijke link beschikbaar is.


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Voldoende


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/zoek/?q=water staan in de zoekresultaten meerdere Engelstalige passages, zoals 'Enhancing Partnerships for Industry-led Vocational Training and education in Water for Agriculture' en 'Making sustainable impact through Water Operators’ Partnerships in water cycle management'. Voor anderstalige teksten moet in de code een taalwisseling worden aangegeven, zodat de tekst in de juiste taal wordt voorgelezen. Zorg dat de taalwisseling op de bronpagina is aangegeven zodat deze ook in de zoekresultaten wordt weergegeven.
Op andere pagina's staan ook anderstalige teksten waarop geen taalwissel is aangegeven, bijvoorbeeld op pagina https://www.wereldwaternet.nl/rapporten-publicaties/jaarverslag-2020/.


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Niet aanwezig


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Niet aanwezig


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.wereldwaternet.nl/zoek/?q=water staat twee keer het id='header-zoekformulier-wat_zoekt_u'. Elk id moet uniek zijn, anders kan het problemen geven met hulpsoftware.
Dit geldt ook voor het id='header-zoekformulier-zoek'.

Op pagina https://www.wereldwaternet.nl/projecten/ komen 5 dubbele id's voor. Het gaat om de volgende id's:

  • UX-keur-Chat
  • Artboard
  • icon/arrow-right
  • Path-39
  • Path-589

4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Bovenaan elke pagina staat een contrastknop. Deze knop heeft geen naam. Voeg een alternatieve tekst toe aan de svg, bijvoorbeeld via het aria-label in combinatie met role='img', om dit probleem op te lossen. Of kies voor een alternatieve naamgeving en maak de svg decoratief met aria-hiden=true.
Maak ook duidelijk in de naam van de knop of hoogcontrast geactiveerd is of juist niet.

Wanneer het zoekveld via 'Zoeken' wordt geopend, verschijnt een knop met een vergrootglas. Deze knop heeft geen naam. Gebruik bijvoorbeeld het aria-label op de knop en verberg de svg met aria-hidden=true.
Dit probleem komt ook voor op de sluitknop (x) bovenaan het zoekveld.

Wanneer het zoekveld via de knop 'Zoeken' wordt geopend, verschijnt een invoerveld. Dit invoerveld heeft geen toegankelijke naam, doordat het gekoppelde label leeg is. Voeg een naam toe binnen het label.
Dit invoerveld komt ook voor op https://www.wereldwaternet.nl/zoek/?q=water.

Wanneer de pagina in een ingezoomde weergave wordt bekeken, verschijnt een hamburgermenu. Deze knop heeft geen naam. Ook ontbreekt een waarde die aangeeft of het menu is uitgevouwen of samengevouwen. Voeg een goede naam toe. De waarde kan worden toegevoegd via het aria-expanded attribuut, of een vergelijkbare techniek.
Binnen de knop staan een aantal lege p- en span-elementen, deze kunnen beter worden verwijderd.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staan twee iframes. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staat onder 'Wie wij zijn' een video. Hierin staat de knop voor volledig scherm, die is uitgeschakeld met aria-disabled="true". Echter ontbreekt de naam voor deze knop. Bij de andere video is deze naam wel aanwezig middels een aria-label. Voeg de naam toe, zodat bezoekers die afhankelijk zijn van voorleessoftware weten wat de knop doet, ookal is deze disabled.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staan twee iframes. Binnen deze iframes staat een div met de class='ytp-fine-scrubbing-thumbnails' waarbij het attribuut 'aria-valuenow' ontbreekt. Dit attribuut is wel verplicht bij de gegeven role='slider'.

Op pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn/ staan twee iframes. Binnen deze iframes staat een <a> element met de class='ytp-title-channel-logo'. Doordat het href-attribuut ontbreekt, is de rol van dit element niet geldig. Hierdoor is het aria-label niet toegestaan. Voeg het href-attribuut toe of verander het element naar een juiste rol om dit probleem op te lossen.

Op pagina https://www.wereldwaternet.nl/privacy-en-cookies/ staan twee disabled toggle buttons. Omdat een id ontbreekt waarmee het input element aan het label is gekoppeld, hebben deze elementen geen toegankelijke naam. Zie ook succescriterium 1.3.1.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een chatfunctionaliteit. De knop heeft geen naam. Bezoekers die afhankelijk zijn van voorleessoftware weten nu niet wat deze knop doet.
Dit geldt ook voor de sluitknop (x) die verschijnt wanneer de chat geopend is.

Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een chatfunctionaliteit. Op het invoerveld is een alt-attribuut meegegeven, maar dit is alleen toegestaan op img-elementen. Verwijder het alt-attribuut.
Dit geldt ook voor de submit knop ernaast.

Op pagina https://www.wereldwaternet.nl/projecten/ staan op de kaart blauwe waterdruppels. Deze zijn gecodeerd als div-elementen met een role=button. Echter ontbreekt een toegankelijke naam. Voeg een naam toe.

Advies: Op pagina https://www.wereldwaternet.nl/en/finalised-projects/zhuhai-china/ staat een chatfunctionaliteit. De submit knop heeft een lange naam via het title-attribuut ('Typ een zin in het tekstveld, en druk dan op deze knop om het bericht te verzenden. (U kunt ook op Enter drukken)'). Overweeg om een kortere naam te gebruiken, zoals 'Versturen'.


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Onderaan pagina https://www.wereldwaternet.nl/zoek/?q=water staat een knop 'Laad meer resultaten'. Wanneer de knop geactiveerd wordt, verschijnt de tekst 'Bezig met laden...'. Deze tekst wordt echter niet doorgegeven aan bezoekers die hulpsoftware gebruiken. Maak bijvoorbeeld gebruik van ARIA live regions om dit op te lossen.

Onderaan pagina https://www.wereldwaternet.nl/overwereldwaternet/wiewijzijn staat 'Vond u deze informatie nuttig'. Wanneer voor 'Ja' wordt gekozen, verschijnt een invoerveld en de knop 'Versturen'. Na het versturen van de feedback verschijnt de tekst 'Bedankt voor uw feedback!'. Deze tekst wordt echter niet doorgegeven aan bezoekers die hulpsoftware gebruiken. Maak bijvoorbeeld gebruik van ARIA live regions om dit op te lossen.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: toegankelijkheidsrapport.swink.nl/wereldwaternet.nl/audit/
Geprint: 2024-12-21 03:54:05 v2.4-011