Toegankelijkheidsonderzoek

Issues:
Quickscan digitale toegankelijkheid Infograms Gemeente Utrecht

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Infograms van Gemeente Utrecht
Scope van de website De infograms op de volgende pagina's:
www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…
www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…
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 pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staat een afbeelding met alt='Image' en aria-label='Image'. Een aria-label is hier niet nodig, een alt-attribuut is voldoende. De afbeelding is decoratief en kan het beste een leeg alt-attribuut krijgen (alt="").
Dit geldt ook voor de afbeelding onderaan de pagina, direct boven de link utrecht.nl/onderzoek. Als dit een logo is, heeft dit wel een tekstalternatief nodig.

Bevinding 2: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staan in de trendrapportages op meerdere slides afbeeldingen met een aria-label "Image", "Foto" of "Icoon". Bijvoorbeeld in de Tweede editie op slide 2 staan in de inhoudsopave iconen, en op slide 3 staat een afbeelding van een vrouw met een mondkapje en staan ook iconen die aangeven dat de link extern is.
Dit aria-label is geen goed tekstalternatief en overschrijft de aria-describedby tekst. Een aria-label is dus overbodig.
Als een afbeelding decoratief is, heeft het geen tekstalternatief nodig (wel een leeg alt-attribuut).

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staan twee dikgedrukte kopteksten die in de code niet als kop zijn gecodeerd. Het gaat om 'Permanente Azc Joseph Haydnlaan' en 'Tijdelijke opvang'.

Bevinding 4: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staan een aantal quotes onder 'Waarom vindt u de opvang van asielzoekers in Utrecht een goede zaak?'. Deze zijn visueel vormgegeven als quote maar in de code niet als quote gecodeerd.

Bevinding 5: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… heeft het 1e trendrapport op elke pagina 2x een kopniveau 1. Namelijk de paginanummer en de naam van het document. Zo staat op pagina 13 een h1 met "Page 13" en een h1 "Trendrapportage-1". Page 13 beschrijft niet de inhoud van de pagina. Dit komt mogelijk ook in het 2e trendrapport voor.

Bevinding 6: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… worden in de trendrapportages koppen gebruikt die niet als kop zijn gemarkeerd. Dit komt bijvoorbeeld voor in de 1e trendrapportage op pagina 13: "Positie arbeidsmarkt en inkomen". Deze tekst is nu vet gemaakt in plaats van dat er een h3-element wordt gebruikt. Dit komt ook op andere plekken in het document voor en mogelijk in het 2e trendrapport.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 7: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staat in pagina 2 van de 2e trendrapportage "Klik ... op het icoon linksboven op de pagina ...". Mensen die het scherm niet kunnen zien weten niet waar of wat linksboven is.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 8: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is in sommige grafieken (lopend van groen - rood) alleen met kleur aangegeven hoeveel procent wat vindt (zonder percentages omdat het gebied daarvoor te klein is). Hier wordt informatie gepresenteerd op een kleurafhankelijke manier, waardoor slechtziende of kleurenblinde bezoekers deze informatie mogelijk missen. Ook in andere grafieken zijn lijnen en vlakken enkel herkenbaar door kleur.

Bevinding 9: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is het contrast op de slideknoppen (onder trendrapportage) alleen weergegeven met een kleurverschil. Er moet ook een niet-kleurafhankelijke manier aanwezig zijn om de focus aan te geven.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: In de grafieken die lopen van rood naar groen heeft de kleurcombinatie donkergroen-wit een te lage contrastwaarde (3,6:1).
Zie www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…
Dit komt ook voor in de slides op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…

Bevinding 11: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… hebben de getallen die de slide aangeven ('5/50') net een te lage contrastwaarde (4,4:1).

Bevinding 12: In de slides op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… komen contrastproblemen voor.
Zo heeft de gebruikte kleur geel een contrast van 1,5:1 met de achtergrond. De groene kleur een contrast van 3:1. (Tweede editie, slide 5.)
Op slide 6 heeft de combinatie rood-zwart een contrast van 3,3:1.
Zo zijn er nog meer contrastproblemen, die niet benoemd worden.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 13: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is de tekst in de slides niet goed herschaalbaar, waardoor de tekst klein blijft en voor slechtziende bezoekers moeilijk leesbaar kan zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 14: Het contrast tussen het donker en lichtrood in de grafiek op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is 2,7:1. Op sommige plekken is geen percentage aanwezig, en kan dit gebied dus niet geïdentificeerd worden als twee losse gebieden.

Bevinding 15: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is het contrast op de slideknoppen (onder trendrapportage) alleen weergegeven met een kleurverschil. Het contrast tussen de gefocuste en niet-gefocuste staat is 1,3:1.

Bevinding 16: In de slides op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… komen in de grafieken contrastproblemen voor.
De kleur grijs en geel op slide 12 bijvoorbeeld, hebben een contrast van en 2,0:1 en 1,5:1 respectievelijk.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Niet getest

