Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Zuidelijke Randstad

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Zuidelijke Randstad
Datum 1 augustus 2025
Scope van de website Binnen de scope van het contentonderzoek valt:
  • De content van alle pagina's op zuidelijkerandstad.nl
Buiten de scope valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 16

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 dat gebruikt wordt in de header van elke pagina heeft een onvolledige alternatieve tekst "NOVEX Zuidelijke Randstad". Voor gebruikers van voorleessoftware is nu niet duidelijk dat het gaat om het logo van NOVEX Zuidelijke Randstad. De alternatieve tekst moet naast de volledige tekst van het logo ook het woord Logo bevatten. Het is ook gebruikelijk om het linkdoel te vermelden in de alternatieve tekst wanneer een afbeelding in een link staat die naar een pagina verwijst om ook te voldoen aan 2.4.4. Een goed alternatief voor de huidige alternatieve tekst is bijvoorbeeld: Logo NOVEX Zuidelijke Randstad - naar de homepagina.

Bevinding 2: Op de pagina https://www.zuidelijkerandstad.nl/scope/ staat, onder de kop "Geografische scope NOVEX-gebied Zuidelijke Randstad", een overzichtskaart van dit gebied. Deze kaart heeft een lege alternatieve tekst attribuut meegekregen. Omdat de afbeelding gekoppeld zit aan een link en ernaar verwezen wordt in de tekst, die onder de afbeelding staat, is de afbeelding een functionele afbeelding. Een functionele afbeelding heeft een goede beschrijvende alternatieve tekst nodig.
Wanneer een afbeelding geen alternatieve tekst heeft weet een gebruiker van voorleessoftware niet wat op de afbeelding staat. Daarmee mist deze gebruiker een stuk context. Een optie voor de huidige alternatieve tekst kan zijn; Overzichtskaart van het NOVEX-gebied Zuidelijke Randstad.
Geef ook een uitgebreide beschrijving van de kaart als toegankelijk alternatief want de alternatieve tekst van een afbeelding mag niet te lang zijn. Geef bijvoorbeeld een opsomming van de gemeenten die bij dit gebied horen zodat bijvoorbeeld blinden ook weten wat de geografische scope van het NOVEX-gebied Zuidelijke Randstad is.

Op pagina https://www.zuidelijkerandstad.nl/ambitie/gezonde-klimaatadaptieve-delta/ staat na de tekst een afbeelding met daarin tekst. De termen die in de afbeelding staan worden nergens op de pagina uitgelegd. De afbeelding heeft dus een informatieve functie en informatieve afbeeldingen hebben een beschrijvende alternatieve tekst nodig anders worden ze overgeslagen door voorleessoftware. Hierdoor missen gebruikers van voorleessoftware een stuk context.
Dit issue komt ook voor op de pagina's: https://www.zuidelijkerandstad.nl/ambitie/toekomstbestendige-veerkrachtige/ https://www.zuidelijkerandstad.nl/ambitie/innovatieve-krachtige-economische-motor/
https://www.zuidelijkerandstad.nl/ambitie/waar-inwoners-elke-woning-gezond/

Bevinding 3: In het PDF-bestand https://www.zuidelijkerandstad.nl/publish/pages/798/ontwikkelperspectief_novex_zuidelijke_randstad.pdf staan alle afbeeldingen als artefact gemarkeerd, ook de overzichtskaarten met bijbehorende legenda van de regio. Als voorbeeld: op pagina 6, in paragraaf "De geografische afbakening van de Zuidelijke Randstad" staat een verwijzing naar de afbeelding op pagina 7, maar deze wordt door voorleessoftware overgeslagen omdat het een artefact is. De gebruiker van de voorleessoftware heeft daardoor geen idee om wat voor soort afbeelding het gaat en mist context. Het is noodzakelijk om alle afbeeldingen op functionaliteit te controleren en ze op de juiste wijze te markeren. Dit issue komt voor op meerdere plaatsen in alle PDF-bestanden.

