Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Veenweiden Gouwe Wiericke

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Veenweiden Gouwe Wiericke
Datum 25 maart 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

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 de homepagina https://veenweidengouwewiericke.nl/ en alle andere pagina's staat linksboven het logo met een link naar de homepagina. Het logo is voorzien van het tekstalternatief 'Veenweiden Gouwe Wiericke'. Voor logo's geldt dat in het tekstalternatief altijd benoemt dient te worden dat het om een logo gaat. Bijvoorbeeld: 'Logo Veenweiden Gouwe Wiericke'. Eventueel kan dit aangevuld worden met 'Naar de homepagina' om ook het linkdoel te benoemen.

Bevinding 2: Op de contactpagina https://veenweidengouwewiericke.nl/vaste-onderdelen/secundaire-navigatie/contact/ staat onderaan het contactformulier een CAPTCHA met een letterreeks die moet worden overgetypt om het formulier te kunnen verzenden. De gebruikte CAPTCHA is alleen toegankelijk voor bezoekers die (goed) kunnen zien. Voor CAPTCHA's geldt dat er minimaal één alternatief geboden dient te worden dat op andere zintuigelijke informatie is gebaseerd, bijvoorbeeld geluid. Anders kunnen bezoekers met een visuele beperking het formulier niet verzenden.

Bevinding 3: Bij het nieuwsartikel op de pagina https://veenweidengouwewiericke.nl/nieuws/nieuwsberichten/2024/instemming-inrichting-nieuwe-natuur/ staan vier afbeeldingen met een link om een vergroting te openen. De links zijn toegankelijk voor bezoekers die afhankelijk zijn van voorleessoftware, maar de afbeeldingen zelf zijn voor voorleessoftware verborgen door een leeg alt-attribuut, ook wanneer de vergroting geopend is. Voorzie de afbeeldingen van tekstalternatieven met beschrijvingen van wat er op de afbeeldingen te zien is.

Bevinding 4: Op de pagina https://veenweidengouwewiericke.nl/deelgebieden/ staat een carrousel of slider waarin afbeeldingen worden getoond van de verschillende deelgebieden. Afbeeldingen in een carrousel kunnen nooit decoratief zijn, dus ze moeten voorzien worden van een beschrijvende alt-tekst.

Bevinding 5: Op de pagina https://veenweidengouwewiericke.nl/planten-dieren/fotoalbum-dieren/ staat een overzicht van kopteksten met daaronder afbeeldingen van dieren. De afbeeldingen vormen de inhoud onder de koppen, maar zijn voor bezoekers die afhankelijk zijn van voorleessoftware verborgen omdat ze een leeg alt-attribuut hebben. Voorzie de afbeeldingen hier van een beschrijvend tekstalternatief om deze inhoud beschikbaar te maken voor voorleessoftware.

Bevinding 6: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf staat bovenaan iedere pagina het logo van Veenweiden Gouwe Wiericke. Omdat dit logo in de pagina header staat, is deze nu gecodeerd als 'artifact' en daarmee verborgen voor voorleessoftware. Maak het logo (alleen) op de eerste pagina van de PDF beschikbaar voor voorleessoftware en voorzie het logo van een tekstalternatief zoals 'Logo Veenweiden Gouwe Wiericke'.

Bevinding 7: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf zijn op de laatste pagina's vier inrichtingstekeningen opgenomen. Bij de eerste afbeelding is de alternatieve tekst leeg en bij de andere drie is deze gevuld met 'Afbeelding met kaart Automatisch gegenereerde beschrijving'. Dit zijn afbeeldingen die veel visuele informatie bevatten die nu niet beschikbaar is voor mensen die afhankelijk zijn van voorleessoftware. Zorg dat de belangrijke informatie op de afbeeldingen in het document beschreven wordt. Gebruik de alternatieve tekst van de afbeeldingen voor een korte beschrijving die de afbeelding identificeert en verwijst naar waar de uitgebreide beschrijving in het document te vinden is.

1.2 Op tijd gebaseerde media

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

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

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://veenweidengouwewiericke.nl/ is er in de video op verschillende plaatsen tekst in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals schermlezersoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://veenweidengouwewiericke.nl/ is er in de video op verschillende plaatsen tekst in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals schermlezersoftware niet weten wat er wordt getoond in de video. Laat een voiceover deze informatie uitspreken.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: In het hoofdmenu op de homepagina https://veenweidengouwewiericke.nl/ en alle andere pagina's staat een uitklapbaar menu item met de linktekst 'Deelgebieden'. De linktekst is in de HTML binnen een h2-element geplaatst waarmee deze is aangemerkt als kop. Bezoekers die afhankelijk zijn van voorleessoftware kunnen de koppenstructuur van een pagina gebruiken om snel een beeld te krijgen van de inhoud en voor navigatie door de inhoud. Dit menu item verschijnt nu in de koppenstructuur, terwijl deze niet functioneert als een kop, maar als een link die verwijst naar een andere pagina. Dit kan verwarrend werken. Verwijder het h2-element om dit op te lossen.

