Issues:
Audit digitale toegankelijkheid website Gemeente Rotterdam

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: De website bevat decoratieve SVG-iconen, zoals het vergrootglas, het mobieltje, de kaart en de wereldbol in de header van de pagina. Een SVG wordt niet herkend als afbeelding door browsers en hulpsoftware. Daarom kan er met de rol 'img' en het title-element als eerste child element van het SVG-element een alternatieve tekst worden toegevoegd. Voor decoratieve SVG's geldt het advies ze te verbergen voor hulpsoftware met aria-hidden. Dit geldt ook voor de > iconen, waaronder bij 'Meer nieuws' onder 'Nieuws' op de homepage.

Bevinding 2: Op meerdere pagina's, waaronder op pagina https://www.rotterdam.nl/waterloket, wordt met een icoon aangegeven dat een link naar een externe pagina verwijst. Dit icoon wordt op de pagina geplaatst met CSS en heeft geen alternatieve tekst. Zorg ervoor dat de informatie die dit icoon geeft ook beschikbaar is voor bezoekers die gebruikmaken van hulpsoftware, bijvoorbeeld door met screenreader-only tekst 'verwijst naar externe pagina' toe te voegen aan de linktekst.

Bevinding 3: Op elke pagina wordt (zodra de cookies zijn geaccepteerd) een mogelijkheid geboden om feedback te geven via 'Geef uw mening'. Hiervoor worden afbeeldingen van sterren gebruikt. Voor deze sterren is geen alternatieve tekst geboden. Zo leest NVDA in Firefox het volgende voor op de plek van de sterren: 'middelgrote witte ster'.

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)

Bevinding 4: De video op pagina https://www.rotterdam.nl/waterloket bevat geen audiodescriptie. Audiodescriptie is gesproken tekst die is toegevoegd aan het standaard audiospoor om belangrijke visuele details te beschrijven, die niet vanuit het standaard audiospoor alleen te begrijpen zijn, zoals teksten die wel in beeld komen maar niet te horen zijn. In deze video gebeurt dat onder andere op 0:10, met de tekst 'Waar gaat dat heen dan?'. Daarna komt ook de naam en de functietitel van de spreker in beeld. De audiodescriptie is belangrijk voor blinde bezoekers, die niet kunnen zien wat in beeld gebeurt/verschijnt. Voeg een alternatief toe, bijvoorbeeld een transcript voor doofblinde bezoekers, en voeg ook een audiodescriptie toe om ook te voldoen aan succescriterium 1.2.5. Dit geldt ook voor de video op pagina https://www.rotterdam.nl/praat-en-denk-mee-jongeren.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 5: De video op pagina https://www.rotterdam.nl/waterloket bevat geen audiodescriptie. Audiodescriptie is gesproken tekst die is toegevoegd aan het standaard audiospoor om belangrijke visuele details te beschrijven, die niet vanuit het standaard audiospoor alleen te begrijpen zijn, zoals teksten die wel in beeld komen maar niet te horen zijn. In deze video gebeurt dat onder andere op 0:10, met de tekst 'Waar gaat dat heen dan?'. Daarna komt ook de naam en de functietitel van de spreker in beeld. De audiodescriptie is belangrijk voor blinde bezoekers, die niet kunnen zien wat in beeld gebeurt/verschijnt. Voeg daarom een audiodescriptie toe aan deze video. Dit geldt ook voor de video op pagina https://www.rotterdam.nl/praat-en-denk-mee-jongeren.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 6: Op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen kunnen bezoekers resultaten filteren door selectievakjes aan te vinken. De tekst 'Filter op' is niet gekoppeld aan de groep selectievakjes. Koppel de tekst door een fieldset en legend combinatie te gebruiken.

Bevinding 7: Op pagina's https://www.rotterdam.nl/uw-gegevens en op pagina https://www.rotterdam.nl/praat-en-denk-mee-jongeren komt een opsomming voor met één item. Dit is verwarrend voor bezoekers die gebruikmaken van bijvoorbeeld voorleessoftware omdat zij niet weten of content voor hen verborgen is, of in zijn geheel niet aanwezig is. Gebruik alleen de lijst elementen als het daadwerkelijk om een opsomming gaat.

Bevinding 8: Op pagina https://www.rotterdam.nl/bezwaar-indienen-tegen-afwijzing-parkeervergunning is er een kop 'Regels voor een bezwaar' (H2). Deze kop bevat geen content omdat deze direct wordt opgevolgd door een kop 'Tijd om bezwaar te maken' met hetzelfde niveau (H2). Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden; zorg daarom voor een correcte koppenstructuur.

