Toegankelijke versie: https://accessibilityreport.swink.nl/rotterdam.nl/
De website Gemeente Rotterdam voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 21 van de 50 succescriteria waar een of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.
De website rotterdam.nl is onderzocht in november 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.
Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.
| Naam website | Gemeente Rotterdam |
|---|---|
| Scope |
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
| Basisniveau van toegankelijkheid ondersteund | Gangbare browsers en hulpsoftware. |
| Principe | Voldoende | Onvoldoende | Niet duidelijk |
|---|---|---|---|
| 1 Waarneembaar | 8 | 12 | 0 |
| 2 Bedienbaar | 11 | 6 | 0 |
| 3 Begrijpelijk | 8 | 2 | 0 |
| 4 Robuust | 2 | 1 | 0 |
| Totaal | 29 | 21 | 0 |
Een website bestaat vaak uit verschillende soorten pagina's, processen en content. De steekproef die wij maken is representatief voor de inhoud van de website. De onderzoeken voeren we handmatig uit waarbij we gebruik maken van hulpmiddelen. Dit doen wij zorgvuldig met mensen met ervaring. Omdat dit mensenwerk is kan het voorkomen dat een probleem niet is benoemd. Dit onderzoek is een momentopname. De website of app kan inmiddels veranderd zijn.
De gevonden problemen kunnen ook op pagina's buiten de steekproef voorkomen. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan.
Het resultaat is voldoende als bij de uitkomst staat:
Het resultaat is onvoldoende als bij de uitkomst staat:
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.
Informatie over succescriterium 1.1.1 Niet-tekstuele content.
Uitkomst: Onvoldoende
Bevinding: In de footer staat het logo van de gemeente Rotterdam. Deze heeft als tekstalternatief "Logo Gemeente Rotterdam, ga naar homepagina". Dat is hier niet correct, het logo in de footer is namelijk niet klikbaar. Verwijder daarom de tekst "ga naar homepagina" uit het tekstalternatief.
Op pagina https://www.rotterdam.nl/parkeren staat een afbeelding van een parkeergarage. Deze afbeelding heeft een technisch tekstalternatief, namelijk "Parkeren banner". Geef deze afbeelding een beschrijvend tekstalternatief, of laat het tekstalternatief (alt="") leeg als de afbeelding decoratief is bedoeld.
De afbeelding 'De CO2-voetafdruk bij de nieuwbouw van woningen.' op pagina https://www.rotterdam.nl/klimaatdoelen-grondstoffentransitie heeft wel een alternatieve tekst maar die beschrijft de afbeelding niet voldoende. Daarnaast bevat de afbeelding heel veel tekst die niet aan te passen en daardoor ook onvoldoend is voor succescriterium 1.4.5. Zorg dat boven de afbeelding de informatie ook als tekst aanwezig is. Dit geldt ook voor de afbeelding 'De effecten van de grondstoffentransitie in Rotterdam.' op dezelfde pagina.
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:
Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen).
Uitkomst: Voldoende
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen).
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/alles-over-evenementenvergunningen is er in de video op het eind tekst en de afzender van de video 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 bijvoorbeeld schermleessoftware niet weten wat er wordt getoond in de video. Zet de link en de tekst "Gemeente Rotterdam". Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live).
Uitkomst: Niet aanwezig
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen).
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://www.rotterdam.nl/alles-over-evenementenvergunningen is een video. De audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt er aan het eind een webadres en de naam van de gemeente in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is. Zorg dat deze informatie ook via een stem te horen is.
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Informatie over succescriterium 1.3.1 Info en relaties.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/klimaatdoelen-grondstoffentransitie staan koppen in opsommingen waarvan de inhoud (deels) is opgemaakt met het strong element. Het gaat hierbij bijvoorbeeld om de teksten “een groener en duurzamer Rotterdam” en “een economisch veerkrachtiger Rotterdam”. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden. Gebruik de juiste HTML-code om deze koppen op te maken.
Dit zelfde probleem komt voor op pagina https://www.rotterdam.nl/hofplein-werkzaamheden bij "A16", "A20" en "A13". Controleer de hele website hierop.

