Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid Provincie Zuid-Holland subsites - RijnlandRoute

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Provincie Zuid-Holland subsites RijnlandRoute
Datum 13 oktober 2023
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De content en de huisstijl op https://pzh-subsites.iprox.nl/rijnlandroute/. Dit vereist een apart onderzoek.
  • 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: 30

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: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak/ komt een linktekst voor, met een icoon dat aangeeft dat de link naar een externe pagina verwijst. Dit icoon is met CSS op de pagina geplaatst en heeft geen zichtbaar alternatief. Het icoon (of de alternatieve tekst) verdwijnt daarom wanneer bezoekers een eigen stylesheet gebruiken om bijvoorbeeld tekst te vergroten. Plaats daarom alleen puur decoratieve content met CSS op de pagina en plaats dit icoon bijvoorbeeld als img-element met een alternatieve tekst of als svg-element met een genest title-element op de pagina. Een vergelijkbaar probleem komt voor op pagina https://pzh-subsites.iprox.nl/rijnlandroute/@63/uitgebreid-formulier/, waar de knop om een bijlage te verwijderen niet zichtbaar is wanneer bezoekers een eigen stylesheet gebruiken omdat het icoon met CSS op de pagina geplaatst is.

Bevinding 2: Deze bevinding vereist mogelijk een content-gerelateerde oplossing:
In de footer van iedere pagina staat het logo van de provincie Zuid-Holland. De alternatieve tekst van de afbeelding is "footer-logos-2022". De alternatieve tekst van een logo moet tenminste de naam van de organisatie bevatten. Pas daarom de alternatieve tekst aan.

1.2 Op tijd gebaseerde media

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

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

Uitkomst: Niet aanwezig

Bevinding 3: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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: Niet aanwezig

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Uitkomst: Niet aanwezig

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Uitkomst: Niet aanwezig

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 7: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Voldoende

