Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Regio Midden-Holland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Regio Midden-Holland
Datum 14 april 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op regiomiddenholland.nl.
  • Alle PDF's op regiomiddenholland.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 regiomiddenholland.nl. Dit vereist een apart onderzoek.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 36

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://www.regiomiddenholland.nl/over+2/Gemeenten/default.aspx staat een grote interactieve afbeelding met links naar de gemeenten. Deze afbeelding heeft echter geen tekstalternatief en dat is wel nodig, zodat blinde gebruikers ook kunnen weten wat hier staat. Voeg een tekstalternatief toe, bijvoorbeeld "Interactieve kaart van de vijf gemeenten".

Bevinding 2: Op pagina https://www.regiomiddenholland.nl/onze+ambities/Verkeer+en+Vervoer/treinstation+gouda-zuidplas/default.aspx staat een afbeelding met het tekstalternatief "kaart met locatie mogelijk treinstation Gouda Zuidplas". Dit beschrijft op zich wel goed wat op de afbeelding staat. Het probleem is echter dat de afbeelding meer informatie bevat waarvoor geen tekstalternatief beschikbaar is. Bijvoorbeeld het aantal woningen in "Het Vijfde Dorp" en "Westergouwe" en de namen "Doelwijk" en "Gouwepark" etc. Deze informatie kan ook toegevoegd worden aan de tekst op de webpagina. Dat kan dan als tekstalternatief dienen.

Bevinding 3: Op pagina https://www.regiomiddenholland.nl/onze+ambities/Cultuur/cultuureducatie+met+kwaliteit/default.aspx staat onderaan een afbeelding met de alternatieve tekst "foto cultuureducatie_by Liek". Deze alternatieve tekst geeft dezelfde informatie als de zichtbare tekst onder deze afbeelding en is door gebruik van de underscore ("_") niet goed leesbaar. Vervang de alternatieve tekst van de afbeelding zodat deze beter beschrijft wat op de afbeelding te zien is, en laat de zichtbare tekst onder de afbeelding staan.

Bevinding 4: In de PDF op pagina https://www.regiomiddenholland.nl/over+2/Financien/HandlerDownloadFiles.ashx?idnv=2774138 staat op pagina 1 en 2 het logo van Regio Midden-Holland. Dit zijn informatieve afbeeldingen, omdat ze aangeven wie de afzender van het document is. Deze afbeeldingen hebben echter geen tekstalternatief dat deze informatie overbrengt. Daarom moet in ieder geval de afbeelding op pagina 1 een tekstalternatief krijgen, bijvoorbeeld "Logo Regio Midden-Holland".

Bevinding 5: In de PDF op pagina https://www.regiomiddenholland.nl/over+2/Financien/HandlerDownloadFiles.ashx?idnv=2774138 staat op pagina 9 een afbeelding van een tabel. Deze informatieve afbeelding heeft geen tekstalternatief en dat is wel nodig. Beter is nog om deze tabel niet als afbeelding, maar als echte tabel in het document te zetten. Dit komt vaker voor, bijvoorbeeld op pagina's 10 en 11.

Bevinding 6: In de PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 staat bovenaan op pagina 1 het logo van Regio Midden-Holland. Dit is een informatieve afbeelding, omdat het aangeeft wie de afzender van het document is. Deze afbeelding heeft echter geen tekstalternatief dat deze informatie overbrengt. Daarom moet deze afbeelding een tekstalternatief krijgen, bijvoorbeeld "Logo Regio Midden-Holland".

Bevinding 7: In de PDF op pagina https://www.regiomiddenholland.nl/Vergaderingen/Regionaal+platform+en+AB+Regio+Midden-Holland/HandlerDownloadFiles.ashx?idnv=2936643 staat bovenaan op pagina 1 het logo van Regio Midden-Holland. Dit is een informatieve afbeelding, omdat het aangeeft wie de afzender van het document is. Deze afbeelding is niet getagd (zie ook succescriterium 1.3.1) en heeft daarom geen tekstalternatief dat deze informatie overbrengt. Daarom moet deze afbeelding in de tags opgenomen worden, bijvoorbeeld door het uit de koptekst te halen. Vervolgens moet het een tekstalternatief krijgen, bijvoorbeeld "Logo Regio Midden-Holland".

Bevinding 8: Advies: op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/zuidplas/default.aspx staan afbeeldingen van personen met de namen ernaast. De afbeeldingen zelf hebben ook de namen als tekstalternatief gekregen. Dit is dubbelop en kan daardoor beter verwijderd worden. Dit is echter niet strikt noodzakelijk.

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 9: Op pagina https://www.regiomiddenholland.nl/over+2/default.aspx komen in de video vanaf 1:54 de namen van de gemeenten 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 schermvoorleessoftware, 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 succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.regiomiddenholland.nl/over+2/default.aspx komen in de video vanaf 1:54 de namen van de gemeenten in beeld. 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 schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