Op pagina https://www.rotterdam.nl/30-kmu-in-rotterdam zijn hele zinsdelen met strong opgemaakt. Het gaat om “Centrum, Charlois, Delfshaven, Feijenoord, Hoek van Holland en Hoogvliet – Noord” en “zoals in Hoogvliet – Zuid, Kralingen – Crooswijk, Prins Alexander of Rotterdam-Noord “. Als de wijken benadrukt moeten worden, markeer deze dan elk afzonderlijk.
Op pagina https://www.rotterdam.nl/ staat onder de kop “Voor uw situatie” vier mogelijkheden, zoals "U hebt geldzorgen". Deze links zijn gegroepeerd, zet ze daarom in een opsomming. Visueel is dit onderdeel wel in orde.
Op pagina https://www.rotterdam.nl/zoeken?zoekopdracht=rotterdam staat paginering onderaan de pagina . Deze knoppen vormen samen een groep van knoppen, zet ze daarom samen in een opsomming. Visueel is dit onderdeel wel in orde.
Op pagina https://www.rotterdam.nl/contact staat onderaan de pagina onder de kop “Delen via” een viertal social media iconen. Deze horen bij elkaar, zet ze daarom bij elkaar in een opsomming. Dit komt op meerdere pagina’s voor, onder andere op pagina https://www.rotterdam.nl/proclaimer. Controleer de hele site.
Op pagina https://www.rotterdam.nl/pers staat de h2 kop “Beeldmateriaal” Direct hieronder staat de h2 kop “Foto-downloads in hoge resolutie….”. Dat is niet correct. Onder een kop moet altijd content staan of een kop van een lager niveau. Pas daarom de kop(pen) onder de h2 kop “Beeldmateriaal” aan naar bijvoorbeeld h3 koppen. Een vergelijkbaar probleem doet zich voor op pagina https://www.rotterdam.nl/omgevingsvergunning-slopen-aanvragen bij de h3 kop “Vergunning aanvragen / melding maken” met direct daaronder de h3 kop “Online”.
Op pagina https://www.rotterdam.nl/hofplein-werkzaamheden staan uitklapbare elementen, bijvoorbeeld “Wat is er dicht? Hoe rijd je om?”. Als je deze openklapt staat er onder de kop “Auto” de visuele kop “Wat is er dicht”. Deze is niet opgemaakt als kop. Hetzelfde geldt voor de visuele kop "Hoe rijdt je om?". Dit komt een aantal keer voor op deze pagina.
Op pagina https://www.rotterdam.nl/30-kmu-in-rotterdam staat onder het uitklapbare element “Lijst met alle 115 extra straten 30km/u in Rotterdam” per stadsdeel een opsomming van straten. Maak de kolomkoppen "Straatnaam" en "Wegvak" correct op met een th-element. Dit geldt voor alle tabellen.
Op https://www.rotterdam.nl/30-kmu-in-rotterdam staan zes foto's binnen een button-element. Deze horen bij elkaar, plaats deze daarom bij elkaar in een opsomming.
Op pagina https://www.rotterdam.nl/omgevingsvergunning-slopen-aanvragen staan onder andere de h4 koppen “Sloopmelding” en “Meldingsplichtig” in een lijst. De opsomming is hier niet correct opgemaakt. Maak de h4 koppen niet op als lijst, maar maak de opsommingen onder deze koppen wel op als lijst. Het gaat dan bijvoorbeeld om de opsomming onder “Een sloopmelding is nodig:”. Controleer dit in de hele website.
Op pagina https://www.rotterdam.nl/pers staat onder het uitvouwbare element "College van B en W" een tabel. Deze tabel is niet correct opgemaakt. Deze bestaat volledig uit th-elementen. Markeer alleen de koppen met het th-element en gebruik voor de rest van de cellen het td-element.
Op pagina https://www.rotterdam.nl/pers staat onder het uitvouwbare element "Maatschappelijke Ontwikkeling" een tabel. Deze tabel is in de kop niet correct opgemaakt. Maak de kolomkoppen op met het th-element. Controleer alle tabellen.
Op pagina https://www.rotterdam.nl/tasxivervoer staat een rekentool met invoervelden. Als de bezoeker een veld niet of niet correct invult en op de knop "Taxi kosten berekenen" drukt, verschijnt er een foutmelding. Dit veld staat achter het invoerveld. Bezoekers die hulpsoftware gebruiken en naar het foutieve veld navigeren krijgen geen melding van de foutmelding die achter het veld staat. Koppel de foutmelding aan het invoerveld, bijvoorbeeld met aria-describedby en het juiste id. Een vergelijkbaar probleem doet zich voor in de pop-up "Geef uw mening" bij een aantal invoervelden zoals "Naam" en "Telefoonnummer".
In de PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' staat bovenaan het document het logo van de gemeente Rotterdam. Dit logo is niet gecodeerd als afbeelding en bevat dan ook geen alternatieve tekst. Iemand die het het scherm niet of niet goed kan zien mist zo de afzender van het document. Codeer het logo daarom alsnog.
In de PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' staan een aantal visuele koppen, zoals “Over dit formulier”, “Privacy”, “Informatie over uw aanvraag of bezwaar”, “Kenmerk” en “Uw gegevens”. Deze zijn niet gecodeerd als kop. Maak hier koppen van.
In de PDF https://www.rotterdam.nl/media/478 'Mededelingen' staat op de eerste pagina tekst in een groen kader, deze tekst is niet correct gecodeerd. Codeer de visuele kop "Mededelingen" als kop (H1), en betrek daar eventueel de tekst eronder daarbij voor een uniek karakter van het document.
In de PDF https://www.rotterdam.nl/media/478 'Mededelingen' staat op de eerste pagina een opsomming onder ... de volgende activiteiten:'. Deze horen bij elkaar, codeer deze daarom in een opsomming.
In de PDF https://www.rotterdam.nl/media/478 'Mededelingen' staan visuele koppen die niet als zodanig zijn gecodeerd. Het gaat bijvoorbeeld om “Bouwbesluit” en “Vergunning in gebruik nemen van de weg”. Codeer deze alsnog als kop (H).
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde.
Uitkomst: Onvoldoende
Bevinding: In de PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' is de leesvolgorde soms niet correct. Bij het veld 'Vul kort in waar uw aanvraag of bezwaar over ging' wordt staat het bijbehorende invoerveld voor deze tekst. Zorg dat het invoerveld in volgorde erachter staat. Visueel is dit wel in orde.
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/klimaatdoelen-grondstoffentransitie staat in de tweede alinea de tekst “Het plaatje hierboven laat de CO2-voetafdruk van een woning zien”. Deze tekst bevat een verwijzing naar een locatie die voor niet ziende gebruikers problemen kan opleveren. Bovendien staat er boven de tekst helemaal geen plaatje.
Op de pagina https://www.rotterdam.nl/taxivervoer staat een tekst "For English or any other language, use the translation button at top right of the screen.". Dit is een plaatsbepaling. Personen die het scherm niet kunnen zien kunnen deze zo niet vinden. Met name op schermen met een lager resolutie of bij inzoomen gaat het mis omdat de knop dan verdwijnt bovenin.
De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.
Informatie over succescriterium 1.3.4 Weergavestand.
Uitkomst: Voldoende
Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:
Informatie over succescriterium 1.3.5 Identificeer het doel van de input.
Uitkomst: Onvoldoende
Bevinding: Op iedere pagina is een knop aanwezig met de tekst "Geef uw mening". Hier kan de bezoeker onder andere het eigen e-mailadres en telefoonnummer invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Informatie over succescriterium 1.4.1 Gebruik van kleur.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/klimaatdoelen-grondstoffentransitie heeft de het diagram 'De CO2-voetafdruk bij de nieuwbouw van woningen.' vlakken die alleen door kleurverschil herkenbaar zijn. Mensen die deze kleuren niet kunnen onderscheiden missen zo informatie. Naast kleuren kun je hier bijvoorbeeld ook verschillende soorten arcering gebruiken om de informatie over te brengen. Deze afbeelding is ook onvoldoende voor SC 1.1.1 en SC 1.4.5.
Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.
Informatie over succescriterium 1.4.2 Geluidsbediening.
Uitkomst: Niet aanwezig
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.3 Contrast (minimum).
Uitkomst: Onvoldoende
Bevinding: Op elke pagina is een knop 'Geef uw mening'. Als je hier je mening geeft is er een lichtblauwe knop met grijze tekst. Het contrast is te laag. De contrastverhouding is 3,2:1 waar een minimum van 4,5:1 vereist is.
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.
Informatie over succescriterium 1.4.4 Herschalen van tekst.
Uitkomst: Onvoldoende
Bevinding: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan verdwijnt op pagina https://www.rotterdam.nl/u-hebt-geldzorgen?referrer=Home%7C%2F&step=0&choices= de tekst “U hebt geldzorgen. Maak een overzicht van alles wat u bij de gemeente kunt regelen.” Er is ook geen alternatief te vinden, bijvoorbeeld in de navigatie of in de footer. Zorg ervoor dat alle content bereikbaar is in elke resolutie van het scherm.
Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan wordt het kruimelpad slechts gedeeltelijk weergegeven. Zorg ervoor dat alle content en functionaliteit bereikbaar is in elke resolutie van het scherm.
Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/klimaatdoelen-grondstoffentransitie staan twee afbeeldingen van 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. Als de informatie wordt uitgeschreven op de pagina zijn ook de contrastproblemen en problemen met kleur als informatie die in de afbeeldingen voorkomen direct ondervangen. Zie ook SC 1.1.1.
Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:
Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.
Informatie over succescriterium 1.4.10 Reflow.
Uitkomst: Onvoldoende
Bevinding: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 400% dan verdwijnt op pagina https://www.rotterdam.nl/u-hebt-geldzorgen?referrer=Home%7C%2F&step=0&choices= de tekst “U hebt geldzorgen. Maak een overzicht van alles wat u bij de gemeente kunt regelen.” Er is ook geen alternatief te vinden, bijvoorbeeld in de navigatie of in de footer. Zorg ervoor dat alle content bereikbaar is in elke resolutie van het scherm. Zie het vergelijkbare probleem onder succescriterium 1.4.4.
Als wordt ingezoomd tot 400% en het mobiele menu wordt geopend, kan hier met behulp van het toetsenbord doorheen genavigeerd worden. Op het moment dat het laatste menu-item “Translate” focus krijgt, kan de content onder “Translate” met het toetsenbord niet helemaal zichtbaar gemaakt worden. de tekst "Use DeepL to translate this website. We take no" is nooit zichtbaar. Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit bereikbaar blijft.
Als wordt ingezoomd tot 400% is op pagina https://www.rotterdam.nl/zoeken?zoekopdracht=rotterdam de filteroptie niet in beeld. Er is wel een horizontale schuifbalk aanwezig, maar dat is bij dit criterium niet toegestaan.
Als wordt ingezoomd tot 400% wordt op pagina https://www.rotterdam.nl/zoeken?zoekopdracht=rotterdam de content deels afgedekt door de knop "Geef uw mening". Er is wel een horizontale schuifbalk aanwezig, maar dat is bij dit criterium niet toegestaan. Een vergelijkbaar probleem doet zich onder andere voor op pagina https://www.rotterdam.nl/toegankelijkheid, op pagina https://www.rotterdam.nl/proclaimer en op pagina https://www.rotterdam.nl/park-of-tomorrow. Controleer de hele site.
Als wordt ingezoomd tot 400% wordt op pagina https://www.rotterdam.nl/contact de knop "Geef uw mening" voor een deel afgedekt door de knop van het chatvenster (chat werkt allen tijdens kantooruren). Zorg ervoor dat er geen functionaliteit over elkaar heen komt te staan.
Op pagina https://www.rotterdam.nl/30-kmu-in-rotterdam staat een video. Als wordt ingezoomd tot 400% is deze niet in zijn geheel in beeld te brengen. Dit komt omdat de header en de knoppen "Op deze pagina" en "Geef uw mening" het grootste deel van het scherm innemen. Dit is verlies van content, zorg ervoor dat de video ook bij 400% zoom kan worden bekeken.
Op pagina https://www.rotterdam.nl/taxivervoer staat de knop "taxi kosten berekenen", deze wordt bij 400 % zoom niet helemaal getoond. Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit zichtbaar blijft. Ook de tabel met het resultaat valt deels buiten het scherm en is niet bereikbaar met een scrollbalk.
Wanneer ingezoomd wordt tot 400% dan wordt het kruimelpad slechts gedeeltelijk weergegeven. Zorg ervoor dat alle content en functionaliteit bereikbaar is in elke resolutie van het scherm.
Advies: Als je op pagina https://www.rotterdam.nl/u-hebt-geldzorgen?referrer=&step=0&choices= de vragen invult en op “Volgende vraag” klikt, is bij 400% zoom niet zichtbaar dat je naar een volgend vraag springt. Het is niet zichtbaar dat het scherm zich ververst.
De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content.
Uitkomst: Voldoende
Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:
Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.
Informatie over succescriterium 1.4.12 Tekstafstand.
Uitkomst: Voldoende
Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:
Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.
Informatie over succescriterium 1.4.13 Content bij hover of focus.
Uitkomst: Voldoende
Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.
Informatie over succescriterium 2.1.1 Toetsenbord.
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://www.rotterdam.nl/30-kmu-in-rotterdam werkt in Firefox de knoppen 'Accepteer cookies' niet als je de cookies nog niet hebt geaccepteerd. Op de plekken waar video te zien is verschijnen deze knoppen. Overigens werkt dit ook met de muis niet in Firefox. In Chrome gaat dit wel goed.

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.
Informatie over succescriterium 2.1.2 Geen toetsenbordval.
Uitkomst: Voldoende
Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.1.4 Enkel teken sneltoets.
Uitkomst: Voldoende
Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.2.1 Timing aanpasbaar.
Uitkomst: Niet aanwezig
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen.
Uitkomst: Niet aanwezig
Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.
Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde.
Uitkomst: Voldoende
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.
Informatie over succescriterium 2.4.1 Blokken omzeilen.
Uitkomst: Voldoende
Webpagina's hebben titels die het onderwerp of doel beschrijven.
Informatie over succescriterium 2.4.2 Paginatitel.
Uitkomst: Onvoldoende
Bevinding: De PDF https://www.rotterdam.nl/media/478 heeft als titel "Mededelingen". Deze titel is niet beschrijvend genoeg. Zorg voor een titel die de inhoud van het document goed beschrijft, pas de titel bijvoorbeeld aan naar "Mededelingen WABO" of unieker "Mededelingen ingevolge artikel 2.1, lid 1, van de Wet algemene bepalingen omgevingsrecht (WABO)".
De PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' heeft als titel "Formulier Ingebrekstelling". De titel bevat een typfout, deze moet luiden "Formulier Ingebrekestelling".
Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.
Informatie over succescriterium 2.4.3 Focus volgorde.
Uitkomst: Onvoldoende
Bevinding: Bij een lage resolutie komen de vragen onder elkaar in beeld op pagina https://www.rotterdam.nl/u-hebt-geldzorgen?referrer=%7C%2F&step=1&choices=
. De knoppen 'Volgende vraag' en 'Terug naar uitleg' komen ineens op een andere volgorde te staan. Zorg voor een logische focusvolgorde.

Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.
Informatie over succescriterium 2.4.4 Linkdoel (in context).
Uitkomst: Onvoldoende
Bevinding: Advies: Op pagina https://www.rotterdam.nl/omgevingsvergunning-slopen-aanvragen staan de links “omgevingsloket” , “omgevingsloket online” en “het omgevingsloket”. Alle drie verwijzen naar dezelfde URL. Zorg daarom telkens voor de zelfde linktekst zodat voor bezoekers duidelijks dat ze bij dezelfde content terechtkomen als ze een link volgen. Het zelfde geldt voor de links “Bouwbesluit 2012” en “Bouwbesluit” op dezelfde pagina.
Op pagina https://www.rotterdam.nl/pers staat vier keer dezelfde linktekst onder de kop "Foto-downloads in hoge resolutie van burgemeester Schouten, fotograaf: Casper Rila". Deze linktekst verwijst telkens naar een andere pagina, zorg daarom voor een unieke linktekst voor elk van de vier foto's. Het zelfde probleem doet zich voor bij de foto's van de wethouders.
Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.
Informatie over succescriterium 2.4.5 Meerdere manieren.
Uitkomst: Voldoende
Koppen en labels beschrijven het onderwerp of doel.
Informatie over succescriterium 2.4.6 Koppen en labels.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/park-of-tomorrow staat een video. Deze video bevindt zich binnen een iframe-element. Het title-attribuut op dit element bevat nu alleen een omschrijving van de inhoud van de video. Dat is niet voldoende. Er moet ook aangegeven worden wat het type content is. Het moet namelijk duidelijk zijn dat het een video betreft. Vul het title-attribuut daarom aan met het type content. Het zelfde probleem doet zich voor bij de video op pagina https://www.rotterdam.nl/30-kmu-in-rotterdam.
Op pagina https://www.rotterdam.nl/30-kmu-in-rotterdam staat een kaart binnen een iframe. Het type content (nl. een kaart) ontbreekt in het title-attribuut. Voeg dit alsnog toe aan het title attribuut. Een vergelijkbare situatie doet zich voor op onder andere pagina https://www.rotterdam.nl/taxivervoer. Controleer de hele site.
Op pagina https://www.rotterdam.nl/hofplein-werkzaamheden staat een aantal keer de knop “Wat is er dicht? Hoe rijd je om”. Visueel is duidelijk dat dit slaat op de Fase waar de knop onder staat, maar de tekst van de knop wordt iedere keer hetzelfde voorgelezen. Pas dit aan naar bijvoorbeeld “Wat is er dicht? Hoe rijd je om tijdens Fase 1”. Visueel mag deze aanvulling verborgen worden.
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.
Informatie over succescriterium 2.4.7 Focus zichtbaar.
Uitkomst: Onvoldoende
Bevinding: Als wordt ingezoomd tot 200% of 400% en het mobiele menu wordt geopend, kan hier met behulp van het toetsenbord doorheen genavigeerd worden. Op het moment dat het laatste menu-item “Translate” focus krijgt, en de tabtoets wordt gebruikt, is de focusindicator niet zichtbaar. Zorg ervoor dat de focusindicator altijd zichtbaar is.
Als op pagina https://www.rotterdam.nl/taxivervoer de toetsenbordfocus ligt op “melding taxi” en met de tabtoets verder wordt genavigeerd, is de toetsenbordfocus niet zichtbaar. Zorg ervoor dat de focusindicator altijd zichtbaar is.
Onderaan iedere pagina staat een cookiebalk. Als er buiten deze balk verder getabd wordt komt de focus uiteindelijk op de knop met de naam “Stel een vraag”. De focus is daar niet zichtbaar, omdat dit element door de cookiebalk bedekt wordt. Los dit op door de cookiebalk zodanig te positioneren dat deze altijd helemaal onderaan de pagina staat. Wanneer ingezoomd wordt dan verergert dit probleem en valt de cookiebalk ook over andere content heen.
Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.
Informatie over succescriterium 2.5.1 Aanwijzergebaren.
Uitkomst: Voldoende
Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.5.2 Aanwijzerannulering.
Uitkomst: Voldoende
Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.
Informatie over succescriterium 2.5.3 Label in naam.
Uitkomst: Voldoende
Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:
Informatie over succescriterium 2.5.4 Bewegingsactivering.
Uitkomst: Voldoende
De standaard menselijke taal van elke webpagina kan door software bepaald worden.
Informatie over succescriterium 3.1.1 Taal van de pagina.
Uitkomst: Voldoende
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.
Informatie over succescriterium 3.1.2 Taal van onderdelen.
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://www.rotterdam.nl/taxivervoer staat een tekst "For English or any other language, use the translation button at top right of the screen.". Deze tekst is in een andere dan de Nederlandse taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen. Let daarbij op dat het uitroeptekensymbool een alternatieve Nederlandstalige tekst bevat. Vertaal deze in dit geval mee.
Op de pagina https://www.rotterdam.nl/verkiezingen staat in de intro een tekst deels in het Engels: "For other languages use ...". Deze tekst is in een andere dan de Nederlandse taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.
Op pagina https://www.rotterdam.nl/park-of-tomorrow staat de kop "The Park of Tomorrow" en daaronder de tekst "The Park of Tomorrow is the first park in the world to be lit with energy generated by plants.". Deze tekst is in een andere dan de Nederlandse taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.
Op elke pagina is een vertaalknop opgenomen 'Translate'. Deze tekst en alle tekst die bij activeren van de knop zichtbaar wordt is in het engels. Hierbij ontbreekt de taalwisselcode waardoor alles met een Nederlandse stem wordt voorgelezen. Zorg voor de juiste codering op de juiste plek zodat de teksten correct worden voorgelezen.
Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.
Informatie over succescriterium 3.2.1 Bij focus.
Uitkomst: Voldoende
Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.
Informatie over succescriterium 3.2.2 Bij input.
Uitkomst: Voldoende
Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.
Informatie over succescriterium 3.2.3 Consistente navigatie.
Uitkomst: Voldoende
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.
Informatie over succescriterium 3.2.4 Consistente identificatie.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.
Informatie over succescriterium 3.3.1 Foutidentificatie.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.rotterdam.nl/taxivervoer staat een rekentool met invoervelden. Als de bezoeker de bestemming niet invult en op de knop "Taxi kosten berekenen" drukt, verschijnt er een foutmelding: "Bestemming kan niet worden gevonden, probeer nog eens.". Dit is niet de juiste foutmelding. Hier zou gemeld moeten worden dat het veld niet is ingevuld.
Op elke pagina is een knop 'Geef uw mening'. Als je een cijfer hebt gegeven en de resterende verplichte velden niet invult dan verschijnt er een melding "Aub invullen". Er ontbreekt een goede melding waaruit blijkt dat de bezoeker een veld niet heeft ingevuld, bijvoorbeeld "Het veld 'Mogen we contact opnemen' is niet ingevuld.".
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
Informatie over succescriterium 3.3.2 Labels of instructies.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.
Informatie over succescriterium 3.3.3 Foutsuggestie.
Uitkomst: Voldoende
Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:
Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens).
Uitkomst: Niet aanwezig
In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.
Informatie over succescriterium 4.1.1 Parsen.
Uitkomst: Voldoende
Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.
Informatie over succescriterium 4.1.2 Naam, rol, waarde.
Uitkomst: Onvoldoende
Bevinding: Advies: Op pagina https://www.rotterdam.nl/taxivervoer staat een rekentool met invoervelden. Bij Start locatie staat in de code bij een div-element het volgende attribuut: aria-controls="start_location". Het bijbehorende id ontbreekt. Ofschoon hulpsoftware geen probleem heeft is het verstandig om een correcte waarde aan het attribuut te geven of deze weg te laten als deze niet wordt gebruikt.
Op pagina https://www.rotterdam.nl/u-hebt-geldzorgen kun je in 4 vragen bepalen wat je bij de gemeente kunt regelen. In vraag 2 'Ik heb hulp nodig bij het betalen van kosten voor:' kun je meerdere antwoorden aanvinken via checkboxen. De naam van elke checkbox is fout. Deze luidt nu 'checkbox' in plaats van de naam di erachter staat. Deze labels zijn wel goed gekoppeld aan de checkbox, maar door het gebruik van aria-label wordt de toegankelijke naam tenietgedaan. Zorg voor de correcte namen bij de checkboxen.
In de PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' wordt veelvuldig de form-codering aan en uitgezet. Zet bij voorkeur 1x de form-code om het hele formulier in plaats van deze bij elk veld opnieuw t coderen.
In de PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' zijn de labels van de velden niet gelijk aan de tekst die bij het veld staat. Er is voldoende instructie, maar doordat de velden niet overeenkomt met de tekst ontbreekt bijvoorbeeld bij 'Telefoon overdag' de instructie '(10 cijfers)'. Zorg dat het hele formulier goed gecodeerd is zodat deze bruikbaar is voor iedereen.
In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.
Informatie over succescriterium 4.1.3 Statusberichten.
Uitkomst: Voldoende
De volgende opmerkingen zijn zaken die wij tegen kwamen en geen onderdeel zijn van het toegankelijkheidsonderzoek.
Op rotterdam.nl wordt gebruik gemaakt van Readspeaker. In het rapport zijn al een aantal belangrijke toegankelijkheidsbevindingen benoemd. Er zijn meer toegankelijkheidsissues in Readspeaker. Zo wordt in het instellingenscherm de status van de helpfunctionaliteit niet opgemerkt door hulpsoftware, werkt het vergroten van tekst niet en hebben de knoppen bij het kiezen van kleur geen naam (visueel wordt er met de muis wel een tooltip getoond). Zo zitten er waarschijnlijk meer issues in. Omdat dit buitensporig veel tijd kost om volledig te onderzoeken houden we het bij een paar belangrijke problemen. Advies is om de organisatie achter Readspeaker aan te spreken op de toegankelijkheid van hun product.
Op rotterdam.nl is een mogelijkheid om je mening te geven. Hier is een link aanwezig genaamd 'Melding, vraag of klacht? Klik hier.'. Deze wijst naar een pagina die niet bestaat.
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.
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.