Rapport:
Audit digitale toegankelijkheid Wonen in Rotterdam

Onderzoeker: Sterre, Swink
Datum: 13 februari 2026
Opdrachtgever: Gemeente Rotterdam

Samenvatting onderzoeksresultaat

De website Wonen in Rotterdam voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 32 van de 50 succescriteria waar één 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 woneninrotterdam.nl is onderzocht tussen 2 en 13 februari 2026. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.

Er zijn een aantal aandachtspunten waarvan de voornaamste zijn:

Er is een tijdslimiet aanwezig, en het is niet mogelijk deze aan te passen, stop te zetten of te verlengen.
Er zijn situaties waarbij visuele relaties tussen content niet in de code zijn vastgelegd. Deze informatie wordt daardoor niet gecommuniceerd aan bezoekers die hulpsoftware gebruiken. Denk bijvoorbeeld aan visuele koppen en lijsten die in de code niet als koppen en lijsten zijn opgemaakt.
De leesvolgorde van de codelaag komt niet overeen met de visuele volgorde van de content in één van de onderzochte PDF-documenten. Door een verkeerde leesvolgorde in de codelaag wordt content door elkaar voorgelezen. Gebruikers van hulpsoftware krijgen de informatie daardoor in een verwarrende, niet-logische volgorde gepresenteerd.

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.

Scope van de evaluatie

Naam website	Wonen in Rotterdam
Scope van de website	Binnen de scope van het onderzoek valt: Alle pagina's op woneninrotterdam.nl Alle PDF's op woneninrotterdam.nl Buiten de scope van het onderzoek valt: Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website. Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen. De Engelstalige versie van de website, bereikbaar via /en/ (op verzoek van de klant uitgesloten, wordt uitgefaseerd).
Conformiteitsdoel	WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund	Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe	Voldoende	Onvoldoende
1 Waarneembaar	5	15
2 Bedienbaar	7	10
3 Begrijpelijk	4	6
4 Robuust	2	1
Totaal	18	32

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Bedieningselementen, invoer: Als niet-tekstuele content een bedieningselement is of gebruikersinvoer accepteert, dan heeft ze een naam die het doel ervan beschrijft. (We verwijzen naar succescriterium 4.1.2 voor aanvullende eisen over bedieningselementen en content die gebruikersinvoer accepteren.)
Op tijd gebaseerde media: Als niet-tekstuele content op tijd gebaseerde media is, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. (We verwijzen naar Richtlijn 1.2 voor aanvullende eisen ten aanzien van media.)
Test: Als niet-tekstuele content een test of oefening is die, als ze door middel van tekst gepresenteerd wordt onjuist zou zijn, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
Zintuiglijk: Als niet-tekstuele content primair is bedoeld om een specifieke zintuiglijke ervaring te creëren, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
CAPTCHA: Als het doel van niet-tekstuele content is om te bevestigen dat content wordt gebruikt door een persoon in plaats van een computer, dan worden tekstalternatieven geleverd die het doel van de niet-tekstuele content identificeren en beschrijven. En er worden alternatieve vormen van CAPTCHA aangeboden gebruikmakend van uitvoermodes voor verschillende soorten van zintuiglijke perceptie om tegemoet te komen aan verschillende functiebeperkingen.
Decoratie, opmaak, onzichtbaar: Als niet-tekstuele content puur decoratief is, slechts voor visuele opmaak wordt gebruikt, of niet aan gebruikers wordt gerepresenteerd, dan wordt het op zo'n manier geïmplementeerd dat het genegeerd kan worden door hulptechnologie.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina binnen de steekproef staat bovenaan in het menu een knop waarmee de taal van de website kan worden aangepast. De actieve taal wordt gecommuniceerd middels een vlag-icoontje, bijvoorbeeld van de Nederlandse vlag. Er is geen tekstueel alternatief voor deze informatie. Dit kan mogelijk worden opgelost door de toegankelijkheidsnaam van de knop aan te passen naar bijvoorbeeld "Huidige taal: Nederlands | taal veranderen".
https://www.woneninrotterdam.nl/

Op elke pagina binnen de steekproef staat onderaan een knop waarmee een venster met cookievoorkeuren kan worden geopend ("Open cookie instellingen"). Binnen dit venster staan een aantal kruis- en vink-icoontjes waarmee visueel wordt gecommuniceerd welke cookies momenteel worden geaccepteerd en geweigerd. De kruis-icoontjes hebben het tekstuele alternatief "[#WIDGET_ICON_CROSS#]". Dit is geen beschrijvend tekstueel alternatief. Momenteel wordt de tekst "Not allowed" vanuit het title-element overschreven door bovenstaande tekst, dat vanuit een arialabelledby-attribuut komt.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staan cijfertjes en gekleurde bolletjes waarmee informatie kan worden getoond over deelgebieden, wijken en nieuwbouwprojecten. Deze kaartinhoud is niet toegankelijk; momenteel ontbreken er tekstuele alternatieven voor deze visuele informatie. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark, en een vergelijkbare situatie komt voor op pagina https://www.woneninrotterdam.nl/op-de-kaart.

Op pagina https://www.woneninrotterdam.nl/bouwen/ staat bovenaan een knop om de carrousel te pauzeren, met een pauze-icoon en een afspeel-icoon. Hier ontbreekt voor beide iconen een tekstueel alternatief. Dit kan mogelijk worden opgelost door de tekstalternatieven "Pauzeer carrousel" en "Speel carrousel af" toe te voegen. Deze gelden dan ook als beschrijvend label voor de knop. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat onder de koptekst "Over de Schie (Tennispark)" een afbeelding. Er ontbreekt momenteel een alt-attribuut. Een img-element moet altijd een alt-attribuut hebben. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/nieuws/samen-bouwen-aan-betaalbare-huurwoningen-in-rotterdam, op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam en op pagina https://www.woneninrotterdam.nl/tip-van-de-pro/energie-besparen bij diverse afbeeldingen. Controleer de hele steekproef op bovenstaande bevinding.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staan onder de koptekst "Project informatie" diverse informatieve iconen. Momenteel ontbreken er tekstuele alternatieven voor deze iconen.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam/ staan diverse afbeeldingen met tekstalternatieven als "Living in Rotterdam - expat" en "Little C Coolhaven Rotterdam huurders - Els van den Hoek - Wonen in Rotterdam". Dit zijn geen duidelijke en beschrijvende tekstalternatieven. Omdat deze afbeeldingen zouden kunnen worden beschouwd als decoratief, kan dit mogelijk worden opgelost door de afbeeldingen als decoratief te markeren middels een leeg alt-attribuut (alt="").

In het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf staat op pagina 1 het logo van POR - Platform Ontwikkeling Rotterdam. Er is momenteel geen tekstalternatief voor deze visuele informatie. Dit kan mogelijk worden opgelost door een Figure-tag toe te voegen met het tekstalternatief "Logo POR, Platform Ontwikkeling Rotterdam".

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staan diverse "Lees meer →" links. Het pijltjes-iconen voegen hier inhoudelijk niets toe, maar worden wel gepresenteerd door hulpsoftware. Het advies is deze iconen te verbergen voor hulpsoftware.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

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:

Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.
Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

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

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam/ staat een video met visuele informatie. Niet al deze informatie is beschikbaar voor bezoekers die de video niet (goed) kunnen zien. Het gaat hier bijvoorbeeld om de diverse paginatitels (zoals "Huurwoning nodig?" op minuut 0:11) die in beeld verschijnen. Een mogelijke oplossing is om deze informatie op te nemen in het audiospoor van de video, of een apart audiospoor toe te voegen waarin verteld wordt wat er in beeld te zien is (audiodescriptie). Ook mag voor dit succescriterium een transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven.

Op pagina https://www.woneninrotterdam.nl/bouwen/ kan middels de "Maak kennis met Rotterdams Tij" een video met visuele informatie worden bekeken. Niet al deze informatie is beschikbaar voor bezoekers die de video niet (goed) kunnen zien. Het gaat hier bijvoorbeeld om het logo van Stadionpark, en de naam en functie van de spreker op minuut 0:10. Een mogelijke oplossing is om deze informatie op te nemen in het audiospoor van de video, of een apart audiospoor toe te voegen waarin verteld wordt wat er in beeld te zien is (audiodescriptie). Ook mag voor dit succescriterium een transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven.