Bevinding 11: Advies: op pagina https://www.regiomiddenholland.nl/over+2/default.aspx komt aan het begin van de video de tekst "De kracht van Midden-Holland" in beeld. Er is geen audiodescriptie die vertelt wat er op het scherm staat. Deze tekst is echter ook de naam van de video en wordt later in de video herhaald, waarbij de tekst wel wordt uitgesproken. Dit wordt daarom niet afgekeurd. Wel zou het goed zijn om de tekst aan het begin ook te laten uitspreken.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://www.regiomiddenholland.nl/Nieuws/2959075.aspx staat onder de titel een stuk tekst in vet. Het gaat hier specifiek om de tekst vanaf "Judith Sargentini, voorzitter bestuurlijk overleg…" (de tweede alinea). Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven en dat is niet de bedoeling. De elementen strong en em zijn bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van een stylesheet (CSS) om een introtekst in een vet lettertype te tonen. Voor de eerste alinea is dit wel goed gedaan.

Bevinding 13: Het volgende is waarschijnlijk een technisch probleem, maar is toch benoemd: Op pagina https://www.regiomiddenholland.nl/default.aspx is de koppenstructuur vanaf "Actueel" (kop 3, h3) niet logisch. De nieuwsberichten eronder hebben namelijk een kop van een hoger niveau (kop 2, h2). Dit is niet een correcte weergave van de structuur. Wijzig dit zodat de structuur wel klopt. De berichtteksten kunnen beter geen kop meer worden, omdat er in de praktijk geen content onder staat. In de code staat hier alleen een link onder met ongeveer dezelfde inhoud.

Bevinding 14: De PDF op pagina https://www.regiomiddenholland.nl/Vergaderingen/Regionaal+platform+en+AB+Regio+Midden-Holland/HandlerDownloadFiles.ashx?idnv=2936643 is van tags voorzien, wat betekent dat hulpsoftware het document kan interpreteren en dat is goed. Er zijn echter wel problemen met deze codes of tags gevonden. Hier volgen enkele voorbeelden:

Bevinding 15: De PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 is van tags voorzien, wat op zich goed is. Er zijn echter wel problemen met deze codes of tags gevonden. Hier volgen enkele voorbeelden:

Bevinding 16: De PDF op pagina https://www.regiomiddenholland.nl/over+2/Financien/HandlerDownloadFiles.ashx?idnv=2774138 is van tags voorzien, wat op zich goed is. Er zijn echter wel problemen met deze codes of tags gevonden. Hier volgen enkele voorbeelden:

Bevinding 17: Advies: op meerdere pagina's, waaronder de startpagina https://www.regiomiddenholland.nl/default.aspx, worden niveau's in de koppenstructuur overgeslagen. Op deze pagina gaat de structuur bijvoorbeeld van "Midden-Holland: de regio in het hart van de Randstad" op niveau 1 (h1) naar "Groei" op niveau 3 (h3). Dit is niet direct een toegankelijkheidsprobleem, maar het zou beter zijn als er geen niveaus worden overgeslagen in de koppenstructuur.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 18: De volgorde van de tags in de PDF op pagina https://www.regiomiddenholland.nl/Vergaderingen/Regionaal+platform+en+AB+Regio+Midden-Holland/HandlerDownloadFiles.ashx?idnv=2936643 is niet overal logisch. Hier volgen enkele voorbeelden:

Bevinding 19: In de PDF op pagina https://www.regiomiddenholland.nl/over+2/Financien/HandlerDownloadFiles.ashx?idnv=2774138 staan op pagina 36 de functies en namen van de ondertekenaars. In de tags komen eerst de twee functies "De secretaris, De voorzitter," en pas daarna de twee namen. Dit is niet logisch. Dit kan opgelost worden door de content in twee kolommen te zetten of desnoods in een tabel met één rij en twee kolommen. Deze tabel mag dan echter geen tabelkoppen hebben.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.regiomiddenholland.nl/onze+ambities/Verkeer+en+Vervoer/treinstation+gouda-zuidplas/default.aspx heeft de afbeelding van de kaart gekleurde vlakken die alleen door kleurverschil herkenbaar zijn: "Plangebied" en "Bedrijventerrein". De contrastratio tussen de kleuren is lager dan 3,0:1, namelijk ongeveer 1,1:1 tussen rood (HEX #F44919) en groen (HEX #03937C). Slechtziende en kleurenblinde bezoekers missen zo informatie. Naast kleuren kunnen hier bijvoorbeeld ook verschillende soorten arcering gebruikt worden om de informatie over te brengen, zoals bijvoorbeeld wel goed is gedaan voor "Toekomstig bedrijventerrein". Zie ook succescriterium 1.4.11.

