Issues:
Audit digitale toegankelijkheid Wonen in Rotterdam
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Wonen in Rotterdam |
|---|---|
| Datum | 13 februari 2026 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: 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/
Bevinding 2: 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/
Bevinding 3: 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.
Bevinding 4: 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.
Bevinding 5: 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.
Bevinding 6: 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.
Bevinding 7: 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="").
Bevinding 8: 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".
Bevinding 9: 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.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 10: 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.
Bevinding 11: 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.
Bevinding 12: 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.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 13: 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).
Bevinding 14: 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).
Bevinding 15: 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).
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 16: 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/
Bevinding 17: 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".
Bevinding 18: 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/.
Bevinding 19: 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.
Bevinding 20: 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".
Bevinding 21: 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.
Bevinding 22: 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".
Bevinding 23: 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.
Bevinding 24: 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.
Bevinding 25: 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.
Bevinding 26: 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?".
Bevinding 27: 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.
Bevinding 28: 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.
Bevinding 29: 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.
Bevinding 30: 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.
Bevinding 31: 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.
Bevinding 32: 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.
Bevinding 33: 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.
Bevinding 34: 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.
Bevinding 35: 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.
Bevinding 36: 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.
Bevinding 37: 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.
Bevinding 38: 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.
Bevinding 39: 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.
Bevinding 40: 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)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 41: 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)
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevinding 42: 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 ...".
Bevinding 43: 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.5 Identificeer het doel van de input (Niveau AA)
Informatie over succescriterium 1.3.5 Identificeer het doel van de input
Uitkomst: Onvoldoende
Bevinding 44: 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)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 45: 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.
Bevinding 46: 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.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 47: 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:".
Bevinding 48: 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.
Bevinding 49: 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.
Bevinding 50: 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.
Bevinding 51: 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.
Bevinding 52: 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.
Bevinding 53: 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.
Bevinding 54: 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.
Bevinding 55: 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.
Bevinding 56: 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.
Bevinding 57: 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.
Bevinding 58: 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)
Informatie over succescriterium 1.4.4 Herschalen van tekst
Uitkomst: Onvoldoende
Bevinding 59: 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.
Bevinding 60: 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)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 61: 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)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 62: 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.
Bevinding 63: 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.
Bevinding 64: 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.
Bevinding 65: 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/.
Bevinding 66: 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.
Bevinding 67: 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.
Bevinding 68: 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.
Bevinding 69: 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)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 70: 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/
Bevinding 71: 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.
Bevinding 72: 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.
Bevinding 73: 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/.
Bevinding 74: 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).
Bevinding 75: 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.
Bevinding 76: 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)
Informatie over succescriterium 1.4.12 Tekstafstand
Uitkomst: Onvoldoende
Bevinding 77: 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.
Bevinding 78: 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)
Informatie over succescriterium 1.4.13 Content bij hover of focus
Uitkomst: Onvoldoende
Bevinding 79: 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/
Bevinding 80: 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)
Informatie over succescriterium 2.1.1 Toetsenbord
Uitkomst: Onvoldoende
Bevinding 81: 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/
Bevinding 82: 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/.
Bevinding 83: 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.
Bevinding 84: 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/.
Bevinding 85: 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.2 Genoeg tijd
2.2.1 Timing aanpasbaar (Niveau A)
Informatie over succescriterium 2.2.1 Timing aanpasbaar
Uitkomst: Onvoldoende
Bevinding 86: 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.4 Navigeerbaar
2.4.1 Blokken omzeilen (Niveau A)
Informatie over succescriterium 2.4.1 Blokken omzeilen
Uitkomst: Onvoldoende
Bevinding 87: 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)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 88: 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".
Bevinding 89: 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.
Bevinding 90: 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)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 91: 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)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 92: 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/
Bevinding 93: 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".
Bevinding 94: 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".
Bevinding 95: 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.
Bevinding 96: 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/.
Bevinding 97: 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.
Bevinding 98: 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.
Bevinding 99: 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".
Bevinding 100: 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.
Bevinding 101: 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)
Informatie over succescriterium 2.4.5 Meerdere manieren
Uitkomst: Onvoldoende
Bevinding 102: 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)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevinding 103: 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".
Bevinding 104: 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)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 105: 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/.
Bevinding 106: 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.
Bevinding 107: 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.
Bevinding 108: 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.
Bevinding 109: 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 de toetsenbordfocus op deze afbeeldingen staat, is er geen focus indicator aanwezig.
Bevinding 110: 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.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 111: 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/.
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Onvoldoende
Bevinding 112: 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)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 113: 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.
Bevinding 114: 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".
Bevinding 115: 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/.
Bevinding 116: 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.2 Bij input (Niveau A)
Informatie over succescriterium 3.2.2 Bij input
Uitkomst: Onvoldoende
Bevinding 117: 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.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 118: 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.".
Bevinding 119: 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. Als niet de juiste afbeeldingen worden geselecteerd, verschijnt de melding "Probeer het opnieuw". Dit is geen foutmelding, maar een instructie. Deze melding communiceert niet dat er iets fout is gegaan, en welke fout is gemaakt.
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 120: 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)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevinding 121: 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/.
4. Robuust
4.1 Compatibel
4.1.2 Naam, rol, waarde (Niveau A)
Informatie over succescriterium 4.1.2 Naam, rol, waarde
Uitkomst: Onvoldoende
Bevinding 122: 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/
Bevinding 123: 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/
Bevinding 124: 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. Er ontbreekt bij alle vier keuzelijsten een toegankelijkheidsnaam, waardoor schermlezers alleen de informatie "keuzelijst" voorlezen. Deze situatie komt ook voor op pagina https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/.
Bevinding 125: 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.
Bevinding 126: 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.
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
- Homepagina:
https://www.woneninrotterdam.nl/ - Nieuwbouwkaart:
https://www.woneninrotterdam.nl/nieuwbouwkaart/ - Nieuwsartikel 1:
https://www.woneninrotterdam.nl/nieuws/samen-bouwen-aan-betaalbare-huurwoningen-in-rotterdam/ - Nieuwsartikel 2 (video):
https://www.woneninrotterdam.nl/nieuws/huurwoning-in-rotterdam/ - Veelgestelde vragen:
https://www.woneninrotterdam.nl/veel-gestelde-vragen/ - Contact (formulier):
https://www.woneninrotterdam.nl/contact/ - Wijken - Op de kaart:
https://www.woneninrotterdam.nl/op-de-kaart/ - Duurzaam wonen:
https://www.woneninrotterdam.nl/veelgestelde-vragen/duurzaam-wonen/ - 6 tips om energie te besparen:
https://www.woneninrotterdam.nl/tip-van-de-pro/energie-besparen/ - Zelfbouwkavels in Rotterdam:
https://www.woneninrotterdam.nl/zelfbouw/ - Woonpartner Rotterdam:
https://www.woneninrotterdam.nl/woonpartner-rotterdam/ - I'm an expat (Engelse content):
https://www.woneninrotterdam.nl/veelgestelde-vragen/im-an-expat/ - Privacy & Toegankelijkheid:
https://www.woneninrotterdam.nl/privacybeleid/ - Foutpagina:
https://www.woneninrotterdam.nl/404 - Nieuwbouwkaart project:
https://www.woneninrotterdam.nl/project/over-de-schie-tennispark/ - Zoekresultaten:
https://www.woneninrotterdam.nl/?s=huis - PDF 1 pagina: Platform Ontwikkeling Rotterdam:
https://www.woneninrotterdam.nl/bouwen/por/ - PDF 1: Jaarplan 2025:
https://www.woneninrotterdam.nl/wp-content/uploads/2019/10/Jaarplan-2025-1402.pdf - PDF 2 pagina: Bouwen aan Rotterdam:
https://www.woneninrotterdam.nl/bouwen/ - PDF 2: Besluitvormingsmodel:
https://www.woneninrotterdam.nl/wp-content/uploads/2024/04/Nieuw-document-van-Besluitvormingsmodel-Ruimtelijke-ontwikkelingen-gem-Rdam_Flatland_20231031.pdf
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-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.