Bevinding 17: Dit criterium is niet onderzocht in de quickscan.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 18: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… verschijnt op de grafieken content 'on hover', die in sommige gevallen over andere content heen komt. Deze is niet 'hoverable' - er kan niet over de content zelf gehoverd worden; en niet 'dismissable' - de content kan niet worden verborgen zonder de muis te verplaatsen.
Dit komt ook voor in de grafieken op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 19: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… bieden de trendrapportages de mogelijkheid om de presentatie fullscreen in beeld te krijgen. Bij de "Eerste editie van de trendrapportage coronavirus" gaat het mis op pagina 3 van 27. Als je met de tabtoets probeert de bedieningslementen te bereiken dan is dat niet mogelijk. Zo kan je niet bij de sluit-knop komen om de presentatie-modus uit te schakelen. Ook de pijltoetsen zijn niet bereikbaar.

Bevinding 20: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… bieden de trendrapportages de mogelijkheid om de presentatie fullscreen in beeld te krijgen. Bij de "Tweede editie van de trendrapportage coronavirus" kan je met het toetsenbord pagina 50 / 50 niet bereiken.

Bevinding 21: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… bieden de trendrapportages via de knop met de 3 bolletjes een mogelijkheid om de presentatie te delen. Als je op die knop drukt verschijnt er een download-menu. Deze is met toetsenbord niet bereikbaar.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 22: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… bieden de trendrapportages de mogelijkheid om de presentatie fullscreen in beeld te krijgen. Bij de "Eerste editie van de trendrapportage coronavirus" gaat het mis als je met de tabtoets probeert te navigeren. Dat lukt niet. Op pagina 3 / 27 blijft de focus bijvoorbeeld hangen op de ene link in de pagina.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Niet getest

Bevinding 23: Dit criterium is niet onderzocht in de quickscan.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 24: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… bieden de trendrapportages de mogelijkheid om de presentatie fullscreen in beeld te krijgen. Bij aanvang van de fullscreen-modus verschijnt er een melding Druk op Esc om het volledige scherm te sluiten. Deze melding blijft kort in beeld en is niet door iedereen tijdig waar te nemen. Ook de bedieiningsknoppen onder verdwijnen snel en zijn niet meer opvraagbaar zonder muis.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 25: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… gaat iets niet goed in de focus volgorde.
Wanneer je door de slides heen wil navigeren, activeer je met enter de 'volgende slide' knop. Vervolgens moet je met shift+tab langs de grijze knoppen om in de slides te komen. Vanaf dat moment zit je met tab en shift+tab in de slides. Het is onduidelijk hoe je daar in of uit kan; met shift+tab kom je er op een gegeven moment uit, maar dit duurt even.
Ook gebeurt het soms dat de slide weg is (wit scherm).

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 26: Op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staan door de slides heen bij een nieuw hoofdstuk een link 'Naar inhoudsopgave'. Deze heeft nu als naam 'Icoon'; het linkdoel is hierdoor onduidelijk.

Bevinding 27: Op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staat onder de rapportage de link "Bekijk 1e trendrapportage coronavirus in een nieuw venster". De presentatie wordt echter in hetzelfde venster geopend. Laat de tekst "in een nieuw venster" weg, in een volledig venster, of open de presentatie echt in een nieuw venster.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Niet aanwezig

Bevinding 28: Dit criterium is niet onderzocht in de quickscan.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Niet getest

Bevinding 29: Dit criterium is niet onderzocht in de quickscan.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 30: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staan bij de trendrapportages een aantal knoppen met Engelstalige benamingen. (Zoals 'Show side buttons' en 'Share infographic'). De taalwissel-markering ontbreekt. Maar Engelstalige namen zijn niet gebruiksvriendelijk en kunnen beter Nederlandstalige namen worden.

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 31: De grafieken op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… zijn niet toegankelijk voor gebruikers van hulpsoftware. Dit komt in de eerste plaats doordat deze zijn verborgen met 'aria-hidden="true"'.
Als alternatief is er een <img> element geplaatst met een alt-tekst 'Chart'. Het gaat hier niet om een afbeeling, maar om een <svg> dus dit extra element mag niet als alternatief worden gebruikt. Ook beschrijft een alt-tekst 'Chart' de inhoud van de afbeelding niet.
De informatie uit de grafiek moet volledig toegankelijk zijn voor iedereen. Dat wil zeggen dat iedereen alle informatie die op de grafiek staat moet kunnen verkrijgen. Ofwel, de svg moet volledig toegankelijk zijn, ofwel er moet een toegankelijk alternatief worden geboden.
Deze grafieken komen ook voor in de slides op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-…

Bevinding 32: Onder de grafieken op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… staat soms een legenda die met het toetsenbord bediend kan worden. De focusbare elementen hebben geen rol, en de naam kan (in de code) duidelijker. Zo is het voor blinde gebruikers niet duidelijk dat hiermee visueel delen uit de legenda worden uitgelicht.

Bevinding 33: Op pagina www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… hebben de pijltjesknoppen om naar de vorige/volgende slide te gaan geen naam.

Bevinding 34: Binnen de slides op www.utrecht.nl/bestuur-en-organisatie/publicaties/onderzoek-… is gebruik gemaakt van 'aria-describedby="placeholder-ig_static"'. Deze refereren niet naar een id met die waarde.

****** Tot.: 34 Bevindingen

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 14:11:06 v2.3-011