Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website iBabs Publieksportaal Waterschap Rijn en IJssel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website iBabs Publieksportaal Waterschap Rijn en IJssel
Datum 28 oktober 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op wrij.bestuurlijkeinformatie.nl.
  • Alle PDF's op wrij.bestuurlijkeinformatie.nl.
Buiten de scope van het onderzoek valt:
  • 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.
  • De techniek van alle pagina's op wrij.bestuurlijkeinformatie.nl. Dit vereist een apart onderzoek.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 14

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: Het logo bovenaan de website toont de tekst "Waterschap Rijn en IJssel", maar het alt-tekst is alleen "Logo WRIJ". In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel, zodat bezoekers die het plaatje niet kunnen zien ook precies weten wat er staat. Het tekstalternatief moet worden aangepast zodat in ieder geval de volledige tekst van het logo erin staat. Hier zijn meer problemen mee, zie ook succescriteria 2.4.4 en 2.5.3.

Bevinding 2: In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 staat op pagina 1 een logo met de zichtbare tekst “Waterschap Rijn en IJssel” dat als artefact is toegevoegd. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alt-tekst krijgen die de afbeelding duidelijk beschrijft.

Bevinding 3: In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 staan meerdere informatieve afbeeldingen zonder tekstalternatief (alt-tekst). Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving hebben. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu ontbreekt, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor het gevoel krijgen dat er inhoud wordt gemist. Er moeten alt-teksten worden toegevoegd aan deze informatieve afbeeldingen. De visuele beschrijvingen onder de afbeeldingen bevatten niet dezelfde informatie als in de afbeeldingen staat.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://wrij.bestuurlijkeinformatie.nl/Agenda/Index/9baf9d7f-9df6-4d25-839a-6d1b9f10f47e staat onder de kop “Agendapunten” een onderdeel met de titel “Filmpjes uitvoering diverse projecten”. In dit onderdeel wordt visueel een definitielijst getoond, maar in de code is de inhoud van het paneel geplaatst in één p-element. Daardoor wordt de relatie tussen termen en hun beschrijvingen niet programmatisch overgebracht. Een mogelijke oplossing is het gebruik van een dl-element met dt-element voor termen en dd-element voor beschrijvingen. Dit behoudt de relatie tussen termen en de bijbehorende links en maakt deze correct zichtbaar voor hulpsoftware zoals schermlezers. Een andere oplossing is het gebruik van een ul-element om de gerelateerde inhoud te groeperen. Andere oplossingen zijn ook mogelijk.

Bevinding 5: Op pagina https://wrij.bestuurlijkeinformatie.nl/Agenda/Document/f27957df-1dc9-4be0-9d78-bbb3632fce63?documentId=1f12cadb-71b6-4bfe-a3d0-63cbcad1c74e&agendaItemId=0a1c798f-f5c3-4509-a98f-c30ac572ac2b staat een zijpaneel met gerelateerde items. Deze groep elementen lijkt visueel bij elkaar te horen, maar deze relatie is niet terug te zien in de HTML-structuur. Als het voor een ziende bezoeker duidelijk is dat een groep links of teksten bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. De elementen moeten bijvoorbeeld in een ul- of ol-element worden opgenomen of er moet een kop boven deze tekst worden toegevoegd.

Bevinding 6: In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 staan meerdere koppen die niet als kop zijn gemarkeerd. Dit geldt bijvoorbeeld voor “Advies”, “Inleiding”, “Eerder genomen besluiten” en andere. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. De P-tag moet worden vervangen door een tag voor een kop (H1-H6), zodat de tag-structuur gelijk is aan de visuele structuur.
In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/6383875e-49fc-4499-adf9-df19b4d39df4 komt hetzelfde probleem voor bij de koppen “Bijlage 1: toelichting projecten” en “Toelichting uitvoeringsprojecten uit 2e tranche”.

Bevinding 7: In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 staat op pagina 2 en 3 een lijst met drie items onder “Onderbouwing”. In de tags is item 1.1 echter gemarkeerd als een aparte lijst met een Li-tag en zijn de items 2.1 en 2.2 gemarkeerd met P-tags. Inhoud die eruitziet als een lijst, moet ook in de tags als lijst zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items aankondigen voordat deze worden voorgelezen. De lijst moet worden gemarkeerd met een L- en Li-tags.
In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/6383875e-49fc-4499-adf9-df19b4d39df4 komt een soortgelijk probleem voor, waarbij ieder lijstitem met een eigen Li-tag is gemarkeerd.

