Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website watdoetdegemeente.gemeenterotterdam.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Website Watdoetdegemeente Gemeente Rotterdam
Scope van de website Alle pagina's op watdoetdegemeente.rotterdam.nl
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 60

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: Het logo linksboven op iedere pagina heeft wel een alternatieve tekst in het alt-attribuut: 'rotterdam-logo'. Dit moeten twee losse woorden zijn.
Daarnaast moet de alternatieve tekst een beschrijvend linkdoel hebben als de afbeelding ook als link dient. Het linkdoel is nu in een title-attribuut geplaatst. Dit attribuut wordt niet door alle hulpsoftware (goed) ondersteund. Plaats het linkdoel dus liever in het alt-attribuut, of voeg het op een andere manier toe aan de link.

Bevinding 2: Op pagina www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… staat onderaan een afbeelding over de RIM met de alternatieve tekst 'image'. Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan, met daarin een korte beschrijving van de afbeelding. Biedt daarnaast een uitgebreidere beschrijving van alle informatie die op de infographic te zien is.
Dit geldt ook voor de infographic op www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/…

Bevinding 3: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan <canvas> elementen. Deze hebben geen alternatieve tekst, waardoor de content niet door hulpsoftware kan worden bepaald. Voeg een alternatieve tekst toe, bijvoorbeeld via een aria-label en door role='img' aan het <canvas> element toe te voegen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op de pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… zijn meerdere zinnen/koppen opgemaakt met het <strong>-element, bijvoorbeeld 'Notitiefunctie' onder de kop Functionaliteiten website. Het probleem is dat <strong> bedoeld is om nadruk te geven aan een of enkele woorden, niet voor een hele zinnen. De koppen moeten met een headingselement worden opgemaakt.
Dit komt ook voor in het hamburgermenu, voor de submenu's, bijvoorbeeld 'Overzicht Financiën'.
Dit komt ook voor op andere pagina’s zoals www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… onderaan de pagina en op www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/…

Bevinding 5: In het hamburgermenu op pagina www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… is het logo, de tekst Begroting 2020 en de tekst SLUITEN allemaal opgenomen in een <h1> element. Deze tekst is geen koptekst en moet dus niet in een headingselement worden geplaatst.
Dit komt op meerdere pagina's voor.

Bevinding 6: Op pagina www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… staan verschillende koppen die niet als koptekst maar met het <em> element zijn opgemaakt. Het <em> element is bedoeld voor nadruk. Koppen moeten via een headingselement, bijvoorbeeld een <h3>, als kop worden opgemaakt.

Bevinding 7: Als je op o.a. www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… klikt op een van de “mijn boekwerk” knoppen, is er linksonder een knop dat actief wordt. Als je daarop klikt komt er een overlay tevoorschijn. Hier staan verschillende checkboxes. Ieder van deze checkboxes bevat een lijst in de code. Binnen deze opsomming komen elementen voor die geen opsommingsitem zijn (li-element) zijn. Zorg ervoor dat een in de opsomming alleen li-elementen worden gebruikt.

Bevinding 8: Op www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan H5 koppen zoals Taakveld. Hieronder staan H2 koppen zoals “Cultuurpresentatie, cultuurproductie en cultuurparticipatie”. Deze H2 kop is van een hoger niveau, maar de H5 kop hoort nog bij deze tekst. Op deze manier is de relatie niet duidelijk. Zorg ervoor dat deze H5 koppen in de code onder de H2 koppen komen te staan. Visueel mag dit hetzelfde blijven.

Bevinding 9: De 2 tabellen “BBV-indicatoren” op www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… hebben meerdere koppen. Hierbij zijn er subkoppen gebruikt die niet als zodanig staan aangegeven, zoals “realisatie”.
Deze hoort bij de cellen rechts, maar ook bij de 2 cellen linksboven, maar er zijn geen id’s gebruikt om aan te geven dat deze bij elkaar horen.
Ook staat de kop 'Bron' in de tabel 'Beschrijving RSO-indicator' boven de verkeerde kolom.
Het probleem met de koppen van de tabellen komt ook veelvuldig voor op www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/…

Bevinding 10: De PDF "www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/wijken/…+aanbiedingsbrief.pdf" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 11: De PDF www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… heeft een onjuiste tag. De titel staat in een “H” tag. Dit kan het beste een <Title> tag zijn.

Bevinding 12: In de PDF www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… is de tekst “Rotterdam. Sterker door.” op pagina 7 als kop opgemaakt van niveau H2. De koptekst daaronder heeft ook een kopniveau H2. Maak de tekst direct daaronder met een lager kopniveau op zodat de hiërarchie kloppend is.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 13: Op pagina www.watdoetdegemeente.rotterdam.nl/ hebben de witte teksten op de groene achtergrond een contrastverhouding van 4,0:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 14: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/ heeft de placeholdertekst 'Zoeken' een te lage contrastwaarde van 3,2:1.