Bevinding 11: Op de pagina https://veenweidengouwewiericke.nl/deelgebieden/ staat een carrousel of slider waarbij steeds een afbeelding en de naam van een deelgebied in beeld komt. De namen van de deelgebieden onder de afbeeldingen staan in de HTML binnen een h2-element en zijn daarmee aangemerkt als kopteksten. Er is geen verdere inhoud die hoort bij deze kopteksten waarmee ze niet als kop fungeren. Voor bezoekers die afhankelijk zijn van voorleessoftware kan dit verwarring scheppen. Deze koppen verschijnen in de koppenstructuur die zij kunnen gebruiken om een idee te krijgen van de inhoud van de pagina en voor navigatie door die inhoud. Daarbij wijzigt de koptekst steeds wanneer de slider verspringt. Verwijder de h2-elementen om dit op te lossen.

Bevinding 12: Op de homepagina https://veenweidengouwewiericke.nl/ staan onder de kop 'Nieuws' blokken met een afbeelding, een koptekst en beschrijvende tekst. In een aantal gevallen ('Instemming inrichting nieuwe natuur Bodegraven Noord', 'Duidelijkheid over natuur in Bodegraven Noord') is de beschrijvende tekst in de HTML binnen een strong-element geplaatst. Het strong-element is bedoeld om aan te geven dat bepaalde tekst extra belangrijk is. Voorleessoftware interpreteert dit ook zo en leest de tekst met extra nadruk voor. Gebruik het strong-element daarom niet voor opmaak van tekstalinea's, maar gebruik hiervoor de stylesheet. Ditzelfde doet zich voor op andere pagina's, zoals het nieuwsoverzicht op https://veenweidengouwewiericke.nl/nieuws/ en geldt ook voor de inleidende alinea's in enkele nieuwsberichten zelf, zoals op https://veenweidengouwewiericke.nl/nieuws/nieuwsberichten/2024/instemming-inrichting-nieuwe-natuur/.

Bevinding 13: Op de pagina https://veenweidengouwewiericke.nl/@1028/nieuwe-natuur-meijegraslanden/ staat onder de video de kop 'Bron' die kan worden uitgevouwen. Na uitvouwen verschijnt een link naar de video op Youtube. Deze link is in de HTML binnen een ul- en li-element geplaatst, waarmee deze als lijst is aangemerkt. Omdat hier een enkel item staat, is er geen sprake van een lijst. Bezoekers die afhankelijk zijn van voorleessoftware, krijgen nu onnodige informatie te horen die afleidend kan zijn. Verwijder het ul- en li-element om dit op te lossen. Ditzelfde doet zich voor bij de RSS-link vlak boven de footer op de pagina https://veenweidengouwewiericke.nl/nieuws/.

Bevinding 14: Op de pagina https://veenweidengouwewiericke.nl/deelgebieden/steinse-groen/ staan onder de koppen 'Welke natuur' en 'Bijzonder [sic] soorten' opsommingen van soorten natuur en dieren. In beide gevallen zien de opsommingen er visueel uit als lijst, maar zijn in de HTML niet als lijst aangemerkt. Voor bezoekers die afhankelijk zijn van voorleessoftware is het belangrijk om te weten wanneer ze met een lijst te maken hebben, zodat de structuur van de tekst duidelijk is. Plaats de opsommingen binnen een lijst, met gebruik van ul- en li-elementen, om dit op te lossen.

Bevinding 15: De PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/675/noordsebuurt_vo-2024_aanpassingen_a4poster.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet te bepalen is. Hulpsoftware kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, geen alternatieve teksten bij afbeeldingen tonen en bepalen wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat er bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 16: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf staan drie genummerde koppen. Deze zijn niet gecodeerd als koppen, maar als drie lijsten met elk één lijstitem. Het is van belang dat koppen in PDF's als zodanig gecodeerd zijn, omdat ze voor gebruikers van voorleessoftware de structuur en inhoud van het document aangeven en gebruikt kunnen worden voor snelle navigatie. Verwijder de lijstcodering en codeer de koppen als koppen om dit op te lossen.

Bevinding 17: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf staat op de eerste pagina een tabel met informatie over contact en datum. Deze tabel is gebruikt voor de lay-out van gewone tekst en niet om data gestructureerd te presenteren. Mensen die afhankelijk zijn van voorleessoftware krijgen nu veel onnodige informatie te horen die afleidt van de inhoud. Verzorg de lay-out van de tekst zonder gebruik te maken van een tabel om dit op te lossen.

Bevinding 18: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf staat een grote tabel die start op pagina 1 en visueel doorloopt tot pagina 3. In de code is deze tabel opgedeeld in drie tabellen waarbij de splitsing steeds samenvalt met het einde van een pagina. Dit leidt er ook toe dat de lijst die onderaan pagina 2 in de tabel begint en visueel doorloopt op pagina 3, is gesplitst in twee lijsten. Voor mensen die afhankelijk zijn van voorleessoftware is niet duidelijk dat het hier om een doorlopende tabel en lijst gaat. Zorg dat de tabel als 1 tabel is gecodeerd om dit op te lossen. Let daarbij ook op dat de gesplitste lijst als 1 lijst wordt gecodeerd.