Bevinding 8: In het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 staat op pagina 3 onder “Kosten” een datatabel. De juiste markering ontbreekt. De datacellen met jaartallen, zoals “2024”, zijn gemarkeerd als tabelkoppen met TH-tags. Er moet op worden gelet dat alleen de kopcellen met TH-tags zijn gemarkeerd en de datacellen met TD-tags.
Hetzelfde probleem komt voor bij de tabel onder “Bijdragen aan projecten van 2e tranche in de gemeente Arnhem:”.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://wrij.bestuurlijkeinformatie.nl/Calendar zijn twee tabbladen aanwezig: “Kalender” en “Lijst”. In het tabblad “Kalender” staan links naar de vergaderpagina’s, bijvoorbeeld bij de maand “oktober 2025” op de 14e met de link “12:00 commissie Waterketen”. De witte tekst van de links op de lichtgroene achtergrond (HEX #D3E2A8) heeft een contrastratio van 1,4:1. Deze moet minimaal 4,5:1 zijn.

Bevinding 10: Op pagina https://wrij.bestuurlijkeinformatie.nl/Calendar zijn twee tabbladen aanwezig: “Kalender” en “Lijst”. In het tabblad “Kalender” worden de dagen van de vorige en volgende maanden weergegeven met grijze tekst (HEX #AEAEAE) op een lichtgrijze achtergrond (HEX #F9F9F9). De contrastratio is 2,1:1. Deze moet minimaal 4,5:1 zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 11: Het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/d58939b7-5664-4f9e-9455-69577aa26a93 heeft geen titel ingesteld in de bestandseigenschappen. Zelfs als er een titel op de eerste pagina staat, moet ook in de pdf-instellingen een documenttitel worden ingesteld. Wanneer een pdf wordt geopend in een pdf-lezer, zoals Adobe Acrobat of een browser, wordt meestal de bestandsnaam bovenaan in de titelbalk getoond, bijvoorbeeld document123.pdf. Als er een documenttitel in de pdf-metadata is ingesteld, wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen, omdat snel en gemakkelijk kan worden gezien of het document relevant is. Dit kan worden aangepast in de bestandseigenschappen van het bronbestand of van het pdf-document.
Hetzelfde probleem komt voor in het PDF-document op https://wrij.bestuurlijkeinformatie.nl/Document/View/6383875e-49fc-4499-adf9-df19b4d39df4.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 12: Het logo bovenaan is een link naar de startpagina van deze website. Het linkdoel wordt nu bepaald door de alt-tekst van de afbeelding: "Logo WRIJ". Het doel van de link is hierdoor niet duidelijk. Het tekstalternatief moet worden aangepast zodat de volledige tekst van het logo erin staat en het aangeeft waar de link naartoe gaat: “Logo Waterschap Rijn en IJssel, ga naar de startpagina van iBabs Publieksportaal” of iets dergelijks. Zie ook succescriteria 2.4.4 en 2.5.3.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://wrij.bestuurlijkeinformatie.nl/Agenda/Document/f27957df-1dc9-4be0-9d78-bbb3632fce63?documentId=1f12cadb-71b6-4bfe-a3d0-63cbcad1c74e&agendaItemId=0a1c798f-f5c3-4509-a98f-c30ac572ac2b staat een iframe met een pdf-viewer. Het title-attribuut bevat tekst die overeenkomt met de titel van het geopende pdf-bestand, bijvoorbeeld: "Agenda 250701". Het type inhoud van het iframe wordt echter niet aangegeven. Iframes moeten een goede beschrijving hebben, meestal in het title-attribuut van het iframe. Daarin moet staan welk type inhoud het is, zoals een pdf, en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Met deze beschrijving kunnen bezoekers met hulpsoftware beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 14: Bovenaan de website staat het logo met de tekst “Waterschap Rijn en IJssel”. De toegankelijke naam van deze link is echter “Logo WRIJ”. De toegankelijke naam van de link is dus niet hetzelfde als de zichtbare tekst in het logo. Daardoor werkt de link niet goed als deze met een stemgestuurd systeem wordt geactiveerd, omdat de bezoeker de tekst uitspreekt die zichtbaar is in het logo. Als de toegankelijke naam anders is, zal het systeem de link niet herkennen. Zorg dat de tekst die in het logo zichtbaar is voorkomt in de toegankelijke naam, het liefst vooraan. Zie ook succescriteria 1.1.1 en 2.4.4.

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-12-01 17:20:18 v2.4-011