Bevinding 21: Advies: op pagina https://www.regiomiddenholland.nl/Kalender/default.aspx staat onder de kalender de link "toegankelijke lijstweergave". Deze is alleen als link herkenbaar doordat het een andere kleur heeft. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Dit wordt echter niet afgekeurd, omdat er een alternatieve knop boven de kalender staat. Het zou echter wel goed zijn om de link standaard te onderstrepen.

Bevinding 22: Advies: in de PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 staat op pagina 2 de rode tekst "En week 19?". Door het gebruik van de rode tekst, lijkt dit tekst die nog niet vaststaat. Dit is echter ook duidelijk door het vraagteken in de tekst en daarom is niet alleen kleur gebruikt om informatie over te brengen. Zie echter ook succescriterium 1.4.3.

Bevinding 23: Advies: in de PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 zijn enkele cellen in de tabel opgemaakt met een grijze achtergrond. Het gaat om het laatste deel van de rijen "Mrt" en "Okt". Hier lijkt alleen kleur gebruikt om informatie over te brengen, maar de aanname is dat dit dezelfde informatie is die onder de tabel staat. Deze tekst is daarmee een alternatief voor de tabel. Zie ook succescriterium 1.4.11.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 24: Nadat je voor het eerst inlogt op de website, verschijnt een dialoogvenster voor het accepteren van de gebruikersvoorwaarden. Hierin staat een knop met de witte tekst "GA VERDER" op een groene achtergrond (HEX #5E8314) met een te laag contrast van 4,4:1. Deze tekst valt net niet onder de definitie van grote tekst, dus dit contrast moet minimaal 4,5:1 zijn. Dit is op verschillende manieren op te lossen. Bijvoorbeeld door de tekstgrootte aan te passen naar 19 pixels en de dikte van de tekst (de 'font-weight' in CSS) te wijzigen van 600 naar 700 of door een donkerder tint groen te gebruiken, bijvoorbeeld HEX #597C13.
Dit komt vaker voor, bijvoorbeeld de knop "Opslaan" in het dialoogvenster voor de cookie-instellingen, de knop "VERSTUREN" op pagina https://www.regiomiddenholland.nl/shortcuts/sendcontactmessage.aspx en de knop "DOWNLOADEN" op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/zuidplas/default.aspx.

Bevinding 25: Op pagina https://www.regiomiddenholland.nl/onze+ambities/Verkeer+en+Vervoer/treinstation+gouda-zuidplas/default.aspx staat een afbeelding van een kaart. Hierin staan meerdere witte teksten die een te lage contrastratio hebben op de achtergrond. Bijvoorbeeld "Spoorlijn Gouda - Den Haag" op de blauwe achtergrond (HEX #009ADA), 3,2:1; "A12" en "A20" op de roze achtergrond (HEX #F97E89), 2,5:1; "N219" en "N453" op de grijze achtergrond (HEX #949EB2). In deze afbeelding komen meer contrastproblemen voor. Let op: omdat dit een afbeelding is, zijn de kleurcodes enigszins bij benadering. Zie ook succescriteria 1.4.1 en 1.4.11.

Bevinding 26: In de PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 staat op pagina 2 de rode tekst (HEX #FF0000) "En week 19?". De contrastratio is hier 4,0:1 waar dat minimaal 4,5:1 moet zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/default.aspx staat een afbeelding van een kaart. Hierin zijn met een groene kleur (HEX #8ABF19) de buitenste grenzen van de gemeenten en de links naar de gemeentepagina's aangegeven. De contrastratio is hier 2,2:1 waar dat minimaal 3,0:1 moet zijn. Eventueel zou de opsommingslijst onder de kaart een alternatief kunnen zijn, maar de links in deze opsommingslijst gaan naar andere pagina's dan de links in de kaart. Daarom geldt dit nu niet als alternatief.

Bevinding 28: Op pagina https://www.regiomiddenholland.nl/onze+ambities/Verkeer+en+Vervoer/treinstation+gouda-zuidplas/default.aspx heeft de afbeelding van de kaart gekleurde vlakken die een te lage contrastratio hebben op de achtergrond. Het gaat bijvoorbeeld om "Plangebied" (HEX #F44919) met een contrastratio van 2,7:1 op de lichtgroene achtergrond (HEX #C9E5BF). Een ander voorbeeld is "Bedrijventerrein" (HEX #03937C) met een contrastratio van 2,7:1 op de lichtgroene achtergrond (HEX #C9E5BF). Let op: omdat dit een afbeelding is, zijn de kleurcodes enigszins bij benadering. Zie ook succescriteria 1.4.1 en 1.4.3. In deze afbeelding komen meer contrastproblemen voor, bijvoorbeeld met de spoorlijnen.

Bevinding 29: Advies: in de PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 zijn enkele cellen in de tabel opgemaakt met een grijze achtergrond. Het gaat om het laatste deel van de rijen "Mrt" en "Okt". Deze grijze kleur (HEX #D9D9D9) heeft een te lage contrastratio van 1,4:1 ten opzichte van de witte achtergrond, maar de aanname is dat dit dezelfde informatie is die onder de tabel staat. Deze tekst is daarmee een alternatief voor de tabel. Zie ook succescriterium 1.4.1.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 30: De PDF op pagina https://www.regiomiddenholland.nl/over+2/Financien/HandlerDownloadFiles.ashx?idnv=2774138 heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

Bevinding 31: De PDF op pagina https://www.regiomiddenholland.nl/Vergaderingen/Regionaal+platform+en+AB+Regio+Midden-Holland/HandlerDownloadFiles.ashx?idnv=2936643 heeft wel een titel, namelijk "Vergadering". Dit omschrijft niet voldoende het onderwerp of doel van het document. Wijzig dit naar bijvoorbeeld "Conceptverslag overleg Regionaal Platform en Algemeen Bestuur Regio Midden-Holland 2 oktober 2024".

Bevinding 32: De PDF op pagina https://www.regiomiddenholland.nl/Kalender/Vergaderschema+totaal/HandlerDownloadFiles.ashx?idnv=2971315 heeft wel een titel, namelijk "vergaderschema tweede helft 1998". Dit omschrijft niet het onderwerp of doel van het document, omdat het verkeerde informatie geeft. Wijzig dit naar bijvoorbeeld "Vergaderschema 2025".

Bevinding 33: Advies: de paginatitel van webpagina https://www.regiomiddenholland.nl/Vergaderingen/Regionaal+platform+en+AB+Regio+Midden-Holland/default.aspx is "Regionaal platform en AB Regio Midden-Holland | Regio Midden-Holland". Dit geeft niet heel duidelijk aan dat dit om een vergadering gaat. Dit kan beter toegevoegd worden: "Vergaderingen Regionaal platform en AB Regio Midden-Holland | Regio Midden-Holland", maar dit is niet strikt noodzakelijk.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/default.aspx staat een afbeelding van een kaart. Hierin zijn de gemeenten ook opgemaakt als links. Deze vijf links hebben nu geen linknaam, waardoor het doel van deze links niet duidelijk is. Geef deze links een naam, bijvoorbeeld via een title- of aria-label-attribuut. Zorg er ook voor dat deze naam de zichtbare tekst bevat. Dit is ook afgekeurd bij succescriteria 2.5.3 en 4.1.2. Eventueel zou de opsommingslijst onder de kaart een alternatief kunnen zijn, maar de links in deze opsommingslijst gaan naar andere pagina's dan de links in de kaart. Daarom geldt dit nu niet als alternatief.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/default.aspx staat een afbeelding van een kaart. Hierin zijn de gemeenten ook opgemaakt als links. Deze vijf links hebben nu geen linknaam, waardoor de zichtbare tekst niet gebruikt kan worden om de links met spraakbedieningssoftware te bedienen. Geef deze links een naam, bijvoorbeeld via een title- of aria-label-attribuut. Zorg er ook voor dat deze naam de zichtbare tekst bevat. Dit is ook afgekeurd bij succescriteria 2.4.4 en 4.1.2. Eventueel zou de opsommingslijst onder de kaart een alternatief kunnen zijn, maar de links in deze opsommingslijst gaan naar andere pagina's dan de links in de kaart. Daarom geldt dit nu niet als alternatief.

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 36: Op pagina https://www.regiomiddenholland.nl/over+2/Gemeenten/default.aspx staat een afbeelding van een kaart. Hierin zijn de gemeenten ook opgemaakt als links. Deze vijf links zijn daardoor interactieve elementen zonder naam. Geef deze links een naam, bijvoorbeeld via een title- of aria-label-attribuut. Zorg er ook voor dat deze naam de zichtbare tekst bevat. Dit is ook afgekeurd bij succescriteria 2.4.4 en 2.5.3. Eventueel zou de opsommingslijst onder de kaart een alternatief kunnen zijn, maar de links in deze opsommingslijst gaan naar andere pagina's dan de links in de kaart. Daarom geldt dit nu niet als alternatief.

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-12 11:49:26 v2.4-011