Bevinding 4: Advies:
Alle afbeeldingen op de website hebben een lege alternatieve tekst meegekregen. Dit houdt in dat voorleessoftware deze afbeeldingen ziet als decoratieve afbeeldingen en deze overslaat. We raden aan om alle afbeeldingen na te lopen en te bekijken of de afbeelding decoratief is of een functie heeft. Wanneer de afbeelding een functie heeft geef deze een beschrijvende alternatieve tekst die niet te lang is en een uitgebreide toegankelijke beschrijving van de afbeelding.

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 5: In de Video op pagina https://www.zuidelijkerandstad.nl/ komt zichtbare informatie voor die niet wordt uitgesproken, zoals bijvoorbeeld het logo aan het begin en eind van de video waarmee aangegeven wordt dat dit een officiële video van NOVEX Zuidelijke Randstad is. 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. Het valt te overwegen om beide te doen zodat ook mensen die doof/blind zijn en gebruik maken van voorleessoftware, om een brailleregel aan te sturen weten wat in de video gezegd wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: De video op de pagina https://www.zuidelijkerandstad.nl/ heeft een incompleet audiospoor. De audio geeft niet alle informatie die in de video te zien is, zoals bijvoorbeeld het logo aan het begin en eind van de video waarmee aangegeven wordt dat dit een officiële video van NOVEX Zuidelijke Randstad is. Ook ontbreekt een audiodescriptie voor deze video. Voor gebruikers met slecht zicht of gebruikers die blind zijn is niet duidelijk wat er precies op de videobeelden te zien is. Om aan dit succescriterium te voldoen zijn twee oplossingen mogelijk. Of er wordt een bestand met audiodescriptie toegevoegd of het audiospoor van de video wordt aangepast zodat alle belangrijke videocontent ook te horen is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op de pagina https://www.zuidelijkerandstad.nl/vaste-onderdelen/secundaire-navigatie/links/ staan onder het kopje "Gemeenten" vier tussenkoppen. Deze tussenkoppen zijn niet gemarkeerd als kop maar als gewone tekst met een strong element. Voor gebruikers van voorleessoftware is dit niet handig want nu vallen de tussenkoppen buiten de koppenstructuur en kunnen zij niet direct naar de juiste regio navigeren. Het strong element mag enkel gebruikt worden om een woord of enkele woorden in een zin nadruk te geven, niet om een woord op te maken. Markeer de tussenkoppen als kop om dit issue op te lossen en aan de eisen te voldoen.

Bevinding 8: Op pagina https://www.zuidelijkerandstad.nl/vaste-onderdelen/secundaire-navigatie/links/ staan onder de kop "Gemeenten" een aantal lijsten ingedeeld per regio. De tekst "Leidse regio" is semantisch niet opgemaakt als kop maar heeft wel de functie van kop, het is een beschrijving van een eigenschap van de daarop volgende links. Bezoekers die afhankelijk zijn van hulpsoftware kunnen aan de hand van de koppenstructuur van een pagina een overzicht krijgen hoe de informatie in de pagina gestructureerd is. Zorg er daarom voor dat koppen als zodanig zijn opgemaakt, maak hier koppen van niveau 3 van. Visueel hoeven ze er niet als kop uit te zien.