Op pagina https://www.woneninrotterdam.nl/bouwen/ kan middels de "Samen doorbouwen aan Rotterdam" een video met visuele informatie worden bekeken. Niet al deze informatie is beschikbaar voor bezoekers die de video niet (goed) kunnen zien. Het gaat hier bijvoorbeeld om het logo van Gemeente Rotterdam aan het begin van de video, en de naam en functie van de spreker op minuut 0:07. Een mogelijke oplossing is om deze informatie op te nemen in het audiospoor van de video, of een apart audiospoor toe te voegen waarin verteld wordt wat er in beeld te zien is (audiodescriptie). Ook mag voor dit succescriterium een transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

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

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

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

Bevindingen: Op elke pagina binnen de steekproef staat onderaan een knop waarmee een venster met cookievoorkeuren kan worden geopend ("Open cookie instellingen"). Binnen dit venster staan de visuele kopteksten "Cookie instellingen" en "Je huidige stand". Deze zijn niet als kopteksten opgemaakt in de code. Momenteel worden strong-elementen gebruikt. Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken. Een mogelijke oplossing is de strong-elementen te verwijderen en h2- of h3-elementen te gebruiken voor deze teksten.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/ staan onder de koptekst "Meest gezocht" een aantal links. Deze hebben kenmerken van een ongeordende lijst, maar is in de code niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken voor deze links. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/bouwen/ bij de links onder de koptekst "Handige linkjes voor stadmakers".

Op pagina https://www.woneninrotterdam.nl/contact staat een contactformulier. Wanneer hier de verplichte velden worden leeggelaten en de "Neem contact op" knop wordt geactiveerd, verschijnen er meerdere "Dit veld is verplicht" meldingen. Ook verschijnt er onderaan het formulier de algemene foutmelding "Een of meer velden heeft een error. Probeer het opnieuw.". Al deze meldingen zijn verborgen door hulpsoftware middels aria-hidden="true". Hierdoor missen bezoekers die de pagina niet (goed) kunnen zien belangrijke informatie. Dit kan mogelijk worden opgelost door het aria-hidden="true" attribuut bij alle meldingen te verwijderen. Ook zijn de "Dit veld is verplicht" meldingen momenteel niet correct gekoppeld aan de invoervelden in de code. Het is belangrijk dat dit wel wordt gedaan, zodat duidelijk is bij welk invoerveld de foutmelding hoort en zodat deze wordt voorgelezen zodra het betreffende invoerveld focus krijgt. Er wordt wel gebruikgemaakt van aria-invalid="true", maar dit geeft onvoldoende informatie over wat er precies is foutgegaan en hoe dit kan worden opgelost. Bij het invoerveld "E-mailadres" is bijvoorbeeld sprake van verschillende meldingen, "Dit veld is verplicht" en "Dit e-mailadres is incorrect". Een vergelijkbare situatie komt ook voor op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat een formulier. Het visuele label "Voor- en achternaam" is niet correct aan het invoerveld gekoppeld. Dit komt doordat de waarde van het for-attribuut (van het label-element), "full-name", niet overeenkomt met de waarde van het id-attribuut (van het input-element), "full_name". Een vergelijkbare situatie komt voor bij het visuele label "E-mailadres". Hier ontbreekt een id-attribuut bij het input-element.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat de koptekst "Prijsinformatie". Deze wordt direct opgevolgd door de koptekst "Koop", beide van hetzelfde niveau. Dit maakt van de bovenste kop een kop zonder content. Dit kan mogelijk worden opgelost door voor de koptekst "Koop" een h5-element te gebruiken. Een vergelijkbare situatie komt ook voor op pagina https://www.woneninrotterdam.nl/privacybeleid/ bij de kopteksten "Privacy- & Cookiebeleid" en "1. Inleiding".

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat onder de kopteksten "Prijsinformatie" en "Koop" informatie over de verschillende segmenten. Visueel is het duidelijk dat de teksten "Top segment", het i-icoon (de tooltip) en de tekst "32 / 48" bij elkaar horen. Voor bezoekers die de pagina niet (goed) kunnen zien is dit echter niet duidelijk, omdat deze relatie niet in de code is vastgelegd. Dit kan mogelijk worden opgelost door een ongeordende lijst te gebruiken en elk segment in een lijstitem te plaatsen.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam staat de tekst "Bovenstaande video, huurtips ... wat je (ver)huurt". Deze tekst is volledig opgemaakt met het em-element. Het em-element is niet bedoeld voor het creëren van een visuele weergave van tekst, zoals hier wel het geval lijkt te zijn. Het em-element is bedoeld om de klemtoon op een woord (of in enkele gevallen twee of drie woorden) te leggen in een zin. Een mogelijke oplossing is gebruik te maken van CSS voor de visuele opmaak. Een vergelijkbare situatie komt voor op pagina https://www.woneninrotterdam.nl/tip-van-de-pro/energie-besparen/ bij de tekst "Jerry (rechts) adviseert ... door: Eric Fecken".

Op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ staan onder de koptekst "Algemene vragen" diverse uitklapbare elementen. De visuele kopteksten "Ik zoek een huis in Rotterdam. Kunnen jullie mij helpen?", "Kan ik beter kopen of huren?" zijn niet als dusdanig opgemaakt in de code. Dit kan mogelijk worden opgelost door h3-elementen te gebruiken voor deze teksten. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/duurzaam-wonen/ en op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/im-an-expat.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam/ staan de visuele kopteksten "Nieuwbouw huurwoningen", "Hospitaverhuur", "Waar kan je ... van particuliere verhuurders?", "Check de huurregels ... een huurwoning accepteert" en "Nieuwe regels vanaf 1 juli 2024". Deze zijn niet als kopteksten opgemaakt in de code. Momenteel worden er p-elementen en strong-elementen gebruikt. Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken. Een mogelijke oplossing is de strong-elementen te verwijderen en h2- of h3-elementen te gebruiken. Een vergelijkbare situatie komt voor op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/duurzaam-wonen/ en op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ binnen de uitklapbare elementen.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam staat de tekst "TIP: Schrijf je in ... per mail ontvangt!". Deze tekst is opgemaakt met een strong-element. Het strong-element is niet bedoeld voor het creëren van een visuele weergave van tekst, zoals hier wel het geval lijkt te zijn. Het strong-element is bedoeld om enkele woorden of delen van tekst nadruk te geven, zodat dit ook met benadrukking wordt voorgelezen door hulpsoftware. Een mogelijke oplossing is gebruik te maken van CSS voor de visuele opmaak.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam staat onder de tekst "Hieronder vind je ... pagina’s met huurwoningen:" een visuele ongeordende lijst. In de code is deze niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ binnen het uitklapbare element "Kan ik beter kopen of huren?".

Op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ staan bovenaan een aantal categorieën, zoals "Ik wil een huis kopen" en "Ik wil een huis huren". Deze hebben kenmerken van een ongeordende lijst, maar zijn in de code niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken.

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat onder de koptekst "Deelgebieden en wijken" een visuele ongeordende lijst met deelgebieden en wijken. Deze is in de code niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken.

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Binnen deze interactieve kaart kunnen er vensters worden geopend met wijkinformatie, bereikbaar via de i-icoontjes op de kaart of via de elementen onder de koptekst "Deelgebieden en wijken". Binnen deze vensters staan diverse visuele kopteksten, zoals de wijknaam (bijvoorbeeld "Oude Noorden"), en "Wijkgegevens". Deze zijn niet als dusdanig opgemaakt in de code. Voor sommige visuele kopteksten wordt een strong-element gebruikt, zoals "Bouwperiode". Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken.

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Binnen deze interactieve kaart kunnen er vensters worden geopend met wijkinformatie, bereikbaar via de i-icoontjes op de kaart of via de elementen onder de koptekst "Deelgebieden en wijken". Binnen deze vensters staat de visuele koptekst "Bereikbaarheid" met hieronder een opsomming van manieren om deze wijk te bereiken. Deze heeft kenmerken van een ongeordende lijst, maar is in de code niet als dusdanig opgemaakt.

