Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid Rotterdam Innovation City

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Rotterdam Innovation City
Datum 25 februari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op rotterdaminnovationcity.com
  • Alle PDF's op rotterdaminnovationcity.com
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.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

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 pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het bevat het visuele logo "Up!Rotterdam. scale your business" dat middels CSS als achtergrondafbeelding is geplaatst. Hierdoor ontbreekt er alternatieve tekst. Plaats de afbeelding via het img-element in de code en zorg voor een correcte alternatieve tekst. Hou rekening met het feit dat de alt-tekst van het logo deel uit gaat maken van de linktekst (zie ook succescriterium 2.4.4).

Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het bevat bij "Share" een drietal social media-iconen, elk in een link. De links bevatten geen linktekst en de iconen zijn niet van een alternatieve omschrijvende tekst voorzien. Verzorg linktekst en maak de iconen decoratief, of geef de iconen alt-tekst om via deze manier linktekst te krijgen.

Bevinding 2: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Indien men uit de zijbalk de optie "Job board" kiest en niet ingelogd is, verschijnt de tekst "Some job openings are only available to logged in users. Please sign up or login to see more results". Hierboven staat een decoratieve afbeelding, dat niet als zodanig is aangemerkt. Zorg dat dergelijke afbeeldingen een leeg alt-attribuut bevatten, zodat ze genegeerd kunnen worden door hulpsoftware.

Bevinding 3: Op https://www.rotterdaminnovationcity.com/12-impactful-startups-powering-up-energy-transition-circularity-in-rotterdam-region/ heeft de afbeelding alt-tekst, maar deze beschrijft niet wat er op de foto is te zien: "The Ocean Cleanup". Voorzie een beschrijvende alt-tekst.

Bevinding 4: Op https://www.rotterdaminnovationcity.com/news/ hebben de afbeeldingen bij elk nieuwsbericht een alt-tekst. In alle gevallen zijn deze niet beschrijvend genoeg. Maar in het geval van deze cards kunnen afbeeldingen als decoratief aangeduid worden middels een leeg alt-attribuut. Dit komt ook voor op https://www.rotterdaminnovationcity.com/agenda/.

Bevinding 5: Op https://www.rotterdaminnovationcity.com/ecosystem-interaction/ komen afbeeldingen voor zonder alt-tekst, maar er is wel een onderschrift voor deze afbeeldingen. Hierdoor kan de afbeelding niet gezien worden als decoratief. Verzorg een beschrijvende alt-tekst.

Bevinding 6: Alle afbeeldingen in de slider op https://www.rotterdaminnovationcity.com/shine-network-launched-during-immersive-tech-week-2024/ hebben dezelfde alt-tekst: "Immersive Tech Week 2024". Dat is niet correct, en de alt-tekst is niet beschrijvend genoeg. Verzorg voor iedere afbeelding een beschrijvende alt-tekst.

Bevinding 7: De PDF op pagina https://archief12.archiefweb.eu/archives/archiefweb/20220713092136/https://www.rotterdaminnovationcity.com/download/491/ bevat op bladzijde 9 informatie dat niet middels toegankelijkheidstags is opgemaakt. Een korte samenvatting is beschikbaar op bladzijde 10, maar dit bevat niet alle beschikbare platte tekst. Zorg dat blinde gebruikers van schermleessoftware alle visueel beschikbare tekst tot zich kunnen nemen.

1.2 Op tijd gebaseerde media

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

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/ staat een iframe met een Vimeo video. In de video zijn verscheidene personen aan het woord, echter is er geen betiteling beschikbaar wat onder andere voor doven een probleem vormt. Voorzie video met gesproken woord van goede ondertitels.

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 9: Op pagina https://www.rotterdaminnovationcity.com/shine-network-launched-during-immersive-tech-week-2024/ staat een iframe met een YouTube video. In de video komt tekst in beeld, bijvoorbeeld "Immersive Tech Week 2024" rond 00:02 en "Sign up for SHINE: www.shine-network.nl" rond 02:05. Zorg dat deze informatie aanwezig is voor alle bezoekers, middels een audiospoor of uitgeschreven media-alternatief.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.rotterdaminnovationcity.com/shine-network-launched-during-immersive-tech-week-2024/ staat een iframe met een YouTube video. In de video komt tekst in beeld, bijvoorbeeld "Immersive Tech Week 2024" rond 00:02 en "Sign up for SHINE: www.shine-network.nl" rond 02:05. Zorg dat deze informatie aanwezig is voor alle bezoekers, middels een audiospoor.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. De menuitems in de zijbalk is opgemaakt als ongeordende lijst (ul), echter bevat dit tevens div elementen wat niet is toegestaan. Zorg dat lijsten slechts lijstitems (li) bevatten, hierin kunnen uiteraard wel andere elementen genest worden.

Bevinding 12: De PDF op pagina https://archief12.archiefweb.eu/archives/archiefweb/20220713092136/https://www.rotterdaminnovationcity.com/download/491/ bevat meerdere koptags op niveau 1 door het gehele document, bijvoorbeeld "LIVING LAB
SENSIBLE SENSOR" op bladzijde 1 en "AMBITION: ROTTERDAM DIGITAL MODEL CITY 2025" op bladzijde 2. Gebruik de h1 tag slechts voor de titel, en gebruik lagere kopniveau's voor overige koppen om een goede gelaagde structuur te creëren die overgebracht kan worden aan gebruikers van schermleessoftware.

