Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Wereld Waternet

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Wereld Waternet
Datum 12 mei 2023
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

Uitgebreide toetsresultaten

Aantal bevindingen: 100

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: 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'.

Bevinding 2: 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'.

Bevinding 3: 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'.

Bevinding 4: 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'.

Bevinding 5: 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.

Bevinding 6: 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.

Bevinding 7: 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.

Bevinding 8: 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.

Bevinding 9: 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/.

Bevinding 10: 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.

Bevinding 11: 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.

Bevinding 12: 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.

Bevinding 13: 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.

Bevinding 14: 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.

Bevinding 15: 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'.

Bevinding 16: 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.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

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

Uitkomst: Onvoldoende

Bevinding 17: 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)

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

Uitkomst: Voldoende

Bevinding 18: 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.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Voldoende

Bevinding 19: 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 over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 20: 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.

Bevinding 21: 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.

Bevinding 22: 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.

Bevinding 23: 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'.

Bevinding 24: 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.

Bevinding 25: 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.

Bevinding 26: 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.

Bevinding 27: 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.

Bevinding 28: 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/.

Bevinding 29: 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.

Bevinding 30: 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.

Bevinding 31: 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.

Bevinding 32: 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/.

Bevinding 33: 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.

Bevinding 34: 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:

Bevinding 35: 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/. .

Bevinding 36: 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/.

Bevinding 37: 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/ .

Bevinding 38: 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)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 39: 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.

Bevinding 40: 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.

Bevinding 41: 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' .

Bevinding 42: 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.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 43: 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/.

Bevinding 44: 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.

Bevinding 45: 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.

Bevinding 46: 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 .

Bevinding 47: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 48: 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).

Bevinding 49: 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.

Bevinding 50: 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.

Bevinding 51: 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.

Bevinding 52: 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.

Bevinding 53: 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'.

Bevinding 54: 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.

Bevinding 55: 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.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 56: 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.

Bevinding 57: 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.

Bevinding 58: 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)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 59: 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)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 60: 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.

Bevinding 61: 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.

Bevinding 62: 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.

Bevinding 63: 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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 64: 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.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 65: 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.

Bevinding 66: 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.

Bevinding 67: 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)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 68: 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.

Bevinding 69: 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.

Bevinding 70: 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 71: 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.

Bevinding 72: 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/.

Bevinding 73: 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.

Bevinding 74: 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.

Bevinding 75: 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.

Bevinding 76: 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.

Bevinding 77: 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.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 78: 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.

Bevinding 79: 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.

Bevinding 80: 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.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 81: 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.

Bevinding 82: 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.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 83: 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/.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 84: 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'.

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

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 86: 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.

Bevinding 87: 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.

Bevinding 88: 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.

Bevinding 89: 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.

Bevinding 90: 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.

Bevinding 91: 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.

Bevinding 92: 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'.

Bevinding 93: 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.

Bevinding 94: 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.

Bevinding 95: 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.

Bevinding 96: 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.

Bevinding 97: 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.

Bevinding 98: 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)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 99: 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.

Bevinding 100: 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

Bronnen

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

Geprint: 2024-12-21 07:05:46 v2.4-011