Alleen de bevindingen:
Audit digitale toegankelijkheid website Gemeente Rotterdam

Uitkomst: Onvoldoende

Bevinding 1: 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.

Bevinding 2: 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.

Bevinding 3: 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.

Uitkomst: Onvoldoende

Bevinding 4: 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.

Uitkomst: Onvoldoende

Bevinding 5: 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.

Uitkomst: Onvoldoende

Bevinding 6: 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.

Bevinding 7: 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.

Bevinding 8: 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.

Bevinding 9: 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.

Bevinding 10: 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.

Bevinding 11: 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”.

Bevinding 12: 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.

Bevinding 13: 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.

Bevinding 14: 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.

Bevinding 15: 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.

Bevinding 16: 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.

Bevinding 17: 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.

Bevinding 18: 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".

Bevinding 19: 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.

Bevinding 20: 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.

Bevinding 21: 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.

Bevinding 22: 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.

Bevinding 23: 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).

Uitkomst: Onvoldoende

Bevinding 24: 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.

Uitkomst: Onvoldoende

Bevinding 25: 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.

Bevinding 26: 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.

Uitkomst: Onvoldoende

Bevinding 27: 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.

Uitkomst: Onvoldoende

Bevinding 28: 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.

Uitkomst: Onvoldoende

Bevinding 29: 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.

Uitkomst: Onvoldoende

Bevinding 30: 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.

Bevinding 31: 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.

Uitkomst: Onvoldoende

Bevinding 32: 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.

Uitkomst: Onvoldoende

Bevinding 33: 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.

Bevinding 34: 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.

Bevinding 35: 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.

Bevinding 36: 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.

Bevinding 37: 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.

Bevinding 38: 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.

Bevinding 39: 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.

Bevinding 40: 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.

Bevinding 41: 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.

Uitkomst: Onvoldoende

Bevinding 42: 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.

Uitkomst: Onvoldoende

Bevinding 43: 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)".

Bevinding 44: De PDF https://www.rotterdam.nl/media/695 'Ingebrekestelling' heeft als titel "Formulier Ingebrekstelling". De titel bevat een typfout, deze moet luiden "Formulier Ingebrekestelling".

Uitkomst: Onvoldoende

Bevinding 45: 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.

Uitkomst: Onvoldoende

Bevinding 46: 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.

Bevinding 47: 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.

Uitkomst: Onvoldoende

Bevinding 48: 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.

Bevinding 49: 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.

Bevinding 50: 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.

Uitkomst: Onvoldoende

Bevinding 51: 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.

Bevinding 52: 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.

Bevinding 53: 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.

Uitkomst: Onvoldoende

Bevinding 54: 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.

Bevinding 55: 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.

Bevinding 56: 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.

Bevinding 57: 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.

Uitkomst: Onvoldoende

Bevinding 58: 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.

Bevinding 59: 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.".

Uitkomst: Onvoldoende

Bevinding 60: 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.

Bevinding 61: 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.

Bevinding 62: 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.

Bevinding 63: 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.