Bevinding 19: In de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf staat een grote tabel die start op pagina 1 en visueel doorloopt tot pagina 3. De tabel bevat kolomkoppen en rijkoppen (TH in de code), maar er is in de code niet aangegeven op welke subcellen deze betrekking hebben. Hierdoor zijn de relaties tussen de koppen en de data in de tabel niet duidelijk voor mensen die afhankelijk zijn van voorleessoftware. Geef de kolom- en rijkoppen in de code het juiste bereik (scope) mee om dit op te lossen. Voor de tussenkoppen in de tabel (Inrichting, Agrarisch medegebruik, Vier ha Blauwgrasland, etc.) geldt dat deze een 'colspan' van 2 nodig hebben om aan te geven dat ze over twee kolommen lopen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 20: In de footer op de homepagina https://veenweidengouwewiericke.nl/ en andere pagina's staan links onder de koppen 'Direct naar' en 'Contact'. De linkteksten en koppen zijn wit en staan op een donkerblauwe achtergrond met lichter blauw gekleurde rietpluimen. Daar waar de witte linkteksten overlappen met het lichtere blauw (HEX #4298D1) van de rietpluimen is de contrastverhouding tussen tekst en achtergrond 3,1:1 waar dit minimaal 4,5:1 dient te zijn. Voor slechtzienden en kleurenblinden is een aantal van de linkteksten hierdoor niet voldoende leesbaar. Los dit op door te zorgen dat de contrastverhouding overal minimaal 4,5:1 is.

Bevinding 21: Op de homepagina https://veenweidengouwewiericke.nl/ en op de pagina https://veenweidengouwewiericke.nl/@1028/nieuwe-natuur-meijegraslanden/ staat een ingebedde video. De witte ondertitels staan op een enigszins doorzichtige zwarte balk. Op bepaalde punten in de video schijnt een lichte achtergrondkleur in de video door de balk waardoor het contrast tussen de ondertitels en de achtergrond te laag wordt. Bijvoorbeeld wanneer in de video witte tekst verschijnt met de naam en functie van een persoon en de ondertitels hier overheen vallen. Dan is de contrastverhouding tussen ondertitels en achtergrond 3,5:1 waar dit minimaal 4,5:1 dient te zijn. Voor slechtzienden en kleurenblinden die afhankelijk zijn van de ondertitels zijn deze niet altijd voldoende leesbaar. Zorg dat de contrastverhouding tussen ondertitels en achtergrond altijd minimaal 4,5:1 is.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 22: De PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/809/inrichtingsplan_meijegraslanden_2021.pdf is niet voorzien van een titel. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren van de website. Voorzie de PDF daarom in de bestandseigenschappen van een titel die de inhoud goed beschrijft en stel in dat deze ook wordt getoond bij het openen van het document. Ditzelfde geldt voor de PDF op pagina https://veenweidengouwewiericke.nl/publish/pages/675/noordsebuurt_vo-2024_aanpassingen_a4poster.pdf.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina https://veenweidengouwewiericke.nl/vaste-onderdelen/secundaire-navigatie/contact/ staat een contactformulier. Wanneer in het invoerveld voor E-mail een tekst wordt ingevoerd die niet overeenkomt met het format van een e-mailadres, kan het formulier niet verzonden worden. Er verschijnt een foutmelding met de tekst 'Veld E-mail is geen geldig e-mailadres.'. Deze melding bevat geen suggestie over hoe de gebruiker het veld wel goed moet invullen. Het vereiste format staat visueel boven het invoerveld, maar voor bezoekers die afhankelijk zijn van voorleessoftware is dit format niet aan het invoerveld gekoppeld, waardoor zij dit niet automatisch te horen krijgen wanneer de focus in het invoerveld staat. Zorg dat het vereiste format expliciet benoemd wordt in de foutmelding, of zorg dat het format in de HTML onderdeel is van het label dat aan het invoerveld gekoppeld is.

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 24: Op de pagina https://veenweidengouwewiericke.nl/deelgebieden/ staat een carrousel of slider waarin afbeeldingen worden getoond van de verschillende deelgebieden. De carrousel zelf heeft geen toegankelijke naam. De knoppen binnen de carrousel hebben dat wel. Bezoekers die afhankelijk zijn van voorleessoftware horen als eerste 'Pauzeer', maar weten niet wat er gepauzeerd kan worden. Voorzie de carrousel als geheel van een toegankelijke naam, bijvoorbeeld met een ####.

Bevinding 25: Op de pagina https://veenweidengouwewiericke.nl/planten-dieren/fotoalbum-dieren/ staat een overzicht met kopteksten en afbeeldingen van dieren. Elke afbeelding staat binnen een link om een diashow te openen, maar de link heeft geen toegankelijke naam. Voorzie de links van een naam die beschikbaar is voor voorleessoftware. In dit geval bijvoorbeeld door een linktekst toe te voegen die duidelijk aangeeft wat de link doet, zoals 'Open de diashow'.

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-22 18:01:09 v2.4-011