Bevinding 8: Advies: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak staat een 'uitklapbaar' element. In plaats van dat dit een knop is, met een aria-expanded attribuut, is het nu een link. Wanneer de bezoeker er op klikt, opent een nieuwe url (https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak#h8a555b78-69b5-4685-808b-8b0d7a2f41ca). Dit is niet afkeurbaar, maar het is niet de toegankelijkste oplossing. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://pzh-subsites.iprox.nl/rijnlandroute/actueel/nieuws/nieuwe-tjalmaweg-beide-richtingen-3/#hc3e17ce1-d955-4761-8e23-2f1c1a716cd8.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 9: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/media/ komt een videospeler voor. Om de videospeler te openen moet de bezoeker eerst een afspeelknop activeren. De afspeelknop is eerst transparant wit, en bij focus is de knop opaak wit. Zorg ervoor dat een verandering van kleur niet het enige middel is om informatie over te brengen, maar voeg in dit geval bijvoorbeeld nog een duidelijke focusrand toe.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Niet aanwezig

Bevinding 11: Er zijn meerdere contrastfouten op de website gevonden, maar omdat alleen de technische bevindingen zijn meegenomen in dit onderzoek wordt de website hier niet op afgekeurd. De contrastproblemen moeten naar voren komen bij een content-audit.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 12: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/media/, vallen de versies 1/2 en 2/3 van de videospeler deels van de pagina. Zorg ervoor dat inzoomen niet voor verlies van functionaliteit of informatie zorgt, door in dit geval een horizontale scrollbalk aan de videospelers toe te voegen.

Bevinding 13: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-vrouwen-rijnlandroute/ is de tekst in het dropdownmenu 'Notificatie' niet meer geheel zichtbaar en bij selecteren valt de tekst over en uit beeld. Zorg ervoor dat inzoomen niet voor verlies van functionaliteit of informatie zorgt.

Bevinding 14: Advies: Wanneer bezoekers op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak inzoomen, wordt de tabel dusdanig gecomprimeerd dat er op elke regel nog maar 2 of 3 letters staan. Hierdoor is de tekst moeilijker leesbaar. Overweeg om de tabel minder de comprimeren en een horizontale scrollbalk toe te voegen onder de tabel.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/fotoalbum staan widgets met daarin knoppen waarmee een bezoeker naar een vorige of volgende foto kan navigeren. Wanneer deze knoppen focus hebben, verschijnt er een oranje (HEX #FF7702) focusrand omheen. De contrastratio van deze rand op de witte achtergrond is 2,6:1 waar dat minimaal 3:1 moet zijn. Let er ook op dat de focusrand voldoende contrast heeft met de afbeelding waar deze overheen valt.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende

Bevinding 16: Advies: Wanneer bezoekers op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/evenementenagenda/ de tekstafstand wijzigen naar de waarden zoals beschreven in dit succescriterium, zijn de data in het zwarte en oranje blok niet meer heel duidelijk leesbaar omdat ze samengevoegd worden met de datum van het volgende agenda item. Idealiter zit hier iets meer ruimte tussen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute komen social media iconen voor naast het woord 'Delen', waar bij toetsenbordfocus aanvullende content verschijnt (bijvoorbeeld 'Delen op Facebook'). Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, geldt dat de bezoeker deze content moet kunnen verwijderen zonder de muishover of de toetsenbordfocus te verplaatsen, bijvoorbeeld met de escape-toets. Dat is nu niet het geval. Dit geldt ook voor de social media iconen in de footer van iedere pagina.

Bevinding 18: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/media/ komt een videospeler voor. Wanneer bezoekers met de muis of het toetsenbord over de volumeknop gaan, verschijnt er een volumeslider. Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, geldt onder andere dat de bezoeker deze content moet kunnen verwijderen zonder de muishover of de toetsenbordfocus te verplaatsen, bijvoorbeeld met de escape-toets. Dat is nu niet het geval.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/landingspagina/media/ komt een videospeler voor. Bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren kunnen het volume alleen dempen, maar niet de volumeslider bedienen. Zorg ervoor dat elementen die met de muis bedienbaar zijn, ook alléén met het toetsenbord bedienbaar zijn.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 20: Op onder andere pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak kunnen bezoekers een afbeelding vergroot openen. Wanneer de afbeelding geopend is, gaat de focus vanuit het dialoogvenster naar de url-balk van de browser en weer terug. Zorg ervoor dat de bezoeker binnen het dialoogvenster blijft totdat de bezoeker er zelf voor kiest het venster te sluiten met de sluitknop.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 21: Advies: Op onder andere pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-opmaak kunnen bezoekers een afbeelding vergroot openen. De link om dit te doen heeft als toegankelijke naam (bijvoorbeeld) '"Klik voor een vergroting (afbeelding: vb-20230614-0317-scaled-e1687445485609-800x480.jpg)". Het voorlezen van de gehele bestandsnaam van de afbeelding is storend voor bezoekers die gebruik maken van voorleessoftware.

3. Begrijpelijk

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 22: Wanneer een bezoeker op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/facetzoeker-nieuws/ een selectievakje selecteert, wordt de bezoeker direct naar een nieuwe url gestuurd, waar de zoekresultaten gepresenteerd worden. Invoer van een bezoeker in een invoer-element mag niet direct zorgen voor een verandering van context (zoals het gaan naar een nieuwe pagina). Zorg ervoor dat bezoekers zelf de contextwijziging activeren, bijvoorbeeld door een knop 'Filteren' toe te voegen, ofwel informeer de bezoeker dat het filter direct geactiveerd wordt.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 23: Wanneer bezoekers op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-vrouwen-rijnlandroute/ een verplicht veld niet invullen verschijnt de melding 'Dit veld is verplicht'. Een toegankelijke foutmelding identificeert welke fout de bezoeker heeft gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Naam is niet ingevuld'. Dat een veld verplicht ingevuld moet worden, is een foutsuggestie. Dit geldt ook voor de melding 'Dit veld is ongeldig ingevuld' bij het veld 'E-mail'.

Bevinding 24: Let op: Pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-vrouwen-rijnlandroute/ maakt gebruik van een cognitieve functietest (het oplossen van een som) als authenticatie. Binnen de WCAG 2.2 is dit niet meer toegestaan, zie: https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-minimum.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/@63/uitgebreid-formulier/ komt een formulierveld voor waar bezoekers een datum kunnen invullen. Als placeholder is de instructie 'dd-mm-jjjj' geplaatst, maar deze instructie verdwijnt zodra een bezoeker begint met typen. Zorg ervoor dat instructies zichtbaar blijven tot de bezoeker het formulier verzend, bijvoorbeeld door de instructies direct boven (in het label) of direct onder het veld te plaatsen. Dit geldt ook voor de instructie in het veld 'Tijd'.

Bevinding 26: Advies: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/facetzoeker-nieuws/ staat een invoerveld voor zoeken met de toegankelijke naam 'Vrij zoeken'. Idealiter is deze tekst zichtbaar (zoals op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/index-galerijweergave/), omdat de toegankelijke naam deels afwijkt van het visuele label 'Zoeken' in de knop naast het zoekveld.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/@63/uitgebreid-formulier/ staat een groep selectievakjes met als legend 'Testvraag'. Wanneer de bezoeker niet het juiste aantal vakjes aan vinkt, verschijnt de melding 'Veld Testvraag heeft geen geldig aantal geselecteerde antwoorden.'. Er mist echter een goede foutsuggestie om de bezoeker te helpen bepalen hoe zij de vraag wél goed kunnen beantwoorden. Voeg een foutsuggestie toe, bijvoorbeeld 'Vink minimaal X aantal selectievakjes aan'.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 28: Op pagina komt een videospeler, die als rol 'application' heeft. De rol 'application' geeft aan de browser door dat dit element en alle child-elementen hiervan niet als HTML maar als desktop applicatie beschouwd moeten worden. Dat is hier niet van toepassing. Verwijder daarom role=application.

Bevinding 29: Op pagina https://pzh-subsites.iprox.nl/rijnlandroute/@63/uitgebreid-formulier/ komt een knop voor waarmee bezoekers een toegevoegde bijlage kunnen verwijderen. Deze knop heeft geen toegankelijke naam, dus het is voor bezoekers die het scherm niet kunnen zien onduidelijk wat deze knop doet. Zorg ervoor dat ieder interactief element een toegankelijke naam, rol en eventueel waarde heeft.

Bevinding 30: Advies: Wanneer bezoekers inzoomen verandert het navigatiemenu in een hamburgermenu. Het element om het menu te openen is nu een link, in plaats van een knop. Een link verwijst een bezoeker naar een andere plaats (zoals een andere pagina of een ankerpunt op dezelfde pagina) en een knop voert een actie uit. Gebruik daarom zo veel mogelijk de juiste elementen om interactieve elementen op te maken. Een vergelijkbaar probleem komt voor op pagina https://pzh-subsites.iprox.nl/rijnlandroute/paginatypen/artikel-vrouwen-rijnlandroute/, met de link visuele knop 'Reageren' en 'Reageren op deze reactie'.

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: 2025-05-10 14:37:21 v2.4-011