Bevinding 13: De PDF op pagina https://archief12.archiefweb.eu/archives/archiefweb/20220713092136/https://www.rotterdaminnovationcity.com/download/491/ bevat visueel meerdere profielfoto's met een naam en functietitel eronder. De laatstgenoemden zijn opgemaakt middels koptags, terwijl de afbeeldingen geheel niet getagd zijn. Maak idealitier de afbeeldingen op middels een figure tag en plaats de tekst in een hierin geneste alt tag.

Bevinding 14: De PDF op pagina https://archief12.archiefweb.eu/archives/archiefweb/20220713092136/https://www.rotterdaminnovationcity.com/download/491/ bevat op bladzijdes 3 tot 5 artikelen. Visueel is het duidelijk wie ze heeft geschreven, echter is de leesvolgorde van de tags niet hetzelfde op iedere bladzijde. Zorg dat titel, naam en functieomschrijving opeenvolgend in een daartoe logische volgorde gepresenteerd worden. Een dergelijk probleem inzake de volgorde speelt ook voor de visuele titels van onderdelen "02 PARTICIPATION & DESIGN" tot "06 CONCLUSIONS & OUTLOOK" die achter elkaar worden voorgelezen in plaats van de visueel onderliggende content op bladzijdes 12 tot 20 aan te kondigen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. De card met de signup knop ("Explore the Rotterdam Metropolitan innovation ecosystem") bevat een drietal links. Door het lage contrast van de achtergrondfoto zijn de donkere links nauwelijks te herkennen. "Podcast" (HEX #18181B op ten dele HEX #3D4E62) heeft bijvoorbeeld een contrast van 2,0:1. In dit geval is het aan te raden om een lichtere achtergrondafbeelding te gebruiken, of de linkkleuren aan te passen.

Bevinding 16: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het bevat meerdere blauwe knoppen, bijvoorbeeld "open app" en "signup" die witte tekst op een lichtblauwe achtergrond (HEX #4184FC) bevatten. Er is hier sprake van 3,5:1 contrast waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie voor dergelijke links aan. Dezelfde contrastproblemen doen zich invers voor bij de blauwe links, bijvoorbeeld "Create your account" in de card "Add your organization".

Bevinding 17: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Onder "Initiators" staan een aantal cards met grijze tekst (HEX #869AA9) op een witte achtergrond. Hier is sprake van 2,9:1 contrast waar het minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie voor dergelijke tekststylen aan.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. De knop "dashboard" opent een paneel met verschillende interactieve grafieken en kaarten. Onder andere kleuren in de aanwezige legenda voldoen niet aan de gestelde contrastminima. Bijvoorbeeld de blauwtinten HEX #AAC8FE en HEX #649BFD met de witte achtergrond: 1,6:1 en 2,7:1 respectievelijk. Mak gebruik van een kleurportfolio met voldoende contrast.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen, dat een cookiemelding bevat. De cookiemelding is niet middels het toetsenbord bereikbaar, en tevens gaat de toetsenbordfocus onder de melding door. Zorg dat men dit dialoogvenster als eerste kan sluiten zodra men dit onderdeel van de pagina bereikt heeft.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het bevat het visuele logo "Up!Rotterdam. scale your business" dat middels CSS is geplaatst. De linktekst is "Dealroom.co" voorgelezen, wat niet overeenkomt met het eigenlijke linkdoel. Dit kan verwarrend zijn voor bezoekers. Verzorg linktekst dat duidelijk maakt waar de link naar toe gaat. Hou rekening met het feit dat de alt-tekst van het logo uit succescriterium 1.1.1 ook deel uit gaat maken van de linktekst.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het hamburgermenu ontvangt de focus, echter is het niet zichtbaar. Zorg dat alle dergelijke besturingselementen van een goede focusrand voorzien zijn.

Bevinding 22: Advies: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Indien men door de opties in de zwarte balk tabt en bij het zoekveld komt, klapt dit uit. Het blijft in die staat staan indien men verder navigeert. Omdat het met de escape toets te sluiten is wordt niet afgekeurd, echter is het wel raadzaam om het automatisch te sluiten indien men van het veld weg navigeert.

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 23: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het iframe is niet voorzien van een toegankelijke tekst, waardoor blinde bezoekers niet weten waar het voor dient. Zorg dat het een omschrijving (bijvoorbeeld "The Globalizer") bevat.

Bevinding 24: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Er zijn op diverse plaatsen filteropties, bijvoorbeeld in de tab "Heatmaps" onder "Future unicorns". Indien een optie expliciet uitgesloten wordt van de zoekresultaten, kleurt de knop rood en wordt de tekst doorstreept. Dit wordt echter niet door schermleessoftware voorgelezen, waardoor hun gebruikers denken dat de knop juist is ingeschakeld. Zorg ervoor dat er voor de "exclude" opties dit ook goed duidelijk is.

Bevinding 25: Op pagina https://www.rotterdaminnovationcity.com/get-access-to/markets/the-globaliser/ staat een iframe met interactieve elementen. Het bevat een button met drie puntjes dat de optie "Suggest a company" uitklapt. De button is niet van een toegankelijke naam voorzien, waardoor blinde gebruikers van schermleessoftware slechts wordt aangekondigd dat er een knop is, maar niet waar de knop voor dient. Voeg een toegankelijke naam toe.

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

Bronnen

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

Geprint: 2025-09-03 21:45:14 v2.4-011