Op pagina https://www.woneninrotterdam.nl/zelfbouw/ staan onder de koptekst "Overzicht zelfbouwkavels" een overzicht van zelfbouwkavels. Bij elke zelfbouwkavel staat een visuele koptekst, bijvoorbeeld "Kavels Stationsweg Hoek van Holland". Deze zijn in de code niet als kopteksten opgemaakt. Dit kan mogelijk worden opgelost door h4-elementen te gebruiken voor deze teksten. Dit geldt ook voor de visuele koptekst "Rotterdams huizennieuws in je mailbox?" onderaan de pagina.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat een formulier, met hierboven de visuele koptekst "Partner worden van Wonen in Rotterdam?". Deze is niet als koptekst opgemaakt in de code, maar dit is wel nodig. Op deze pagina staan meerdere visuele kopteksten, zoals "Word partner van Wonen in Rotterdam!" en "Meer informatie?". Ook deze zijn niet als dusdanig opgemaakt in de code. Controleer de hele pagina op bovenstaande bevinding.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat de tekst "* Redactionele content dient door de partner zelf aangeleverd te worden.". Deze tekst is volledig opgemaakt met het em-element. Het em-element is niet bedoeld voor het creëren van een visuele weergave van tekst, zoals hier wel het geval lijkt te zijn.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat onder de koptekst "Onze partners" een opsomming van logo links. Deze hebben kenmerken van een ongeordende lijst, maar zijn in de code niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/bouwen/por.

Op pagina https://www.woneninrotterdam.nl/bouwen/por/ staat de tekst "Het Platform Ontwikkeling ... gebiedsontwikkeling zijn vertegenwoordigd.". Deze tekst is volledig opgemaakt met een strong-element. Het strong-element is niet bedoeld voor het creëren van een visuele weergave van tekst, zoals hier wel het geval lijkt te zijn.

Op pagina https://www.woneninrotterdam.nl/contact/ staat de koptekst "Informatie". Deze is opgemaakt met een h4-element. Direct hieronder volgt de koptekst "Adres". Deze is opgemaakt met een h2-element. Dit is geen logische kopstructuur en maakt van de kop "Informatie" een kop zonder content. Dit kan mogelijk worden opgelost door de kop"Informatie" op te maken met een h2-element en de koptekst "Adres" (en vergelijkbare kopteksten) op te maken met een h3-element. De koptekst "Contact" kan het beste worden opgemaakt met een h1-element.

Het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf heeft een codelaag. Super! Helaas zijn niet alle codes correct. Zo zijn alle visuele kopteksten in het PDF-document gemarkeerd met P-tags. Het gaat hier bijvoorbeeld om "Jaarplan 2025", "Welkom", "Inleiding" en "Leeswijzer". Controleer het hele PDF-document op bovenstaande. Op pagina 2 staat een inhoudsopgave. Deze is momenteel volledig gemarkeerd met P-tags. Dit is semantisch onjuist. Dit kan worden opgelost door de inhoudsopgave te markeren met de TOC-tag en bijbehorende TOCI- en Reference-tags (inclusief de correcte verwijzingen). Op pagina 3 zijn een aantal alinea’s in de codelaag opgesplitst in meerdere P-tags, terwijl dit visueel één doorlopende alinea is. Op pagina 7 staat een tabel met vier kolomkoppen. Deze zijn in de codelaag gemarkeerd met TD-tags in plaats van TH-tags.

Het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf heeft geen codelaag. Daardoor is er voor hulpsoftware geen informatie beschikbaar om het PDF-document mee te interpreteren. Omdat tags ontbreken kan het PDF-document niet volledig onderzocht worden. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ staat in de menubalk het menuonderdeel "Veelgestelde vragen". Dit menuonderdeel is anders gestyled om aan te geven dat het een actief menuonderdeel betreft. Deze visuele informatie is niet in de code vastgelegd. Dit wordt niet afgekeurd omdat deze informatie ook kan worden afgeleid uit de koptekst "Veelgestelde vragen over wonen in Rotterdam". Het advies is wel deze visuele informatie ook in de code vast te leggen. Dit kan bijvoorbeeld middels aria-current="true" op het actieve menuonderdeel.

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat onder de koptekst "Project informatie" specifieke informatie over het nieuwbouwproject, zoals het bouwjaar en het aantal appartementen. Het advies is deze informatie als ongeordende lijst op te maken in de code.

1.3.2 Betekenisvolle volgorde (Niveau A)

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

Bevindingen: In het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf staat op pagina 4 de visuele koptekst "Aantallen & betaalbaarheid op de middellange termijn" met daaronder de alinea "Het creëren van ... en betaalbare manier?". In de codelaag wordt deze visuele koptekst echter direct gevolgd door de visuele koptekst "Samenwerken aan uitvoering Omgevingsvisie". Dit is geen logische leesvolgorde en komt niet overeen met de visuele volgorde. Op pagina 6 staat de visuele koptekst "Programma" en de alinea hieronder in de codelaag onder de rest van deze pagina-inhoud. Dit is geen logische leesvolgorde. Op pagina 8 staat de visuele koptekst "Achtergrond" in de codelaag helemaal onderaan. Dit is geen logische leesvolgorde en komt niet overeen met de visuele volgorde.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat de tekst "In de kolom met wijkinformatie vind je een korte omschrijving en interessante gegevens.". De 'kolom' waarnaar verwezen wordt is echter alleen visueel een kolom. In de code wordt alleen een div-element met span-elementen gebruikt. Ook is de verwijzing "wijkinformatie" niet duidelijk genoeg, omdat dit teveel afwijkt van de koptekst erboven, "Deelgebieden en wijken". Dit maakt dat deze instructie momenteel afhankelijk is van zintuiglijke eigenschappen (de visuele kolom). Dit is niet duidelijk voor bezoekers die de website niet (goed) kunnen zien en deze navigeren met een schermlezer. Een mogelijke oplossing is deze tekst aan te passen naar bijvoorbeeld, "Onder de koptekst 'Deelgebieden en wijken' vind je ...".

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam staat de tekst "Download bovenaan deze pagina het partnerformulier". De knop waarmee het 'partnerformulier' kan worden gedownload heeft echter alleen de naam "Download vrijblijvend". Hierdoor is niet volledig duidelijk dat hiernaar wordt verwezen vanuit de instructie. Het advies is de tekst aan te passen naar bijvoorbeeld, "Download via de [naam knop] knop het partnerformulier". Zo is voor iedereen duidelijk wat er precies wordt bedoeld en waarnaar wordt verwezen.

1.3.4 Weergavestand (Niveau AA)

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

1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en
De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/contact staat een contactformulier. Binnen dit formulier staan meerdere invoervelden waar geen autocomplete-attribuut is toegevoegd waar dit wel nodig is: "Voornaam", "Achternaam" en "Wat is je e-mailadres?". Het gebruik van een autocomplete-attribuut (waar mogelijk) is nodig zodat hulpsoftware het formulier gedeeltelijk automatisch kan invullen of zodat pictogrammen kunnen worden weergegeven om te helpen bij het invullen van het formulier. Dit is met name handig voor mensen met cognitieve of motorische beperkingen. Zie https://www.w3.org/Translations/WCAG22-nl/#input-purposes voor meer informatie. Een vergelijkbare situatie komt voor bij het formulier op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/ staat bovenaan een carrousel. Het aantal slides, en de actieve slide, wordt visueel aangegeven middels het grijze en het gele bolletje. Het verschil in kleurcontrast tussen het grijze bolletje en het gele bolletje is slechts 1,5:1. Er is geen andere manier om de bolletjes van elkaar te differentiëren. Hierdoor kunnen bijvoorbeeld bezoekers met kleurenblindheid deze bolletjes niet van elkaar onderscheiden en is de informatie welke slide actief is afhankelijk van het gebruik van kleur.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Met de "Filter voorkeuren" knop kan een venster worden geopend waar de nieuwbouwprojecten kunnen worden gefilterd. Met gekleurde bolletjes worden de verschillende bouwfasen van de nieuwbouwprojecten visueel overgebracht. Wanneer er iets wordt geselecteerd in het filter venster en deze vervolgens wordt gesloten, verschijnt ook een legenda met deze bolletjes. Sommige bolletjes hebben vergelijkbare kleuren, waardoor bijvoorbeeld bezoekers met kleurenblindheid deze bolletjes niet van elkaar kunnen onderscheiden. Zo heeft het grijze bolletje een gemeten contrastwaarde van minder dan 1,1:1 ten opzichte van het groene bolletje en is er geen andere manier om de bolletjes van elkaar te differentiëren. Hierdoor is de visuele representatie van de verschillende bouwfasen afhankelijk van het gebruik van kleur.

1.4.2 Geluidsbediening (Niveau A)

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