Bevinding 9: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
De PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1 bevat niet ingesloten lettertypes. Wanneer een lettertype niet aanwezig is op de computer van degene die de PDF bekijkt, kan de tekst worden getoond in een ander lettertype dan de auteur heeft bedoelt, waardoor toegankelijkheidsproblemen kunnen ontstaan. Zorg ervoor dat alle lettertypes/tekst ingesloten zijn in de PDF.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 10: In de PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1 wordt onder andere verwezen naar het 'symbooltje met het pennetje'. Vermijd het verwijzen naar locatie, kleuren, vormen in instructies of benoem ook tenminste de toegankelijke naam van de betreffende knop.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 11: Op onder andere https://www.rotterdam.nl/contact staat een ReadSpeaker-widget. Wanneer de knop 'Lees voor' focus heeft, kleurt de tekst wit en is de contrastratio tussen de witte tekst en de witte achtergrond 1:1 waar dat minimaal 4,5:1 moet zijn. Dit komt op alle pagina's met ReadSpeaker functionaliteit voor.

Bevinding 12: Op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen komt paginering voor. De actieve pagina is te herkennen aan de groene tekstkleur met een lichtgroene achtergrond. De contrastratio tussen de groene tekst (HEX #00811F) en de witte achtergrond is 4,2:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 13: Op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen staat onder ieder zoekresultaat grijze tekst. De contrastratio tussen de grijze tekst (Hex #7C8B90) en de witte achtergrond is 3,5:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 14: De PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1 bevat oranje tekst. De contrastratio tussen de tekst (HEX #ED7D31) en de witte achtergrond is 2,7:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 15: De PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1 bevat rode tekst. De contrastratio tussen de tekst (HEX #FF0000) en de witte achtergrond is 3,9:1 waar dat minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 16: Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen naar 400% op pagina https://www.rotterdam.nl/contact zijn niet alle teksten in de contentblokken meer leesbaar. Onder 'Langskomen' is de zichtbare tekst bijvoorbeeld enkel nog 'Bij de gemeente Rotterdam kunt u veel producten online aanvragen. Kijk hier als u toch..'. Zorg er dat bezoekers kunnen inzoomen zonder verlies van functionaliteit of informatie.

Bevinding 17: Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen naar 400% is de titel 'Toegankelijkheidsverklaring' op pagina https://www.rotterdam.nl/toegankelijkheid niet meer leesbaar zonder horizontaal te scrollen. Zorg ervoor dat tekst niet van de pagina af valt en vermijd daarbij het gebruik van een scrollbalk. Een vergelijkbaar probleem komt voor op pagina https://www.rotterdam.nl/uw-gegevens, waar meerdere koppen (zoals 'Verwerkingsregister') niet meer geheel leesbaar zijn.

Bevinding 18: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 125%, verandert het submenu op onder andere pagina https://www.rotterdam.nl/aanmelden-parkeren-bezoek-en-mantelzorgers 'Ga direct naar' in een eigen uitklapbaar menu. Wanneer bezoekers verder inzoomen, bijvoorbeeld naar 400%, staat de knop om het menu te openen hinderlijk over de content van de pagina heen, waardoor onderliggende content niet of moeilijker zichtbaar is. Zorg ervoor dat er geen content verborgen wordt door overlappende elementen. Dit geldt voor alle pagina's met deze menustructuur.

Bevinding 19: Op desktop is aan de zijkant van het scherm een knop 'Geef uw mening' aanwezig. Wanneer bezoekers met schermgrootte 1280 bij 1024 pixels inzoomen tot 400% dan bedekt 'Geef uw mening' het rechterdeel van het scherm. De tekkst hieronder is nooit leesbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 20: Op onder andere https://www.rotterdam.nl/contact staat een Readspeaker-widget. Wanneer de knop om het menu in de widget te openen focus heeft, kleurt de knop wit en is de contrastratio tussen het icoon en de witte achtergrond 1:1 waar dat minimaal 3:1 moet zijn. Dit komt op alle pagina's met ReadSpeaker functionaliteit voor.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 21: Wanneer bezoekers de tekstafstand wijzigen naar de waarden zoals beschreven in succescriterium, zijn niet alle teksten in de contentblokken op pagina https://www.rotterdam.nl/contact meer leesbaar. Onder 'Langskomen' is de zichtbare tekst bijvoorbeeld enkel nog 'Bij de gemeente Rotterdam kunt u veel producten online aanvragen. Kijk hier als u toch..'. Zorg er dat bezoekers de tekstafstand kunnen wijzigen zonder verlies van functionaliteit of informatie.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 22: Als de website (of webapp) gebruikmaakt van sneltoetsen, mogen die de werking van screenreaders niet in de weg zitten. De videospeler op pagina https://www.rotterdam.nl/waterloket bevat sneltoetsen, deze moeten uitgeschakeld worden. In Youtube kan je de sneltoetsen uitschakelen door in de URL van de ingebedde video parameter 'disablekb=1' toe te voegen aan de url. Dit geldt ook voor de video op pagina https://www.rotterdam.nl/praat-en-denk-mee-jongeren.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 23: Wanneer bezoekers in het formulier 'Geef uw mening' geen sterren hebben gekozen, verschijnt er een foutmelding. In Chrome verdwijnt deze melding na enige tijd, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat foutmeldingen blijven staan totdat de bezoeker de fout heeft opgelost. (In Firefox verschijnt de melding over de sterren heen en kan je niet zien wat je fout hebt gedaan.)

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 24: De website bevat een manier om herhalende blokken content over te slaan. Echter verwijst de link 'Ga naar inhoud' op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen niet naar de inhoud. Zorg ervoor dat ook op onconventionele pagina's zoals zoekresultaten en 404 pagina's, bezoekers herhalende blokken content over kunnen slaan.

Bevinding 25: Op elke pagina, bijvoorbeeld op bevindt zich de zogenaamde skiplink, de link om herhalende blokken over te slaan. De link staat echter achter het kruimelpad en de H1. En dat is geen herhalende content. De bedoeling is dat de skiplink hiervoor terecht komt.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 26: Pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen heeft geen beschrijvende titel. Een paginatitel is een belangrijke navigatiehulp voor veel bezoekers. Zorg er daarom voor dat iedere pagina een unieke, beschrijvende titel heeft, in dit geval bijvoorbeeld 'Zoekresultaten' of 'U heeft gezocht naar 'zoekterm''.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 27: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
Wanneer bezoekers met de toetsenbord door het navigatiemenu in de header van iedere pagina navigeren en een menu item openen met de entertoets, verschuift de toetsenbordfocus weer naar de adresbalk en gaat vanaf daar verder op de pagina. Zorg ervoor dat wanneer bezoekers een menu openen, zij ook in het menu terecht komen met het toetsenbord.

Bevinding 28: Op onder andere https://www.rotterdam.nl/contact staat een ReadSpeaker-widget. Wanneer bezoekers met het toetsenbord door het ReadSpeaker menu navigeren en vervolgens verder navigeren, blijft het menu openstaan. Hierdoor valt het menu over andere content heen. Zorg ervoor dat het menu direct sluit wanneer de bezoeker verder navigeert, of dat bezoekers het menu zelf moeten sluiten, bijvoorbeeld met een sluit-knop. Dit komt op alle pagina's met ReadSpeaker functionaliteit voor.

Bevinding 29: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
Op onder andere pagina https://www.rotterdam.nl/waterloket komen uitklapbare knoppen voor. Eerder kregen de interactieve items focus, dat is nu niet meer het geval. Nu krijgt echter wel een onzichtbaar element na iedere knop focus, en wordt de FAQ-vraag twee maal voorgelezen.

Bevinding 30: Op pagina https://www.rotterdam.nl/vraagwijzer staat een iframe waarbij de focusvolgorde onlogisch is. De focusvolgorde voert eerst langs de locatiemarkers op de kaart, en daarna pas langs de filters. Kaartapplicaties hoeven niet aan de WCAG standaard te voldoen. Echter, wanneer de kaart voor navigatiedoeleinden dient - wat hier het geval is -, dan moet de informatie (zoals de adressen), ook op een andere, toegankelijke manier worden aangeboden.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 31: Op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen komt paginering voor. Het linkdoel van de paginanummers bestaat enkel uit een cijfer. Dit is onvoldoende beschrijvend. Pas de linktekst aan, bijvoorbeeld door 'Pagina' toe te voegen.

Bevinding 32: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
Wanneer bezoekers inzoomen op pagina https://www.rotterdam.nl/zoeken?zoekopdracht=verhuizen is de filteroptie bedienbaar via een dialoogvenster door op een knop te drukken. Eerder was deze knop niet bedienbaar met het toetsenbord. Nu wel, echter heeft link om het dialoogvenster weer te sluiten (het X-icoon) geen toegankelijke naam. Er wordt nu wel voorgelezen dat er een link aanwezig is, maar niet waar de link naar verwijst.

Bevinding 33: De PDF op pagina https://backend-dvg.rotterdam.nl/media/1354?download=1 bevat linkteksten zonder toegankelijke linktekst in de vorm van een alternatieve tekst voor annotaties. Schermlezers kunnen zichtbare linktekst lezen, maar door de schermtekst te vervangen door zinvolle alternatieve tekst voor links in een PDF-document kunnen links toegankelijker worden gemaakt. Auteurs kunnen de standaard linktekst vervangen door een /Alt-vermelding voor de Link-tag. Wanneer de Link-tag een /Alt-vermelding heeft, negeren schermlezers de waarde van alle zichtbare tekstobjecten in de Link-tag en gebruiken ze de /Alt-vermelding voor de linktekst. Dit geldt ook voor de PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 34: Op meerdere pagina's, waaronder op pagina https://www.rotterdam.nl/buurt-bestuurt komt een ReadSpeaker-widget voor. De toegankelijke naam van de knop om het ReadSpeaker menu te openen is hier 'undefined'. Dit is geen beschrijvende naam voor de knop. Geef de knop een beschrijvende (Nederlandstalige) naam om dit probleem op te lossen.

Bevinding 35: Het iframe op pagina https://www.rotterdam.nl/aanvraag-avg-privacy-verzoek-inzage-persoonsgegevens heeft enkel als titel 'webform'. Dit is te weinig omschrijvend. Geef het iframe een beschrijvende titel zoals 'Formulier aanvraag verzoek inzage persoonsgegevens' om dit probleem op te lossen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 36: In de header van iedere pagina komt een vertaalfunctie voor. Wanneer het select element in het dialoogvenster toetsenbordfocus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die gebruikmaken van het toetsenbord om over de pagina te navigeren weten waar zij zich op de pagina bevinden door een duidelijke focusrand toe te voegen. Let op: De eisen omtrent focus zichtbaarheid worden strenger in de WCAG 2.2. Lees er meer over op: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html.

Bevinding 37: Op pagina https://www.rotterdam.nl/vraagwijzer staat een kaartapplicatie. Wanneer de vraagwijzers in de applicatie toetsenbordfocus hebben, is dat slechts heel kort zichtbaar. Vervolgens is het niet meer duidelijk waar de toetsenbordfocus zich bevindt. Kaartapplicaties hoeven niet te voldoen aan de WCAG standaard, echter moet de informatie die voor navigatiedoeleinden bestemd is (zoals de adressen van de locaties) dan wel op een andere, toegankelijke manier worden aangeboden.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 38: In de header van iedere pagina komt een vertaalfunctie voor. De zichtbare naam van de knop om de functie te openen is 'Translate'. De toegankelijke naam van de knop is echter 'Talen switch', omdat dit op het button element is toegevoegd met een aria-label. Hierdoor kunnen bezoekers die gebruikmaken van spraakgestuurde navigatie de knop niet of moeilijk bedienen. Zorg ervoor dat het zichtbare label altijd voorkomt in de toegankelijke naam, het liefst vooraan.

Bevinding 39: Op onder andere https://www.rotterdam.nl/contact komt een ReadSpeaker-widget voor. De zichtbare naam van de knop om te beginnen met voorlezen is 'Lees voor'. De toegankelijke naam is 'ReadSpeaker webReader: Luister met webReader'. Hierdoor kunnen bezoekers die gebruikmaken van spraakgestuurde navigatie de knop niet of moeilijk bedienen. Zorg ervoor dat het zichtbare label altijd voorkomt in de toegankelijke naam, het liefst vooraan. Dit komt op alle pagina's met ReadSpeaker functionaliteit voor.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 40: De taal op de pagina https://www.rotterdam.nl/en/new-in-rotterdam is Engels, maar de ingestelde taal binnen het lang-attribuut in de HTML in de broncode van de pagina is Nederlands. Bezoekers die gebruikmaken van voorleessoftware krijgen de pagina nu mogelijk niet goed (of onverstaanbaar) voorgelezen. Geef in de broncode de juiste landcode aan binnen het lang-attribuut.
P.S. Na het laden van de pagina wordt alsnog het lang-attribuut aangepast in "en". Het is niet duidelijk of elke screenreader hier goed mee omgaat. Overigens is de link naar de homepage op het logo niet vertaald naar Engels.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 41: In de header van iedere pagina komt een vertaalfunctie van Deepl voor. De functie is Engelstalig, maar er is geen taalwissel aangegeven in de code. Hierdoor leest voorleessoftware de tekst voor in de ingestelde taal van de hoofdpagina (Nederlands), waardoor de tekst niet goed te verstaan is. Geef een taalwissel aan om dit probleem op te lossen.

Bevinding 42: Op pagina https://www.rotterdam.nl/search?zoekopdracht=verhuizen komt paginering voor. De toegankelijke naam van de knop om naar de volgende pagina te navigeren is 'next page'. Biedt interactieve elementen zoals knoppen en links zoveel mogelijk aan in de hoofdtaal van de pagina, of geef een taalwissel aan waar nodig.

Bevinding 43: Wanneer bezoekers inzoomen op pagina https://www.rotterdam.nl/parkeervergunning-bewoner-aanvragen verandert het submenu 'Direct naar' in een eigen, uitklapbaar menu. De knop om dat menu weer te sluiten heeft als toegankelijke naam 'close menu'. Biedt interactieve elementen zoals knoppen en links zoveel mogelijk aan in de hoofdtaal van de pagina, of geef een taalwissel aan waar nodig.

Bevinding 44: Op rotterdam.nl is een knop 'Geef uw mening' die een venster opent. Het kiezen van 1-5 sterren is verplicht. De foutmelding die verschijnt wanneer bezoekers dat niet doen, is Engelstalig. Biedt instructies en foutmeldingen aan in de hoofdtaal van de pagina, in dit geval Nederlands.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Bevinding 45: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
Op rotterdam.nl wordt gebruikgemaakt van DeepL om vertalingen te doen. Wanneer bezoekers een taal selecteren verandert de pagina direct van taal. Zorg ervoor dat bezoekers hun wijziging zelf doorgeven door een submit-knop toe te voegen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 46: Op rotterdam.nl is een knop 'Geef uw mening' die een venster opent. Het kiezen van 1-5 sterren is verplicht. Er verschijnt geen duidelijke foutmelding, de tekst luidt 'Selecteer een van de opties'. Dat is slechts een instructie. Zorg voor een goede foutmelding.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 47: Op rotterdam.nl is een knop 'Geef uw mening' die een venster opent. In dit venster is een veld, 'Laat hier uw mening achter'. Zodra je begint te typen verdwijnt de naam van dit veld. Zorg dat de naam van het veld altijd zichtbaar blijft zodat mensen die moeite hebben om iets te onthouden weten wat ze in dit veld moeten doen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 48: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
De PDF op pagina https://backend-dvg.rotterdam.nl/media/583?download=1 heeft als basiselement (het eerste element in de codestructuur) 'codes'. Net als bij HTML heeft een PDF een basiselement nodig, waarbinnen alle andere codes vallen. Bij HTML is dat <html>, bij PDF's is dat <Document>. Dit geldt ook voor de PDF op pagina https://backend-dvg.rotterdam.nl/media/1354?download=1.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 49: De website bevat een cookiemelding. De knoppen 'Accepteer cookies' en 'Weiger cookies' verzenden gegevens over de voorkeuren van de bezoeker naar een server, maar hebben niet als type 'submit', maar 'button'. Zorg ervoor dat het type knop overeenkomt met de functie van de knop.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 50: Op pagina https://www.rotterdam.nl/aanvraag-avg-privacy-verzoek-inzage-persoonsgegevens verschijnt aanvullende tekst wanneer bezoekers voor 'Ja' kiezen als antwoord op de vraag 'Heeft u een vraag over uw gegevens bij de GGD?'. Bezoekers die gebruikmaken van voorleessoftware krijgen hier geen melding van. Zij weten niet dat er aanvullende content is verschenen. Zorg ervoor dat bezoekers die het scherm niet kunnen zien ook over deze informatie beschikken, bijvoorbeeld met een live region. Ditzelfde probleem komt in het iframe formulier vaker voor.

Bevinding 51: Op pagina https://www.rotterdam.nl/zoeken?zoekopdracht=verhuizen kan je een nieuwe zoekopdracht opgeven. Er verschijnen direct nieuwe resultaten. Hier krijgen bezoekers die gebruikmaken van voorleessoftware geen melding van. Het is dan niet duidelijk dat de nieuwe zoekopdracht is uitgevoerd en er nieuwe resultaten op het scherm staan.

Bevinding 52: Op pagina https://www.rotterdam.nl/subsidie-winkelgebieden-en-bedrijventerreinen-aanvragen kan je via de knop 'Voorbeeldweergave' de ingevulde bekijken. Als je verplichte velden hebt overgeslagen verschijnt er een foutmelding. Hulpsoftware krijgt geen informatie over deze verandering. Iemand die het scherm niet kan zien heeft geen idee wat er gebeurt op het scherm. (Getest met NVDA en Firefox).

Bevinding 53: Advies: Als je een nieuwe pagina oproept binnen rotterdam.nl zie je het scherm naar boven scrollen. Visueel lijkt alles in orde. Kies bijvoorbeeld een van de pagina's die in de footer staat, zoals 'Over deze site'. Met voorleessoftware wordt de nieuwe pagina aangekondigd. Deze wijkt af ten opzichte van hoe sommige voorleessoftware een nieuw geladen pagina aankondigt. Maar voor voorleeshulpgebruikers lijkt het duidelijk dat een nieuwe pagina is geladen. Helaas kunnen ze geen gebruikmaken van alle functionaliteit die hun voorleessoftware biedt, zoals het al dan niet automatisch voorlezen van de hele pagina. Dat werkt niet op een single page website. Als de pagina geladen is verwacht je dat de leescursor bovenin de pagina staat. Als je de voorleessoftware echter opdracht geeft om de pagina verder voor te lezen blijk je niet bovenin te staan maar gaat de voorleessoftware door op de plek waar je op de laatste link hebt geklikt, dus 'Over deze site'.

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

• Home:
  https://www.rotterdam.nl/
• Contact:
  https://www.rotterdam.nl/contact
• Zoekresultaten:
  https://www.rotterdam.nl/search?zoekopdracht=verhuizen
• 404:
  https://www.rotterdam.nl/404
• Toegankelijkheid:
  https://www.rotterdam.nl/toegankelijkheid
• Video:
  https://www.rotterdam.nl/waterloket
• Tabellen:
  https://www.rotterdam.nl/buurt-bestuurt
• Engels:
  https://www.rotterdam.nl/en/new-in-rotterdam
• Kaart:
  https://www.rotterdam.nl/vraagwijzer
• Parkeervergunning:
  https://www.rotterdam.nl/parkeervergunning-bewoner-aanvragen
• Overzichtspagina ondernemers:
  https://www.rotterdam.nl/regionaal-bureau-zelfstandigen
• Uw gegevens:
  https://www.rotterdam.nl/uw-gegevens
• Over deze site:
  https://www.rotterdam.nl/proclaimer
• Proces formulier:
  https://www.rotterdam.nl/aanvraag-avg-privacy-verzoek-inzage-persoonsgegevens
• Parkeren bezoek en mantelzorgers:
  https://www.rotterdam.nl/aanmelden-parkeren-bezoek-en-mantelzorgers
• PDF parkeren Parkeren:
  https://backend-dvg.rotterdam.nl/media/583?download=1
• PDF Privacybeleid:
  https://backend-dvg.rotterdam.nl/media/1354?download=1
• Video jongeren:
  https://www.rotterdam.nl/praat-en-denk-mee-jongeren
• Toeristeninformatie:
  https://www.rotterdam.nl/tourist-information

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

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.

Aanvullende opmerkingen

De volgende opmerkingen zijn zaken die wij tegen kwamen en geen onderdeel zijn van het toegankelijkheidsonderzoek.

Op rotterdam.nl wordt gebruik gemaakt van Readspeaker. In het rapport zijn al een aantal belangrijke toegankelijkheidsbevindingen benoemd. Er zijn meer toegankelijkheidsissues in Readspeaker. Zo wordt in het instellingenscherm de status van de helpfunctionaliteit niet opgemerkt door hulpsoftware, werkt het vergroten van tekst niet en hebben de knoppen bij het kiezen van kleur geen naam (visueel wordt er met de muis wel een tooltip getoond). Zo zitten er waarschijnlijk meer issues in. Omdat dit buitensporig veel tijd kost om volledig te onderzoeken houden we het bij een paar belangrijke problemen. Advies is om de organisatie achter Readspeaker aan te spreken op de toegankelijkheid van hun product.

Op rotterdam.nl is een mogelijkheid om je mening te geven. Hier is een link aanwezig genaamd 'Melding, vraag of klacht? Klik hier.'. Deze wijst naar een pagina die niet bestaat.