1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling.
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: zuidas.nl 12 maanden hertest
Opdrachtgever: Gemeente Amsterdam
Datum van toetsing: 31 oktober 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze 12 maanden hertest voor de website zuidas.nl is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Deze audit heeft belangrijke inzichten opgeleverd die kunnen helpen om de website toegankelijker te maken, zodat iedereen, inclusief mensen met een handicap, de inhoud en functionaliteiten van de website gemakkelijk kan gebruiken.
De bevindingen met de hoogste prioriteit die zijn geïdentificeerd tijdens deze audit omvatten onder andere het ontbreken van een werkende skiplink, onzichtbare focusindicators bij interactieve elementen, en een onlogische focusvolgorde. Ook is er een PDF-document zonder titel, wat de toegankelijkheid van deze inhoud vermindert. Deze bevindingen zijn van cruciaal belang om onmiddellijk aan te pakken om de toegankelijkheid van de website te verbeteren.
Om de toegankelijkheid van de website zuidas.nl te verbeteren, wordt geadviseerd om de hoogste prioriteit te geven aan het repareren van de skiplink, het zichtbaar maken van focusindicators, en het corrigeren van de focusvolgorde. Het is ook raadzaam om de logische volgorde van koppen te controleren en te verbeteren, en om ervoor te zorgen dat foutmeldingen niet automatisch gegenereerd worden door de browser. Door deze aanbevelingen op te volgen, kan de website zuidas.nl een betere gebruikerservaring bieden aan alle bezoekers, inclusief die met een handicap.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | zuidas.nl |
| URL | https://zuidas.nl/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Alle pagina's onder https://zuidas.nl/
Gebruikte tools en technologie
HeadingsMap, Voice Over, Color contrast Analyzer, Axe DevTools, Resize Window Chrome extensie, Stylus Chrome Extensie, Safari (meest recente versie), Chrome (meest recente versie)
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Startpagina
-
Zoeken
-
Kunst en cultuur
-
Bouwprojecten
-
Station Amsterdam Zuid
-
Livestreams
-
Vraag of idee
-
Over ons
-
Cookies
-
Proclaimer
-
Privacy
-
Toegankelijkheid
-
Agenda
-
Ommetje water
-
Bibliotheek
-
Afsluiting A10 West richting A10 Zuid
-
Zuidasdok
-
Nieuwsbrief
-
Informatiecentrum
-
Vernieuwing station Amsterdam Zuid (pdf)
-
Alle webpagina's
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (26)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
Icoon zonder alternatieve tekst
Beschrijving: Er is een informatiedragende icoon gevonden zonder alternatieve tekst.
Locatie: Het cijfer 1 in de tekstballon geeft aan hoeveel reacties er zijn. Dit icoon zou dus voorgelezen moeten worden via een schermlezer, zodat de context van dit cijfer duidelijk is.
Gekoppelde pagina's: Zuidasdok, Station Amsterdam Zuid, Startpagina, Kunst en cultuur
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De koppen ''Vraag of idee insturen'' en ''Uw contactgegevens'' zijn opgemaakt als een h1, terwijl deze koppen eigenlijk vallen onder de h1 kop ''Vraag of idee''. Dus daarom zouden de koppen ''Vraag of idee insturen'' en ''Uw contactgegevens'' opgemaakt moeten zijn als h2 kop.
Gekoppelde pagina's: Vraag of idee
Prioriteit: Laag
Uitkomst: Gefaald
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De h2 kop ''Gerelateerde artikelen'' heeft hetzelfde kopniveau als de koppen daaronder zoals ''Zuidasdok zoekt creatieve ideeën'' en ''Zuidas leren kennen? Kom 11 oktober naar 24 uur Zuid''. Deze artikelkoppen zouden eigenlijk als h3 opgemaakt moeten worden.
Gekoppelde pagina's: Station Amsterdam Zuid, Kunst en cultuur
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Semantische en visuele opmaak komen niet overeen
Beschrijving: Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer.
Locatie: Er wordt niet via een schermlezer gecommuniceerd welke sortering actief is.
Gekoppelde pagina's: Bibliotheek, Zoeken
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kopniveaus niet logisch genest
Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.
Locatie: De kop ''In aanbouw'' is opgemaakt als h2. Ook de koppen die daaronder vallen zoals ''De Boelelaan Midden'' en ''Hartwig Museum'' zijn ook opgemaakt als h2. Deze laatste koppen zouden als h3 opgemaakt moeten worden, zodat ze onder de h2 ''In aanbouw'' vallen. Dit geldt ook voor de koppen onder ''Gerealiseerd'' en ''In voorbereiding''.
Gekoppelde pagina's: Bouwprojecten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Content achter dialoogvenster onterecht bereikbaar met schermlezer
Beschrijving: Er wordt gebruik gemaakt van een dialoogvenster die bovenop de pagina ligt, en waarbij de pagina zelf pas weer beschikbaar is als het dialoogvenster gesloten is. Echter is het wel mogelijk om met een schermlezer bij de inhoud achter het dialoogvenster te komen, waardoor dit hinder oplevert voor deze gebruikers.
Locatie: Wanneer een afbeelding wordt vergroot, leest de schermlezer de content achter de vergrote afbeelding voor.
Gekoppelde pagina's: Station Amsterdam Zuid, Kunst en cultuur, Afsluiting A10 West richting A10 Zuid, Zuidasdok, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: De links van de projecten worden ook voorgelezen door een schermlezer wanneer de disclosure ''In aanbouw'' gesloten is. Dus wanneer de projecten niet zichtbaar zijn, worden deze alsnog voorgelezen door een schermlezer. Zorg ervoor dat alleen zichtbare content wordt voorgelezen door een schermlezer.
Gekoppelde pagina's: Bouwprojecten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.5
Invoerveld zonder (correct) autocomplete-attribuut
Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.
Locatie: Bij de invoervelden zoals E-mail, Naam en Telefoonnummer is geen autocomplete-attribuut.
Gekoppelde pagina's: Vraag of idee, Agenda, Nieuwsbrief
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.12
Verlies van content of functionaliteit bij toepassen tekstafstand stijlen
Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.
Locatie: Wanneer tekst afstand stijlen wordt toegepast valt de taalknop weg.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.4.1
Skiplink werkt niet
Beschrijving: Er is een skiplink, maar deze werkt niet of werkt niet naar verwachting.
Locatie: De skiplink krijgt wel focus, maar werkt niet.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.2
Pdf zonder titel
Beschrijving: Er is een pdf zonder titel.
Locatie: Het pdf-document heeft geen titel.
Gekoppelde pagina's: Vernieuwing station Amsterdam Zuid (pdf)
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.3
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: De focusvolgorde gaat van de skiplink naar het vraagteken naar de rest van de header. Het vraagteken zou later in de volgorde voor moeten komen omdat het visueel later in de volgorde van de website staat.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Hoog
Uitkomst: Gefaald
Verborgen element in tab volgorde
Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.
Locatie: Bij elke video is een knop gevonden genaamd ''Fullscreen''. Deze knop krijgt focus, maar deze knop is niet zichtbaar. Hierdoor is de gebruiker soms zijn focusindicator kwijt en dit kan verwarring opleveren.
Gekoppelde pagina's: Informatiecentrum, Livestreams, Zuidasdok, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.4
Link is afbeelding zonder alt
Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.
Locatie: De afbeeldingen zijn interactief, ze kunnen namelijk vergroot worden. Deze afbeeldingen zouden een goede alt-tekst moeten hebben die de functie en afbeelding uitlegt.
Gekoppelde pagina's: Afsluiting A10 West richting A10 Zuid, Kunst en cultuur, Zuidasdok, Station Amsterdam Zuid, Startpagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Link is afbeelding zonder alt
Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.
Locatie: De afbeelding van de QR-code is interactief. Deze afbeelding heeft als alt-tekst "20240424_Button_Ask-en-Go". Geef deze afbeelding een duidelijker linkdoel, zodat voor schermlezergebruikers duidelijk is wat het doel is van deze link.
Gekoppelde pagina's: Afsluiting A10 West richting A10 Zuid
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.7
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar. Het element kan dus wel bediend worden met een toetsenbord, echter merkt de gebruiker dit niet.
Locatie: De focusindicator is niet zichtbaar bij de interactieve elementen in de plattegrond.
Gekoppelde pagina's: Geen pagina's verbonden
Prioriteit: Hoog
Uitkomst: Gefaald
Focusindicator niet zichtbaar
Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.
Locatie: De focusindicator is niet zichtbaar bij de knop Informatiecentrum in de header, wanneer deze pagina niet actief is.
Gekoppelde pagina's: Alle webpagina's
Prioriteit: Hoog
Uitkomst: Gefaald
Focusindicator niet zichtbaar
Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.
Locatie: De focusindicator is niet zichtbaar bij de Filter-knop. Deze knop is bijvoorbeeld te zien in mobiele of vergrote weergave.
Gekoppelde pagina's: Bibliotheek
Prioriteit: Hoog
Uitkomst: Gefaald
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar. Het element kan dus wel bediend worden met een toetsenbord, echter merkt de gebruiker dit niet.
Locatie: De focusindicator is niet zichtbaar bij de afbeeldingen. De afbeeldingen zijn interactief en krijgen focus, dus dan zouden deze afbeeldingen ook een focusindicator zichtbaar moeten hebben.
Gekoppelde pagina's: Afsluiting A10 West richting A10 Zuid, Startpagina, Kunst en cultuur, Station Amsterdam Zuid
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.3.1
Foutmelding automatisch gegenereerd door browser
Beschrijving: De foutmelding wordt automatisch gegenereerd door de browser. Dit kan tot veel toegankelijkheidsproblemen leiden, waaronder het contrast, lengte van de weergave en programmatische zichtbaarheid.
Locatie: Er worden foutmeldingen bij het formulier weergeven die automatisch zijn gegenereerd door de browser.
Gekoppelde pagina's: Nieuwsbrief
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.2
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg
Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.
Locatie: Er wordt gebruik gemaakt van een asterisk (*) zonder dat wordt uitgelegd wat de betekenis is hiervan. Dit symbool geeft namelijk weer welke velden verplicht en welke optioneel zijn.
Gekoppelde pagina's: Agenda, Vraag of idee
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.3
Browser gegenereerde foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie door de browser wordt gegenereerd. Deze techniek is niet voldoende ondersteund voor toegankelijkheid, omdat deze suggesties niet altijd duidelijk en behulpzaam zijn.
Locatie: Er wordt een foutmelding weergeven die automatisch is gegenereerd door de browser.
Gekoppelde pagina's: Nieuwsbrief
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Onvoldoende suggestie voor verbetering bij foutmelding
Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer.
Locatie: Wanneer een ongeldig e-mailadres is ingevuld bij het invoervel E-mail, wordt een foutmelding gegeven. Deze foutmelding geeft geen suggestie voor verbetering.
Gekoppelde pagina's: Agenda, Vraag of idee
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
Disclosure zonder uitgevouwen status
Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.
Locatie: De disclosures In aanbouw, Gerealiseerd en In voorbereiding hebben geen aria-expanded.
Gekoppelde pagina's: Bouwprojecten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De selectievakken van de filters zijn niet juist opgemaakt als selectievakje. Ze missen een role=''checkbox''. Voor meer informatie voor toegankelijke checkboxes, lees: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/examples/checkbox/.
Gekoppelde pagina's: Bouwprojecten, Bibliotheek
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 4.1.3
Onaangekondigde verandering op pagina boven gebruikersactie
Beschrijving: Er is een verandering van de content eerder op de pagina ten gevolge van een actie van de gebruiker. Dit gebeurt doorgaans boven waar de gebruiker de actie uitvoerde. De gebruiker wordt echter niet vooraf op de hoogte gebracht van deze verandering en de verandering is achteraf ook niet programmatisch detecteerbaar. Dit kan ervoor zorgen dat mensen die hulpmiddelen gebruiken de verandering missen.
Locatie: De gebruiker kan door de selectievakken bij de plattegrond aan te klikken een verandering veroorzaken van de pagina maar die verandering is gebeurt boven de plek van invoer en geeft niet aan dat er een context change plaatsvindt aan mensen die een schermlezer gebruiken of navigeren op een mobiel apparaat. Een mogelijke oplossing is door de filters boven de plattegrond te plaatsen.
Gekoppelde pagina's: Bouwprojecten
Prioriteit: Laag
Uitkomst: Gefaald
Advies (1)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.4.10
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Niet bij alle dimensies van het scherm is de tekst van de datum en locatie goed te lezen.
Gekoppelde pagina's: Agenda
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 35 | 70.0% |
| Gefaald | 15 | 30.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 8 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 15 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 4 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.