1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina binnen de steekproef verschijnt, wanneer de website met een schermbreedte van 1280px bij 1024px wordt bekeken, bovenaan een mobiel menu, te herkennen aan de drie liggende streepjes. Wanneer deze knop wordt geactiveerd, verschijnen daar diverse menuonderdelen, zoals "Woningaanbod" en "Veelgestelde vragen". De gemeten contrastwaarde van deze grijze (HEX #858585) teksten is 3,7:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Deze grijze kleur komt ook voor op pagina https://www.woneninrotterdam.nl/?s=huis bij de tekst "Je hebt gezocht op:".

Op pagina https://www.woneninrotterdam.nl/ staat de gele tekst "Lees meer" (HEX #fbec62) op een oranje achtergrond (HEX #f2893e) en op een groene achtergrond (HEX #00811f). De gemeten contrastwaarde van deze gele tekst is 2,1:1 ten opzichte van de oranje achtergrond en 4,2:1 ten opzichte van de groene achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/bouwen/ en op pagina https://www.woneninrotterdam.nl/?s=huis.

Op pagina https://www.woneninrotterdam.nl/ staat een afbeelding met de tekst "Weet wat je (ver)huurt." en "€?". De witte tekst "Weet wat je (ver)huurt" heeft een gemeten contrastwaarde van 1,6:1 ten opzichte van de lichtblauwe achtergrond (HEX #84D3FF). De witte tekst "€?" heeft een gemeten contrastwaarde van 2,2:1 ten opzichte van de groene achtergrond (HEX #2CC94C). Dit is beide onvoldoende en moet tenminste 3,0:1 zijn.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Met de "Filter voorkeuren" knop kan een venster worden geopend waar de nieuwbouwprojecten op voorkeur(en) kunnen worden gefilterd. In dit venster staat de oranje tekst "Zet filters terug" (HEX #f2893e). De gemeten contrastwaarde van deze oranje tekst is 2,4:1 ten opzichte van de lichtgrijze achtergrond (HEX #FBFCFB). Dit is onvoldoende en moet tenminste 4,5:1 zijn.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Op deze kaart staan grijze plaatsnamen, zoals "Scheveningen". De gemeten contrastwaarde van deze grijze plaatsnamen (HEX #ADADAD) is gemiddeld 1,9:1 ten opzichte van de kaart. Dit is onvoldoende en moet tenminste 4,5:1 zijn.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staan onder de kopteksten "Prijsinformatie" en "Koop" grijze teksten; "Top segment 32 / 48", "Hoog segment 1 / 48" en "Midden segment 15 / 48". Deze grijze teksten (HEX #737a77) hebben een gemeten contrastwaarde van 4,4:1 ten opzichte van de witte achtergrond. Dit is net te laag; dit moet tenminste 4,5:1 zijn.

Op pagina https://www.woneninrotterdam.nl/nieuws/samen-bouwen-aan-betaalbare-huurwoningen-in-rotterdam/ staat de grijze tekst "Gemeente en corporaties ... huurwoningen in 2026-2027". De gemeten contrastwaarde van deze grijze tekst is 2,8:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Bovenstaande situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam/ bij de tekst "Tips voor het vinden ... in gemeente Rotterdam" en op pagina https://www.woneninrotterdam.nl/tip-van-de-pro/energie-besparen/ bij de tekst "Snel en makkelijk ... veel verschillende manieren.". Controleer alle pagina's binnen de steekproef op bovenstaande.

Op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ staat de tekst "Veelgestelde vragen over wonen in Rotterdam". De gemeten contrastwaarde van deze witte tekst is gemiddeld 2,8:1 ten opzichte van de achtergrondafbeelding. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

Op pagina https://www.woneninrotterdam.nl/zelfbouw/ staat de tekst "Laat je mailadres ... Wonen in Rotterdam.". Deze tekst heeft op sommige plekken een te laag contrast ten opzichte van de achtergrondafbeelding. Zo hebben de woorden "laatste" en "aanbod" een gemeten contrastwaarde van gemiddeld 4,1:1 ten opzichte van de achtergrondafbeelding. Dit is onvoldoende en moet tenminste 4,5:1 zijn.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat de tekst "Samen bouwen aan het imago van Rotterdam". De gemeten contrastwaarde van deze witte tekst is gemiddeld 2,1:1 ten opzichte van de achtergrondafbeelding. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

In het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf staat op pagina 2 witte tekst, zoals "Het Platform Ontwikkeling ... van de stad". De gemeten contrastwaarde van deze witte tekst is 3,2:1 ten opzichte van de lichtbruine achtergrond (HEX #C3805D). Dit is onvoldoende en moet tenminste 4,5:1 zijn. Voor de grote teksten, zoals "Inleiding", is dit wel voldoende. Op pagina 4, 5 en 7 staan witte teksten op een groene achtergrond (HEX #008B87). De gemeten contrastwaarde van deze teksten is 4,2:1 ten opzichte van de groene achtergrond. Omdat deze teksten nét niet onder de definitie van grote tekst vallen, is dat te laag. Wanneer deze teksten worden vergroot naar 14pt (in plaats van de huidige 12pt) zal dit wel voldoende zijn. Dit geldt ook voor de tekst "platform ontwikkeling Rotterdam" in het aangepaste logo op pagina 1 en op pagina 9. Een vergelijkbare situatie doet zich voor op pagina 8 met de groene tekst op een witte achtergrond ("POR door de jaren heen"). Ook hier is de gemeten contrastwaarde 4,2:1 ten opzichte van de achtergrond, en ook hier valt deze tekst nét niet onder de definitie van grote tekst, waardoor dit onvoldoende is.

In het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf staan gele teksten op een witte achtergrond, zoals "Omgevingsplan-activiteit", en witte teksten op een gele achtergrond, zoals "Publiek rechtelijke besluitvorming". De gemeten contrastwaarde tussen deze kleuren (geel en wit) is 1,8:1. Ook staat er een witte tekst op een lichtgroene achtergrond, "Ruimtelijke besluitvorming", en lichtgroene teksten op een witte achtergrond, "RB", "RI", "CB" en "CB/BIM". De gemeten contrastwaarde tussen deze kleuren (lichtgroen en wit) is 2,6:1. Er staan diverse grijze teksten, zoals "Start opdracht" en "Vuistregels voor het bouwen", op grijze en lichtgrijze achtergronden. De gemeten contrastwaarde tussen deze grijze teksten is 2,1:1 en 1,9:1 ten opzichte van de achtergronden. De gemeten contrastwaarde van de bruine teksten, zoals "Grondverkoop - initiatief gemeente", is 3,8:1 ten opzichte van de grijze achtergrond. De gemeten contrastwaarde van de groene teksten, zoals "Omgevingsscan", is 3,0:1 ten opzichte van de grijze achtergrond en 3,4:1 ten opzichte van de lichtgrijze achtergrond. Ten slotte staan er gele teksten op een lichtgrijze achtergrond, zoals "Omgevingsvisie". De gemeten contrastwaarde van deze gele teksten is 1,7:1 ten opzichte van de lichtgrijze achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn.

1.4.4 Herschalen van tekst (Niveau AA)

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

Bevindingen: Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 200%, mag er geen content of functionaliteit verloren gaan. Dit is belangrijk voor mensen met een visuele beperking die het beeld vergroten om informatie beter te kunnen zien.

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een kaart. Wanneer bovenstaande instellingen worden aangehouden, is de kaart niet meer aanwezig en staat de volgende tekst op de pagina: "Wil je op een kaart zien waar elke wijk ligt en zo beter je zoekgebied bepalen? Bezoek onze site dan op je laptop of desktop.". Hierdoor is deze functionaliteit (inclusief de wijkinformatie onder de koptekst "Deelgebieden en wijken") niet beschikbaar voor bezoekers die het beeld vergroten. Deze situatie vormt ook een probleem onder succescriterium 1.4.10 maar is daar niet nogmaals benoemd.

1.4.5 Afbeeldingen van tekst (Niveau AA)

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:

Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/ staat een afbeelding (die fungeert als link) met de tekst "Weet wat je (ver)huurt". Dit is een afbeelding van tekst en wordt afgekeurd. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als echte tekst op de pagina staat. Op die manier kan de tekst worden voorgelezen door hulpsoftware en schaalt deze mee bij vergroten.

1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Verticaal scrollbare content met een breedte gelijkwaardig aan 320 CSS-pixels;
Horizontaal scrollbare content met een hoogte gelijkwaardig aan 256 CSS-pixels.

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

Bevindingen: Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 400%, mag er geen content of functionaliteit verloren gaan en mag horizontaal scrollen niet nodig zijn om de inhoud te kunnen lezen.

Op pagina https://www.woneninrotterdam.nl/ staat bovenaan een carrousel. Wanneer bovenstaande instellingen worden aangehouden, vallen bij één van de slides verschillende teksten gedeeltelijk buiten beeld, zoals "Hét platform voor woningzoekenden". Hierdoor is niet alle informatie volledig zichtbaar. Dit is verlies van content. Op de andere slide, met de koptekst "Bouwen aan Rotterdam", blijven alle teksten wel volledig leesbaar in beeld.

Op pagina https://www.woneninrotterdam.nl/ staat onder de koptekst "Nieuws & Inspiratie" een "Filter" knop. Wanneer deze wordt geactiveerd, opent er een venster met diverse custom uitklapbare elementen, zoals "Waar wil je informatie over?" en "Welke omgeving wil jij wonen?". Wanneer bovenstaande instellingen worden aangehouden, zijn alleen nog de teksten "Waar wil je infor..." en "Welke omgeving w..." zichtbaar. Dit is verlies van content. Een vergelijkbare situatie komt voor op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ en op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ bij de native select-elementen in het filtervenster. Dit wordt echter niet afgekeurd, omdat dit standaard browsergedrag betreft.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een kaart. Wanneer bovenstaande instellingen worden aangehouden, valt de knop met het i-icoon (met de toegankelijkheidsnaam "Open legend") gedeeltelijk over de knoppen heen waarmee de kaart kan worden in- en uitgezoomd en gedraaid. Dit is verlies van functionaliteit. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat de tekst "Nieuwbouwprojecten Rotterdam". Wanneer bovenstaande instellingen worden aangehouden, valt deze tekst gedeeltelijk buiten beeld en is daardoor niet meer leesbaar. Dit is verlies van content.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat onder de kopteksten "Beschrijving", "Project informatie" en "Prijs informatie" informatie over het nieuwbouwproject. Deze content valt gedeeltelijk buiten beeld en is daardoor niet meer leesbaar. Dit is verlies van content.

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan het contactformulier staat een CAPTCHA. Wanneer bovenstaande instellingen worden aangehouden, valt deze gedeeltelijk buiten beeld. Dit is verlies van content.

Op pagina https://www.woneninrotterdam.nl/privacybeleid/ staat de tekst "Privacy- & cookiebeleid en toegankelijkheidsverklaring". Wanneer bovenstaande instellingen worden aangehouden, valt deze tekst gedeeltelijk buiten beeld en is daardoor niet meer leesbaar. Dit is verlies van content.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina binnen de steekproef staat onderaan de knop "Schrijf je in voor de nieuwsbrief". Wanneer de toetsenbordfocus op deze knop staat, wordt dit gecommuniceerd met een gele rand. De gemeten contrastwaarde tussen de gele rand (HEX #fbec62) en de lichtgrijze achtergrond (HEX #F6F6F6) is 1,1:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Met de "Filter voorkeuren" knop kan een venster worden geopend waar de nieuwbouwprojecten kunnen worden gefilterd. Met gekleurde bolletjes worden de verschillende bouwfasen van de nieuwbouwprojecten visueel overgebracht. Wanneer er iets wordt geselecteerd in het filter venster en deze vervolgens wordt gesloten, verschijnt ook een legenda met deze bolletjes. Zowel in de legenda als op de kaart zelf hebben deze bolletjes te weinig contrast ten opzichte van de achtergrond. De gemeten contrastwaarde van de gele bolletjes (HEX #FBEC62) is gemiddeld 1,2:1 ten opzichte van de witte achtergrond van de legenda en in de kaart. De gemeten contrastwaarde van de oranje bolletjes (HEX #F4B588) is gemiddeld 2,4:1 van de witte achtergrond van de legenda en in de kaart. Dit is beide onvoldoende en moet tenminste 3,0:1 zijn.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Rechts onderin deze kaart staat een knop met een icoontje van twee driehoekjes (één wijst naar boven, de ander naar beneden). Met deze knop kan de kaart worden gedraaid. Het onderste driehoekje (HEX #CACACA) heeft een gemeten contrastwaarde van 1,6:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart staat een kaart. Wanneer op deze kaart een deelgebied of wijk wordt geselecteerd, verschijnt er in sommige gevallen onder de kaart een carrousel met diverse foto's van de geselecteerde wijk/het geselecteerde deelgebied. Onder deze carrousel staan grijze bolletjes die visueel het aantal slides aangeven. De gemeten contrastwaarde van de grijze bolletjes (HEX #EDEDED) is 1,3:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ en op pagina https://www.woneninrotterdam.nl/bouwen/por/ bij de carrousel onder de koptekst "Onze partners". Deze situatie komt ook op diverse pagina's voor wanneer deze ingezoomd (vanaf 200%) worden bekeken, zoals op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/duurzaam-wonen/.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staan onder de kopteksten "Prijsinformatie" en "Koop" diverse gele balken die visueel informatie overbrengen over de het aantal woningen in verschillende segmenten. Het verschil in kleurcontrast tussen de gele balk (HEX #FBEC62) en de grijze balk (HEX #D6D8D8) is slechts 1,2:1. De gemeten contrastwaarde van deze gele balken is 1,2:1 ten opzichte van de witte achtergrond. De gemeten contrastwaarde van de grijze balken is 1,4:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Deze situatie kan ook worden opgelost door een toegankelijk alternatief te bieden voor deze visuele informatie, bijvoorbeeld door de bijbehorende teksten ("Top segment 32/48") voldoende contrast te geven (zie succescriterium 1.4.3).

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Wanneer het selectievakje wordt aangevinkt, kan er een venster verschijnen waarin de bezoeker afbeeldingen moet selecteren. Onderaan dit venster staan drie knoppen, met een icoon van een cirkelvormige pijl, een koptelefoon-icoontje en een i-icoontje. Wanneer de toetsenbordfocus op deze knoppen staat, wordt dit gecommuniceerd met een grijze focus indicator. De gemeten contrastwaarde tussen deze grijze focus indicator en de witte achtergrond is 1,3:1. Het icoon zelf wordt, naast deze grijze focus indicator, daarbij donkerder grijs. Het contrastverschil met het grijze icoon zonder toetsenbordfocus is 2,5:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

In het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf staat een legenda met diverse kleuren bolletjes. De gemeten contrastwaarde van het groene bolletje is 2,4:1 ten opzichte van de witte achtergrond. De gemeten contrastwaarde van het gele bolletje is 1,7:1 ten opzichte van de witte achtergrond. Ook staan er in het besluitvormingsmodel gele bolletjes op een lichtgrijze achtergrond met een gemeten contrastwaarde van 1,6:1, en (gedeeltelijk) gele bolletjes op een groene achtergrond met een gemeten contrastwaarde van 1,2:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

1.4.12 Tekstafstand (Niveau AA)

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:

Regelhoogte (regelafstand) naar minstens 1,5 keer de lettergrootte;
Afstand tussen alinea's naar minstens 2 keer de lettergrootte;
Letterafstand (spatieren van letters) naar minstens 0,12 keer de lettergrootte;
Spatieren van woorden naar minstens 0,16 keer de lettergrootte.

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: Onvoldoende

Bevindingen: De stijlkenmerken zoals in dit succescriterium zijn beschreven bij een resolutie van 1280x1024 pixels, zijn van belang voor gebruikers met dyslexie. Zij kunnen hiermee de tekst beter lezen. Het toepassen van deze stijlkenmerken mag echter niet leiden tot verlies van content of functionaliteit. De website voldoet niet aan dit succescriterium, doordat bepaalde content niet (volledig) zichtbaar is na het instellen van deze stijleigenschappen.

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Wanneer het selectievakje wordt aangevinkt, kan er een venster verschijnen waarin de bezoeker afbeeldingen moet selecteren. Daarnaast is het mogelijk om te kiezen voor de audio-uitdaging, waarbij een geluidsopdracht wordt afgespeeld. Wanneer de genoemde stijleigenschappen worden toegepast, zijn in het venster van de audio-uitdaging de knoppen onderaan (zoals voor het vernieuwen van de opdracht) niet meer volledig zichtbaar.

1.4.13 Content bij hover of focus (Niveau AA)

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:

Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is.

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: Onvoldoende

Bevindingen: Op elke pagina binnen de steekproef staat bovenaan het uitklapbare menuonderdeel "Woningaanbod". Wanneer een bezoeker met de muisaanwijzer over deze knop beweegt, verschijnt er aanvullende content in de vorm van een submenu. Deze content moet volgens dit succescriterium aan drie voorwaarden voldoen. De bezoeker moet de muisaanwijzer over de aanvullende content kunnen bewegen zonder dat deze verdwijnt ('aanwijsbaar'). De bezoeker moet de aanvullende content kunnen sluiten zonder de muisaanwijzer of toetsenbordfocus te verplaatsen, bijvoorbeeld met de Escape toets ('sluitbaar'). Ten slotte, de content blijft zichtbaar totdat de muisaanwijzer of toetsenbordfocus wordt verplaatst ('aanhoudend'). Op dit moment wordt aan twee van deze voorwaarden voldaan: aanwijsbaar en aanhoudend. Het submenu is echter niet sluitbaar zonder de muisaanwijzer te moeten verplaatsen. Het is bijvoorbeeld niet mogelijk om de content te sluiten met de Escape-toets.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat onder de kopteksten "Prijsinformatie" en "Koop" informatie over de verschillende segmenten. Naast de teksten "Top segment", "Hoog segment" en "Midden segment" staat een i-icoontje. Wanneer de bezoeker met de muisaanwijzer over dit icoontje gaat, verschijnt er aanvullende content in een tooltip. Deze content is niet 'aanwijsbaar' en ook niet 'sluitbaar'.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

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

Bevindingen: Op elke pagina binnen de steekproef staat bovenaan een menu met het uitklapbare menuonderdeel "Woningaanbod". Deze kan niet met een toetsenbord worden uitgeklapt, waardoor dit submenu niet bereikbaar is voor toetsenbordgebruikers.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staat de knop "Filter voorkeuren". Wanneer deze knop wordt geactiveerd, verschijnt er een venster met filtervoorkeuren. De elementen onder de kopteksten "Huren" en "Kopen", bijvoorbeeld met de tekst "In welke prijscategorie zoek je?", zijn niet bedienbaar met een toetsenbord. Dit komt mogelijk omdat deze elementen niet de juiste (interactieve) rol hebben. Ook zijn de elementen in de kaart zelf (de groene vlakken met de cijfers) niet bereikbaar met een toetsenbord. Hierdoor kunnen bezoekers die deze kaart met een toetsenbord navigeren geen informatie openen over specifieke deelgebieden, wijken en nieuwbouwprojecten. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staan diverse i-icoontjes, bijvoorbeeld naast de tekst "Top segment". Deze i-icoontjes openen aanvullende informatie in een tooltip. Deze i-icoontjes zijn niet bereikbaar met een toetsenbord. Hierdoor kunnen deze tooltips niet geopend worden door bezoekers die deze pagina met een toetsenbord navigeren. Een mogelijke oplossing is om een knop te gebruiken om de tooltip te openen. Bij het oplossen van deze bevinding is het daarnaast belangrijk dat de relatie tussen de tooltip en het element dat de tooltip opent goed in de code wordt vastgelegd, bijvoorbeeld met aria-describedby. Op deze manier kan de tooltip-inhoud door schermlezers worden voorgelezen wanneer de tooltip verschijnt na activatie van de knop.

Op pagina https://www.woneninrotterdam.nl/veel-gestelde-vragen/ staan onder de koptekst "Algemene vragen" diverse uitklapbare elementen. Deze functioneren niet goed wanneer deze met een toetsenbord worden genavigeerd en bediend. Wanneer met de Tab-toets door de pagina wordt genavigeerd, ontvangen de links binnen de uitklapbare elementen focus, terwijl de bijbehorende content niet volledig wordt uitgeklapt. Hierdoor is een deel van de content niet zichtbaar. Dit kan mogelijk worden opgelost door semantische knoppen (button-elementen) te gebruiken. De uitklapbare content moet vervolgens worden getoond wanneer de knop met Enter of Spatie wordt geactiveerd. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/duurzaam-wonen/.

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Binnen deze kaart staat de koptekst "Deelgebieden en wijken" met hieronder diverse uitklapbare deelgebieden. Ook staat er binnen de kaart een knop met een chevron-icoon. Deze elementen zijn niet bereikbaar en bedienbaar met een toetsenbord. Dit komt mogelijk omdat deze elementen niet de juiste (interactieve) rol hebben. Ook zijn de elementen in de kaart zelf (de i-icoontjes) niet bereikbaar met een toetsenbord. Hierdoor kunnen bezoekers die deze kaart met een toetsenbord navigeren geen informatie openen over specifieke deelgebieden en wijken. Ten slotte zijn de vensters (en de elementen hierbinnen) met de aanvullende wijkinformatie, bereikbaar via de i-icoontjes op de kaart of via de elementen onder de koptekst "Deelgebieden en wijken", niet bereikbaar en bedienbaar met een toetsenbord.

2.1.2 Geen toetsenbordval (Niveau A)

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

2.1.4 Enkel teken sneltoets (Niveau A)

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:

Uitzetten: Er is een mechanisme beschikbaar waarmee de sneltoets kan worden uitgezet;
Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen aan één of meerdere niet-afdrukbare tekens (bijvoorbeeld Ctrl, Alt, enz.);
Alleen actief bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer de betreffende component de focus heeft.

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Voldoende

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Uitzetten: De gebruiker kan de tijdslimiet uitzetten voordat die wordt bereikt; of
Aanpassen: De gebruiker mag de tijdslimiet aanpassen voordat deze is verstreken over een bereik van ten minste tien keer de standaardinstelling; of
Verlengen: De gebruiker wordt gewaarschuwd voor de tijd afloopt en krijgt ten minste 20 seconden om de tijdslimiet met een eenvoudige handeling te verlengen (bijvoorbeeld, "druk op de spatiebalk"), en de gebruiker mag de tijdslimiet ten minste tien keer verlengen; of
Real-time uitzondering: De tijdslimiet is onderdeel van een realtime gebeurtenis (een veiling bijvoorbeeld) en er is geen alternatief voor de tijdslimiet mogelijk; of
Essentiële uitzondering: De tijdslimiet is essentieel en verlenging zou de activiteit ongeldig maken; of
20 uur uitzondering: De tijdslimiet is langer dan 20 uur.

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Wanneer het selectievakje is aangevinkt, maar de "Neem contact op" knop nog niet wordt geactiveerd, verschijnt na enige tijd de melding "Verificatie verlopen. Vink het selectievakje opnieuw aan.". Dit is een tijdslimiet. Er is geen mogelijkheid aanwezig deze te aan te passen, uit te zetten of te verlengen.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

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

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

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: Onvoldoende

Bevindingen: Op elke pagina binnen de steekproef is een mechanisme aanwezig om herhalende content over te slaan (skiplink). Super! Echter, wanneer de skiplink op pagina https://www.woneninrotterdam.nl/404 wordt geactiveerd, verplaatst de focus zich niet naar de eerste unieke inhoud van de pagina, maar blijft deze in de menubalk. Dit komt mogelijk doordat er op deze pagina geen main-element wordt gebruikt.

2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/privacybeleid/ staat informatie over het privacy- & cookiebeleid en de toegankelijkheidsverklaring. De paginatitel is "Privacybeleid - Wonen in Rotterdam". Dit is niet volledig beschrijvend voor de inhoud van de pagina, omdat hier het cookiebeleid en de toegankelijkheidsverklaring niet wordt benoemd. Het advies is de paginatitel aan te passen naar "Privacy- & cookiebeleid en Toegankelijkheidsverklaring - Wonen in Rotterdam".

Voor PDF-documenten geldt dat ze een duidelijke titel in de bestandseigenschappen moeten hebben, en dat deze documenttitel wordt weergegeven in plaats van de bestandsnaam. Het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf voldoet niet aan deze voorwaarden. Dit kan worden aangepast via de bestandseigenschappen van het PDF-document, of in het bronbestand.

Het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf beschikt over een documenttitel, "ROTT2511_Jaarverslag 2025-1302". Deze titel is onvoldoende beschrijvend voor de inhoud van het PDF-document. Dit kan mogelijk worden opgelost door de titel aan te passen naar "Jaarplan 2025 Platform Ontwikkeling Rotterdam". Er staat momenteel wel goed ingesteld dat de documenttitel wordt weergegeven in plaats van de bestandsnaam, super!

2.4.3 Focus volgorde (Niveau A)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Wanneer deze pagina wordt genavigeerd met een toetsenbord en 'uit' de kaart wordt genavigeerd middels de Tab-toets, opent aan de rechterkant van de pagina het mobiele menu. Wanneer vervolgens nog tweemaal de Tab-toets wordt ingedrukt, klapt het menu weer in en gaat de focus verder op de pagina. Dit gedrag zorgt voor een onlogische focusvolgorde.

2.4.4 Linkdoel (in context) (Niveau A)

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

Bevindingen: Op elke pagina binnen de steekproef staan bovenaan in het menu een aantal sociale media links. Deze hebben de linkdoelen "Facebook", "Instagram" en "Youtube". Uit deze linkdoelen wordt niet duidelijk dat deze links naar de specifieke profielen van Wonen in Rotterdam leiden. Dit kan mogelijk worden opgelost door de linkdoelen aan te passen naar bijvoorbeeld "Facebook Wonen in Rotterdam", "Instagram Wonen in Rotterdam" en "YouTube Wonen in Rotterdam". Deze situatie komt ook voor bij de sociale media links in de footer en op pagina https://www.woneninrotterdam.nl/contact bij de links onder de koptekst "Social".
https://www.woneninrotterdam.nl/

Op pagina https://woneninrotterdam.nl/ staat de link "Bekijk meer". Dit linkdoel is onvoldoende beschrijvend; hieruit wordt niet duidelijk waar de link naartoe leidt. Ook kan het doel niet worden bepaald uit de door software bepaalde linkcontext. Een mogelijke oplossing is het linkdoel aan te passen naar bijvoorbeeld "Naar veelgestelde vragen".

Op pagina https://woneninrotterdam.nl/ staat de link "Kom langs en laat je inspireren". Dit linkdoel is onvoldoende beschrijvend; hieruit wordt niet duidelijk waar de link naartoe leidt. Ook kan het doel niet worden bepaald uit de door software bepaalde linkcontext. Een mogelijke oplossing is het linkdoel aan te passen naar bijvoorbeeld "Bekijk event Woonbeurs Rotterdam".

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staan meerdere "Lees meer →" links. Dit linkdoel is onvoldoende beschrijvend; hieruit wordt niet duidelijk waar de link naartoe leidt. Ook kan het doel niet worden bepaald uit de door software bepaalde linkcontext. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Lees meer over De Spechten" wordt. Let op: de visueel zichtbare tekst moet één op één terugkomen in het linkdoel. Een visueel verborgen tekst moet beschikbaar zijn voor hulpsoftware, en wordt idealiter aan het einde van de visuele linktekst geplaatst.

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staan de links "Mapbox" en "OpenStreetMap". Dit zijn geen duidelijke linkdoelen omdat hieruit niet blijkt dat de links verwijzen naar de copyrightpagina van OpenStreetMap en naar een pagina met aanvullende informatie over de kaart van Mapbox. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Mapbox | About this map" en "OpenStreetMap | Copyright" wordt. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/op-de-kaart/ en op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

Op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ staat de link "Meer informatie". Dit linkdoel is onvoldoende beschrijvend; hieruit wordt niet duidelijk waar de link naartoe leidt. Ook kan het doel niet worden bepaald uit de door software bepaalde linkcontext. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Meer informatie over bestemmingsplan De Schie (Tennispark)" wordt.

Op pagina https://www.woneninrotterdam.nl/nieuws/samen-bouwen-aan-betaalbare-huurwoningen-in-rotterdam/ staan de links "Betaalbaar wonen" en "Link in bio". Deze leiden naar een pagina met een overzicht van artikelen die over deze 'tag' beschikken. Dit doel wordt niet duidelijk vanuit het huidige linkdoel. Een vergelijkbare situatie komt voor op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam met de links "Huurwoning" en "Rotterdam" en op pagina https://www.woneninrotterdam.nl/tip-van-de-pro/energie-besparen/ met de links "Energiebesparende tips" en "Wat kun je zelf doen". Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Huurwoning: zie meer artikelen met deze tag" wordt.

Op pagina https://www.woneninrotterdam.nl/bouwen/por/ staan onder de kopteksten "Verslagen" en "2025" diverse links met linkdoelen als "woensdag 10 september 2025". Deze linkdoelen zijn onvoldoende beschrijvend. Dit kan mogelijk worden opgelost door de linkdoelen aan te passen naar bijvoorbeeld "Bijeenkomst verslag: woensdag 10 september 2025".

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Binnen deze reCAPTCHA staat een "Privacy" link en een "Voorwaarden" link. Uit deze linkdoelen wordt niet duidelijk dat deze naar de privacy- en voorwaarden pagina's leiden van Google. Ook kan deze informatie niet uit de context worden bepaald. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Privacy Google" en "Voorwaarden Google" wordt.

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staan onder de koptekst "Onze partners" diverse logo links. Deze logo links staan dubbel in de code. Het advies is de dubbele links te verwijderen. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/bouwen/por/.

2.4.5 Meerdere manieren (Niveau AA)

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: Onvoldoende

Bevindingen: Elke pagina binnen de website moet, naast de standaard navigatie via links in een menu of binnen een pagina, ook op minimaal één alternatieve manier te vinden zijn. Er is een zoekmachine aanwezig, dit is goed! Niet elke pagina binnen de steekproef kan echter gevonden worden via deze zoekmachine. Dit geldt bijvoorbeeld voor pagina https://www.woneninrotterdam.nl/nieuwbouwkaart.

2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Binnen deze interactieve kaart kunnen er vensters worden geopend met wijkinformatie, bereikbaar via de i-icoontjes op de kaart of via de elementen onder de koptekst "Deelgebieden en wijken". Binnen dit venster staat een knop om het venster mee te sluiten (met de letter x). Deze heeft het label "x". Dit is geen beschrijvend label. Dit kan mogelijk worden opgelost door een beschrijvend label toe te voegen, zoals "Sluit wijkinformatie venster".

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat een knop met het label "Download vrijblijvend". Dit label is onvoldoende beschrijvend, omdat het niet duidelijk is wat precies vrijblijvend kan worden gedownload. Dit kan mogelijk worden opgelost door het label aan te passen naar bijvoorbeeld "Download vrijblijvend het partnerformulier" of "Download vrijblijvend de brochure".

2.4.7 Focus zichtbaar (Niveau AA)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staat de knop "Filter voorkeuren". Wanneer de toetsenbordfocus op deze knop staat, is er geen focus indicator aanwezig. Op deze manier weten toetsenbordgebruikers niet waar de focus op de pagina is. Wanneer deze knop wordt geactiveerd, verschijnt er een venster met filteropties. Binnen dit venster zijn er meerdere elementen waarbij geen focus indicator aanwezig is, zoals de "Sluiten" knop (te herkennen aan het 'x' icoontje) en de elementen onder de kopteksten "Huren" en "Kopen". Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier met onderaan de knop "Neem contact op". Wanneer de toetsenbordfocus op deze knop staat, is er geen focus indicator aanwezig.

Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staan onder de koptekst "Onze partners" diverse logo links. Wanneer deze met een toetsenbord worden genavigeerd, lijkt het alsof er 'dubbele' links aanwezig zijn. De toetsenbordfocus is bij deze dubbele 'onzichtbare' links niet zichtbaar. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/bouwen/por.

Op pagina https://www.woneninrotterdam.nl/404 staat een knop met een zoek-icoon. Wanneer de toetsenbordfocus op deze knop staat, is er geen focus indicator aanwezig.

Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Wanneer het selectievakje is aangevinkt, maar de "Neem contact op" knop nog niet wordt geactiveerd, verschijnt na enige tijd de melding "Verificatie verlopen. Vink het selectievakje opnieuw aan." en wordt de rand van het selectievakje rood. Wanneer de toetsenbordfocus vervolgens op dit selectievakje staat, is er geen focus indicator aanwezig.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

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: Niet aanwezig

2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Geen down-event: Het down-event van de aanwijzer wordt niet gebruikt om enig onderdeel van de functie uit te voeren;
Afbreken of ongedaan maken: De functie wordt voltooid door het up-event en er is een mechanisme beschikbaar om de functie af te breken voordat deze wordt voltooid of om de functie ongedaan te maken als deze is voltooid;
Up reversal: Met het up-event wordt elk resultaat van het voorgaande down-event ongedaan gemaakt;
Essentieel: Het voltooien van de functie met het down-event is essentieel.

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende

2.5.3 Label in naam (Niveau A)

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: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staat de knop "Filter voorkeuren". Wanneer deze knop wordt geactiveerd, verschijnt er een venster met filtervoorkeuren. Binnen dit venster staan onder de kopteksten "Huren" en "Kopen" vier keuzelijsten. De placeholderteksten, bijvoorbeeld "In welke prijscategorie zoek je?", zijn niet opgenomen in de toegankelijkheidsnamen (die ontbreken momenteel volledig). Hierdoor ontstaan problemen bij de bediening van deze elementen door middel van spraakbesturing. Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

2.5.4 Bewegingsactivering (Niveau A)

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:

Ondersteunde interface: De beweging wordt gebruikt om de functionaliteit te bedienen via een door toegankelijkheid ondersteunde interface;
Essentieel: De beweging is essentieel voor de functie en wanneer de reactie op de beweging wordt uitgeschakeld, wordt de activiteit ongeldig gemaakt.

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: Het PDF-document https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf heeft geen taal ingesteld. Dit betekent dat hulpsoftware niet automatisch kan bepalen in welke taal het document is geschreven, wat problemen kan opleveren in de interpretatie en het correct overdragen van de informatie. Dit kan worden aangepast in de documenteigenschappen.

3.1.2 Taal van onderdelen (Niveau AA)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/veelgestelde-vragen/im-an-expat/ staat Engelse content, zoals "What is the best way to find a house in Rotterdam?", op een pagina met een Nederlandse taalinstelling. Voor deze Engelse teksten is geen taalwisseling toegevoegd. Dit kan worden opgelost door een lokaal taalattribuut (lang="en") toe te voegen aan de elementen die de Engelstalige content bevatten. Dit geldt ook voor de paginatitel.

Op pagina https://www.woneninrotterdam.nl/ staat een carrousel. Bij deze carrousel staan twee tabs waarmee tussen de verschillende slides kan worden genavigeerd (met de cirkel-icoontjes). Deze hebben de toegankelijkheidsnamen "Go to slide 1" en "Go to slide 2". De lijst waar deze tabs instaan heeft het aria-label "Select a slide to show". Dit zijn Engelse teksten zonder taalwisseling. Dit kan mogelijk worden opgelost door deze teksten aan te passen naar Nederlandse teksten, zoals "Ga naar slide 1" en "Selecteer een slide om deze weer te geven".

Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Alle knoppen binnen deze kaart hebben Engelstalige namen, zoals "Reset bearing to north" en "Improve this map". Voor deze Engelse teksten is geen taalwisseling toegevoegd. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

Op pagina https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam staat een video. Alle knoppen binnen deze videospeler hebben Engelstalige namen, zoals "Picture-in-picture". Voor deze Engelse teksten is geen taalwisseling toegevoegd. Dit kan mogelijk worden opgelost door wel een taalwisseling toe te voegen. Een taalwisseling kan gegeven worden via het HTML-element binnen het iframe of in het iframe-element.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende

3.2.2 Bij input (Niveau A)

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: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/contact/ staat een contactformulier. Onderaan dit contactformulier staat een reCAPTCHA. Wanneer het selectievakje wordt aangevinkt, kan er een venster verschijnen waarin de bezoeker afbeeldingen moet selecteren. Wanneer dit venster verschijnt, wordt de toetsenbordfocus verplaatst en staat deze niet langer op het selectievakje. Dit zorgt voor een contextwijziging zonder dat dit vooraf wordt aangekondigd. Dit kan desoriënterend zijn, vooral voor bezoekers die afhankelijk zijn van hulpsoftware.

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

3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

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

Bevindingen: Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat een formulier. Wanneer hier de verplichte velden worden leeggelaten en de "Download vrijblijvend" knop wordt geactiveerd, verschijnen er meerdere "Het veld is verplicht" meldingen. Dit zijn geen foutmeldingen, maar instructies. Een goede foutmelding geeft aan dat er een fout is gemaakt, wat er fout is gegaan en mogelijk hoe dit kan worden opgelost. In de meeste gevallen bevat een foutmelding een ontkenning. Een voorbeeld van een goede foutmelding is "Het veld is niet (goed) ingevuld.".

3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/nieuwbouwkaart/ staat een interactieve kaart. Binnen deze kaart staat de knop "Filter voorkeuren". Wanneer deze knop wordt geactiveerd, verschijnt er een venster met filtervoorkeuren. Binnen dit venster staan vijf keuzelijsten. Er ontbreekt bij alle vijf keuzelijsten een zichtbaar label. Een placeholdertekst voldoet niet, omdat deze niet meer zichtbaar is zodra er een keuze wordt gemaakt. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.

3.3.3 Foutsuggestie (Niveau AA)

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: Onvoldoende

Bevindingen: Op pagina https://www.woneninrotterdam.nl/woonpartner-rotterdam/ staat een formulier. Wanneer er een ongeldig e-mailadres wordt ingevuld in het "E-mailadres" invoerveld, verschijnt de foutmelding "Het ingevoerde e-mailadres is ongeldig.". Er wordt hier geen suggestie gegeven wat een geldig e-mailadres is. Een vergelijkbare situatie komt ook voor op pagina https://www.woneninrotterdam.nl/contact/.

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

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:

Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

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

4.1.2 Naam, rol, waarde (Niveau A)

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

Bevindingen: Op elke pagina binnen de steekproef staat onderaan een knop waarmee een venster met cookievoorkeuren kan worden geopend ("Open cookie instellingen"). Dit dialoogvenster beschikt niet over de juiste rol. Ook ontbreekt er momenteel een toegankelijkheidsnaam.
https://www.woneninrotterdam.nl/

Op elke pagina binnen de steekproef staat bovenaan in het menu een uitklapbare knop waarmee de taal van de website kan worden aangepast. Er is een aria-expanded attribuut aanwezig waarmee de status programmatisch kan worden bepaald. Deze wordt echter niet dynamisch aangepast naar "true" wanneer de knop uitgeklapt is. Dit is wel nodig.
https://www.woneninrotterdam.nl/

Op pagina https://www.woneninrotterdam.nl/op-de-kaart/ staat een interactieve kaart. Binnen deze kaart staat de koptekst "Deelgebieden en wijken" met hieronder diverse uitklapbare deelgebieden. Deze zijn opgemaakt met een overkoepelend div-element met tabindex="0". Door het tabindex="0" attribuut wordt dit gezien als interactief element, welke een toegankelijke naam en rol moet hebben. Momenteel ontbreken deze beide.

Op pagina https://www.woneninrotterdam.nl/bouwen/ staat bovenaan een knop om de carrousel te pauzeren, met een pauze-icoon en een afspeel-icoon. Hier ontbreekt voor beide iconen een tekstueel alternatief. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor advies.

4.1.3 Statusberichten (Niveau AA)

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

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Google Chrome, versie 141 (primair)
Mozilla Firefox, versie 140
Colour Contrast Analyser (CCA), versie 3.5.3
VoiceOver in combinatie met Apple Safari 17.6

Bronnen

Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Overview
www.w3.org/WAI/eval/conformance (Engels)
Web Content Accessibility Guidelines (WCAG) 2.1 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG21-nl
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Rapport: Audit digitale toegankelijkheid Wonen in Rotterdam

Samenvatting onderzoeksresultaat

Scope van de evaluatie

Overzicht toetsresultaat

Leeswijzer

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

1.3.2 Betekenisvolle volgorde (Niveau A)

1.3.3 Zintuiglijke eigenschappen (Niveau A)

1.3.4 Weergavestand (Niveau AA)

1.3.5 Identificeer het doel van de input (Niveau AA)

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

1.4.2 Geluidsbediening (Niveau A)

1.4.3 Contrast (minimum) (Niveau AA)

1.4.4 Herschalen van tekst (Niveau AA)

1.4.5 Afbeeldingen van tekst (Niveau AA)

1.4.10 Reflow (Niveau AA)

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

1.4.12 Tekstafstand (Niveau AA)

1.4.13 Content bij hover of focus (Niveau AA)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

2.1.2 Geen toetsenbordval (Niveau A)

2.1.4 Enkel teken sneltoets (Niveau A)

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

2.4.2 Paginatitel (Niveau A)

2.4.3 Focus volgorde (Niveau A)

2.4.4 Linkdoel (in context) (Niveau A)

2.4.5 Meerdere manieren (Niveau AA)

2.4.6 Koppen en labels (Niveau AA)

2.4.7 Focus zichtbaar (Niveau AA)

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

2.5.2 Aanwijzerannulering (Niveau A)

2.5.3 Label in naam (Niveau A)

2.5.4 Bewegingsactivering (Niveau A)

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

3.1.2 Taal van onderdelen (Niveau AA)

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

3.2.2 Bij input (Niveau A)

3.2.3 Consistente navigatie (Niveau AA)

3.2.4 Consistente identificatie (Niveau AA)

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

3.3.2 Labels of instructies (Niveau A)

3.3.3 Foutsuggestie (Niveau AA)

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

4.1.2 Naam, rol, waarde (Niveau A)

4.1.3 Statusberichten (Niveau AA)

Onderbouwing van de evaluatie

Steekproef getoetste webpagina's

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bronnen

Rapport:
Audit digitale toegankelijkheid Wonen in Rotterdam