Bevinding 15: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/ is een lichtgrijze kleur tekst op een witte kleur achtergrond onder “Sorteren” (geen filter actief). Deze tekst heeft een te laag contrast. De contrastverhouding is 1,4:1 waar dit 4,5:1 moet zijn. Dit komt ook voor op andere pagina’s zoals www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/…

Bevinding 16: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… zijn groene kleur teksten op een witte kleur achtergrond bij de “kopjes”. Deze teksten hebben een te laag contrast. De contrastverhouding is 3,4:1 waar dit 4,5:1 moet zijn. Dit komt ook voor op www.watdoetdegemeente.rotterdam.nl/omissie2019/paragrafen/ bij bedrijfsvoering

Bevinding 17: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… is een witte kleur tekst op een lichtgroene kleur achtergrond bij bijvoorbeeld “saldo” in de tabel bij “wat heeft het gekost” . Deze tekst heeft een te laag contrast. De contrastverhouding is 1,7:1 waar dit 4,5:1 moet zijn.

Bevinding 18: Op pagina www.watdoetdegemeente.rotterdam.nl/omissie2019/paragrafen/ is een groene kleur tekst op een grijze kleur achtergrond boven de blokken op “bedrijfsvoering” na. Deze teksten hebben een te laag contrast. De contrastverhouding is 2:1 waar dit 4,5:1 moet zijn.

Bevinding 19: Op pagina www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… is een groene kleur tekst op een witte kleur achtergrond en andersom in de afbeelding. Deze tekst heeft in sommige gevallen een te laag contrast. De contrastverhouding is 3,5:1 waar dit 4,5:1 moet zijn, op tekst van 24px of groter na.

Bevinding 20: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/ is een witte kleur tekst op een op 1 plek bijna witte kleur achtergrond (achter het licht, bij de tekst “ morgen”). Deze tekst heeft een te laag contrast. De contrastverhouding is op een van de plekken 1,1:1 waar dit 4,5:1 moet zijn. Maar ook op andere plekken is het contrast soms te laag in deze tekst.
Een soortgelijk probleem komt ook voor op de pagina www.watdoetdegemeente.rotterdam.nl/apps/proclaimer/ in de tekst Proclaimer (de H1)