Bevinding 9: Advies: Op de pagina https://www.zuidelijkerandstad.nl/achtergrond-0/ staat in de paragraaf "Programma NOVEX" een opsomming in de lopende tekst. Deze opsomming is niet gemarkeerd als zodanig waardoor voorleessoftware niet weet dat het om een opsomming gaat en de gebruiker niet van lijst naar lijst kan navigeren. Om de tekst leesbaarder te maken is het advies om de opsomming in een <ul> of <ol> element te plaatsen met <li> elementen voor ieder punt in de lijst. Aangezien de opsomming visueel ook niet als opsomming is opgemaakt is dit slechts een advies.
Dit komt vaker voor op de website (pagina https://www.zuidelijkerandstad.nl/uitvoeringsagenda/ ) en ook in de PDF-bestanden (bijvoorbeeld in het PDF-bestand https://www.zuidelijkerandstad.nl/publish/pages/798/ontwikkelperspectief_novex_zuidelijke_randstad.pdf , op pagina 48 en 49).

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: In het PDF-bestand https://www.zuidelijkerandstad.nl/publish/pages/859/visuele_agenda_novex_zuidelijke_randstad_1.pdf , op pagina 9, staat oranje tekst (HEX #B24A00) op een afbeelding. Deze tekst heeft op sommige plaatsen een contrastwaarde van 2,3:1 met de blauwe lucht. Hiermee voldoet deze tekst niet aan de eis van 3:1 voor een grote tekst. Gebruikers met slecht zicht of kleurenblindheid ondervinden hinder van een dusdanig laag contrast waardoor ze de tekst niet goed/niet kunnen lezen. Zorg ervoor dat de contrastwaarde minimaal 3:1 is om aan dit succescriterium te voldoen.

Bevinding 11: Op meerdere plaatsen in de videotijdlijn is het contrast van de ondertiteling te laag (als voorbeeld 1,4:1 op 00:49 in de video). Gebruikers die slechthorend/doof zijn en ook een visuele beperking hebben kunnen de tekst niet (goed) zien en daardoor de video niet volgen. Zorg ervoor dat het contrast van de ondertiteling, ten opzichte van de achtergrond, op zijn minst voldoet aan de waarde 4,5:1. Een mogelijke oplossing kan zijn om een donkere balk te plaatsen over de onderkant van de video en daar de ondertiteling overheen te plaatsen, of de schaduwrand uit te breiden zodat een letter aan elke kant een donkere schaduw heeft.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://www.zuidelijkerandstad.nl/ambitie/gezonde-klimaatadaptieve-delta/ staat na de tekst een afbeelding met daarin tekst. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina, zodat blinden deze informatie helemaal moeten missen. Plaats deze tekst daarom als HTML-tekst op de pagina.
Dit komt ook voor op de pagina's https://www.zuidelijkerandstad.nl/ambitie/toekomstbestendige-veerkrachtige/ https://www.zuidelijkerandstad.nl/ambitie/innovatieve-krachtige-economische-motor/
https://www.zuidelijkerandstad.nl/ambitie/waar-inwoners-elke-woning-gezond/

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 13: In het PDF-bestand https://www.zuidelijkerandstad.nl/publish/pages/798/ontwikkelperspectief_novex_zuidelijke_randstad.pdf hebben de afbeeldingen van de overzichtskaarten meerdere contrast problemen waardoor ze niet voldoen aan de minimum contrastwaarde van 3:1. Het gaat om de kaarten op pagina 7, 14, 18, 30, 34, 40, 48 en 54. Gebruikers met slecht zicht of die kleurenblind zijn hebben moeite met het onderscheiden van de verschillende onderdelen op de afbeelding. Gebruik kleuren die duidelijk te onderscheiden zijn en voldoen aan de minimale contrastwaarde van 3:1 om aan het succescriterium te voldoen.

Bevinding 14: Advies: Op de pagina https://www.zuidelijkerandstad.nl/ staat een video met een startknop midden op het beeld van de video. Wanneer de gebruiker werkt met toetsenbordnavigatie dan is de zwart/wit gestippelde focusrand niet altijd goed te zien. Een oplossing kan zijn om de focusrand dikker te maken of bijvoorbeeld een zwarte rand met daaromheen een witte rand te maken, zoals bij de voortgangsbalk in de videospeler.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: In de header van elke pagina is het logo een link naar de homepagina. De linktekst "NOVEX Zuidelijke Randstad" geeft dit linkdoel niet weer. Voeg bijvoorbeeld "naar de homepagina" toe aan de linktekst.

Bevinding 16: Op de pagina https://www.zuidelijkerandstad.nl/scope/ , onder de kop "Geografische scope NOVEX-gebied Zuidelijke Randstad", staat een afbeelding van een overzichtskaart. Deze wordt samen met de tekst "Klik voor een vergroting" gebruikt als link. Voor voorleessoftware is deze tekst niet omschrijvend genoeg omdat de afbeelding ,die vergroot wordt, een lege alternatieve tekst heeft. Voor gebruikers van voorleessoftware is nu niet duidelijk wat vergroot kan worden. Pas de linktekst aan en geef de afbeelding een duidelijke alternatieve tekst (zie succescriterium 1.1.1) . Een aangepaste versie van de linktekst kan zijn; klik voor een vergroting van de overzichtskaart.

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-09-03 21:50:25 v2.4-011