Bevinding 21: In de PDF www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… is een groene kleur tekst op een oranje kleur achtergrond op de eerste pagina (Rotterdam. Sterker door.). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,4:1 waar dit 4,5:1 moet zijn.
Op dezelfde pagina zijn er meer contrastproblemen, de tekst daarnaast (Fijn wonen in een wereldstad heeft bijvoorbeeld een contrast van3,5:1 met de achtergrond waar dit 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 22: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op iedere pagina de content over elkaar heen te staan, bijvoorbeeld Begroting 2020 en de sluitknop. Dit gaat ook mis bij gebruik van extra tekstafstand (zoals bepaald bij criterium 1.4.12). De tekst wordt daardoor slecht of niet leesbaar. Daarnaast vult de headerbalk meer dan de helft van de pagina waardoor de content van de pagina zelf minder goed leesbaar is. Dit geldt ook voor het geopende hamburgermenu, waar de footer het grootste deel van de pagina in beslag neemt.
Op www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… komt dit ook voor op de pagina zelf. O.a. de eerste “Mijn boekwerk” link gaat gedeeltelijk over de tekst heen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Wanneer de links onder de uitklappers (waaronder Begroting) op de homepage focus hebben, verandert de achtergrond naar lichtgrijs. Dit heeft dan een contrast van 1,1:1 ten opzichte van de niet actieve link. Hierdoor kan de focus niet worden waargenomen.

Bevinding 24: Het contrast van de sluitknop om de popup te sluiten die je krijgt als je klikt op de “vergelijk saldo” knop rechts onderaan de tabel “wat heeft het gekost” op de witte achtergrond op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… is te laag. De contrastverhouding is hier 1,6:1, waar dit minimaal 3:1 moet zijn.

Bevinding 25: Advies: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan <canvas> elementen. De bedragen en afwijkingen worden ook tekstueel weergegeven. Toch zou het goed zijn om het contrast van de grafische weergave te verhogen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 26: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… verschijnt bij de groene tags on hover extra content (de volledige naam van de tag). Bijvoorbeeld 'Algemene uitkeringen...' onder 'Algemene middelen. Deze content moet gesloten kunnen worden zonder de muis te verplaatsen, bijvoorbeeld met Escape. Ook moet de content zelf hoverable zijn. Dat is nu niet mogelijk.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 27: Op pagina www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… is binnen het hamburgermenu de knop 'Terug' niet te bedienen met het toetsenbord.
Daarnaast kunnen de uitklapbare menu-items niet terug ingeklapt worden met het toetsenbord.

Bevinding 28: Op de pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… zijn de knoppen “Mijn boekwerk” te bedienen met de muis, maar niet met het toetsenbord. Zorg ervoor dat dit dit ook te bedienen is met het toetsenbord.

Bevinding 29: Als je op o.a. www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… klikt op een van de “Mijn boekwerk” knoppen, is er linksonder een knop dat actief wordt. Als je daarop klikt komt er een overlay tevoorschijn, met checkboxes. Deze checkboxes zijn niet met het toetsenbord te bedienen.

Bevinding 30: Op de pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… zijn knoppen aan de rechterkant om delen van de tabel “Wat heeft het gekost” uit te klappen. De knoppen zijn niet bedienbaar met toetsenbord.

Bevinding 31: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan een aantal filterknoppen. Bij de knop 'Sorteren' openen een aantal opties. Deze kunnen niet met het toetsenbord bediend worden. Dit komt mede doordat deze dropdown als een <button> plus een <ul> is gecodeerd.

Bevinding 32: Op pagina www.watdoetdegemeente.rotterdam.nl/omissie2019/paragrafen/ staan een aantal paragrafen waarvan de begroting niet is gewijzigd. Met de muis opent een pop-up waarin de mogelijkheid wordt geboden de oude begroting te bekijken. Met het toetsenbord zijn deze paragrafen niet bedienbaar.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 33: Op elke pagina (met uitzondering van de homepagina, daar is het niet nodig) ontbreekt een mechanisme om de herhalende blokken content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 34: De PDF www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/wijken/…+aanbiedingsbrief.pdf heeft geen titel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 35: Als het hamburgermenu rechtsbovenin wordt uitgeklapt, en er wordt met het toetsenbord door het menu genavigeerd, blijft de focus niet binnen het menu, maar verlaat het menu en gaat verder over de achterliggende pagina. Hierdoor raak je de focus kwijt. Zorg dat de focus binnen het menu blijft totdat deze is gesloten.
Daarnaast krijgen de menu-items de focus, ook als het menu niet uitgeklapt is.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: Het logo linksboven op iedere pagina heeft wel een alternatieve tekst, maar bevat niet het linkdoel. De alternatieve tekst van een logo moet naast de naam van de organisatie een beschrijvend linkdoel hebben als de afbeelding ook als link dient. Zie criterium 1.1.1.

Bevinding 37: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/ staan rechtsbovenin twee pijltjesknoppen. Deze links missen een linkdoel.

Bevinding 38: Op meerdere pagina's staan knoppen/links met hetzelfde linkdoel. Bijvoorbeeld op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan meerdere knoppen met de tekst 'Openen'. Visueel is duidelijk bij welke kop de link hoort, maar in de code luidt de linktekst enkel 'Openen'. Het linkdoel is hierdoor onduidelijk voor een gebruiker van voorleessoftware.
Dit komt op meerdere pagina's voor.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 39: Er is maar één manier om alle pagina's binnen deze website te vinden en dat is via de diverse links. Zorg dat er nog een manier is om elke pagina te kunnen bereiken. Als je verder klikt op de website is er wel een zoekmachine, maar deze zoekt alleen in dat specifieke onderdeel. Als je bij begroting 2019 bent, zoekt deze alleen maar in dat stuk de pagina’s.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 40: Op www.watdoetdegemeente.rotterdam.nl/ is de focus niet zichtbaar op het logo en de links in de footer. Zorg ervoor dat duidelijk zichtbaar is dat een element focus heeft. Dit geldt ook voor de menu-items bovenin op andere pagina’s, en de items in het hamburgermenu rechtsbovenin.

Bevinding 41: Op pagina www.watdoetdegemeente.rotterdam.nl/ is de focus niet altijd zichtbaar op alle uitgeklapte elementen (op een schermbreedte van 1536x711). De onderste links verdwijnen achter de grijze footerbalk. Bijvoorbeeld onder 'Jaarstukken' de link 2020.

Bevinding 42: De focus is niet zichtbaar op de links op www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… .
Dit komt ook op andere pagina's voor.

Bevinding 43: Op de pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staan knoppen "Openen". De focus is niet zichtbaar op deze knoppen.
Daarnaast verspringt het scherm zodanig wanneer de knop de focus krijgt, dat de betreffende knop niet goed zichtbaar in beeld komt.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 44: Op meerdere pagina's maar waaronder www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… staat een zoekvenster met daarin een placeholdertekst "Zoeken". De naam van het veld (via het aria-label) luidt "Start zoekopdracht" en komt niet overeen met wat er op het scherm zichtbaar is. Zorg ervoor dat de visuele naam overeenkomt met de toegankelijke naam, of erin aanwezig is.

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 45: In de eigenschappen van PDF “www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/wijken/…+aanbiedingsbrief.pdf“is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 46: Het zoekvenster op iedere pagina rechtsboven maakt alleen gebruik van HTML5-veldcontroles, bijvoorbeeld als je het veld leeglaat en op enter drukt. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. Daarnaast is de melding soms kortaf, onvolledig of blijft te kort staan. Voeg zelf foutmeldingen toe om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 47: Als je op o.a. www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… klikt op een van de “mijn boekwerk” knoppen, is er linksonder een knop die actief wordt. Als je daarop klikt, komt er een overlay tevoorschijn. Als je hier doorheen tabt, kom aan het einde je op een aantal invoervelden uit. Hierbij staat niet aangegeven wat dit voor velden zijn en wat je kan en moet invoeren. Deze zijn ook alleen te bereiken via het toetsenbord, dus waarschijnlijk is het niet de bedoeling dat deze daar staan.

Bevinding 48: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/ staat een invoerveld met het paginanummer (in dit geval '2'). Het veld heeft geen visueel label waardoor de functie niet duidelijk is.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 49: Op pagina www.watdoetdegemeente.rotterdam.nl/jaarstukken2020/… staat een dubbele id='navbarDropdown-Verkeer en vervoer - Bereikbaarheid'.
Ook is er een alt-attribuut op een <div> element, dit kan problemen geven met hulpsoftware.

Bevinding 50: Op pagina www.watdoetdegemeente.rotterdam.nl/bestaatniet staat een onafgesloten <span> tag.
Dit komt ook voor op www.watdoetdegemeente.rotterdam.nl/
Zie de validator op validator.w3.org/ voor de precieze regel waar dit probleem zich voordoet.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 51: Op iedere pagina op de homepage na staat rechtsboven een menuknop. Hierbij wordt niet aangegeven of dit uitgeklapt is of niet. Hetzelfde geldt voor de items binnen dat menu.
Daarnaast heeft deze knop de rol link, maar dit moet de rol knop zijn.

Bevinding 52: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/ staat een invoerveld met het paginanummer (in dit geval '2'). Dit veld mist een label in de code.

Bevinding 53: Op pagina www.watdoetdegemeente.rotterdam.nl/apps/begroting2020/… staan onderaan de pagina verschillende knoppen naast "Mijn boekwerk". Deze knoppen hebben in een ingezoomde weergave geen naam.

Bevinding 54: Als je op o.a. www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… klikt op een van de “mijn boekwerk” knoppen, is er linksonder een knop die actief wordt. Als je daarop klikt komt er een overlay tevoorschijn, met checkboxes. Deze checkboxes staan niet als zodanig aangegeven in de code waardoor het voor screenreader gebruikers niet duidelijk is wat dit zijn. Hierdoor wordt ook de status (geselecteerd of niet) niet doorgegeven aan hulpsoftware.
Deze checkboxes hebben daarnaast onduidelijke namen zoals “Picture Component #2”.

Bevinding 55: Op pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… staat linksbovenaan de tabel een lightbulb, waarmee highlighten kan worden ingeschakeld. Deze knop heeft geen naam, en geen status (ingeschakeld of uitgeschakeld).

Bevinding 56: Op pagina www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… staat een info-button aan de rechterkant van de tabel in de laatste kolom in iedere rij. Deze knop heeft geen toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.
Daarnaast hebben deze knoppen als rol link. Deze gaan alleen niet naar een anders site toe, maar laten alleen een popup zien. Button is dus de juiste rol voor deze knoppen.

Bevinding 57: Op de pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… zijn er knoppen “Mijn boekwerk”. Deze hebben niet de rol van knop gekregen. Hierdoor is de functie niet duidelijk voor mensen met een screenreader.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 58: Op de pagina www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… zijn er knoppen “Mijn boekwerk”. Als je hierop klikt wijzigt de status om door te geven dat er nu iets aan toegevoegd is, maar deze verandering wordt niet doorgegeven. Hierdoor is voor gebruikers van screenreaders nu niet duidelijk dat er iets gewijzigd is.

Bevinding 59: Op www.watdoetdegemeente.rotterdam.nl/begroting2020/hoofdlijnen/… heb je onderin de knop om een pagina toe te voegen aan een boekwerk. Hier krijg je geen status update als je de pagina toevoegt of weghaalt.

Bevinding 60: Op pagina www.watdoetdegemeente.rotterdam.nl/voorjaarsnota2021/… staan aan de rechterkant van de tabel uitroeptekens die als knop dienen. Als je hierop klikt komt er een poup, maar de focus wordt niet direct in de pop-up geplaatst.

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: 2024-03-29 11:00:18 v2.3-011