Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid websites 'ArcGIS van Gemeente Zwolle' en 'Smart Zwolle Hub'

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ArcGIS van Gemeente Zwolle en Smart Zwolle Hub
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op zwolle.maps.arcgis.com
  • Alle pagina's op smart-zwolle.opendata.arcgis.com
Buiten de scope van het onderzoek valt:
  • Alle pagina's achter het inlogproces van Esri Nederland.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via zwolle.maps.arcgis.com en smart-zwolle.opendata.arcgis.com met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 43

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 van de gemeente Zwolle in de header van onder andere de homepage van zwolle.maps.arcgis.com heeft geen alternatieve tekst. Aangezien de tekst Gemeente Zwolle naast het logo voldoende beschrijvend is, is een alternatieve tekst hier ook niet nodig, maar er moet wel een leeg alt-attribuut aan het img-element worden toegevoegd zodat de afbeelding genegeerd wordt door voorleessoftware.

Bevinding 2: Op pagina zwolle.maps.arcgis.com/apps/webappviewer/index.html staan meerdere knoppen van iconen. De iconen van 3 gestapelde vierkanten op elkaar en het boek met de boekenlegger hebben geen alternatieve tekst, waardoor de functie van de knoppen onbekend zijn voor bezoekers die gebruik maken van hulpsoftware.

Bevinding 3: De knoppen waarmee bezoekers in de datumkiezer onder 'Laatst bijgewerkt' op pagina smart-zwolle.opendata.arcgis.com/search naar een vorige of volgende maand kunnen gaan, hebben geen beschrijvende alternatieve tekst. De alternatieve tekst bestaat nu uit de tekens zelf: << en >>. Voeg een beschrijvende alternatieve tekst toe, bijvoorbeeld 'Vorige maand' om dit probleem op te lossen.

Bevinding 4: De afbeelding "Rescue Pets" in PDF-document smart-zwolle.opendata.arcgis.com/documents/to-crowdvoiding/… is een decoratieve afbeelding. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. De decoratieve afbeeldingen dienen als artefact te worden getagd.

Bevinding 5: De afbeelding op pagina 6 van de PDF op pagina smart-zwolle.opendata.arcgis.com/documents/to-crowdvoiding/… is informatief maar bevat geen alternatieve tekst. Zie ook succescriterium 1.4.5.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Het is voor ziende bezoekers zichtbaar welk filter op pagina smart-zwolle.opendata.arcgis.com/search actief is doordat het woord onderstreept wordt, maar deze informatie is niet beschikbaar voor bezoekers die gebruik maken van hulpsoftware. Maar gebruik van aria-selected of een vergelijkbare techniek om dit probleem op te lossen.

Bevinding 7: Het invoerveld op pagina smart-zwolle.opendata.arcgis.com/bestaatniet heeft geen label, waardoor bezoekers niet weten wat zij hier in moeten vullen. Zorg ervoor dat het voor alle bezoekers altijd duidelijk is welke input gevraagd wordt. Plaats hier een label. Deze hoeft visueel niet zichtbaar te zijn.

Bevinding 8: Op de pagina smart-zwolle.opendata.arcgis.com/search heeft elk resultaat een titel. Deze tekst kan als knop beschouwd worden en moet daarom ook gemarkeerd worden als een kop. De hele koppenstructuur op deze pagina is voor verbetering vatbaar. Zo ontbreekt de H1 en de naam van de (zoek)pagina.

Bevinding 9: De PDF op pagina smart-zwolle.opendata.arcgis.com/documents/to-crowdvoiding/… is niet goed gecodeerd. De ondertitel 'Rescue Pets' op pagina 2 is bijvoorbeeld gecodeerd als tabel, meerdere koppen in de PDF zijn opgemaakt als paragraaf in plaats van als kop en de tabellen in de PDF hebben niet de juiste tabelopmaak.

Bevinding 10: Advies: Op pagina smart-zwolle.opendata.arcgis.com/ komen meerdere H1-koppen voor. Het is een best practice om minimaal én maximaal 1 kop van niveau H1 te hebben.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 11: Op de pagina zwolle.maps.arcgis.com/apps/MinimalGallery/index.html staan blokken met een afbeelding, een kop en tekst. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de afbeelding hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag deze indeling wel aangehouden worden.

Bevinding 12: Op pagina smart-zwolle.opendata.arcgis.com/search staat de informatie over de categorie van het gevonden resultaat ('Gegevens') bóven de titel van het zoekresultaat. Hierdoor is de relatie tussen de informatie en de kop moeilijk tot niet meer te achterhalen voor bezoekers die bijvoorbeeld voorleessoftware gebruiken. Zorg ervoor dat de meta-informatie in de ná de kop staat. Visueel mag het er wél boven staan.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 13: Als op de homepagina zwolle.maps.arcgis.com/home/index.html in het zoekveld bovenaan iets ingetypt wordt verschijnen er zoekresultaten in een popup onder het zoekveld. De resultaten kunnen focus krijgen maar de focus is alleen aangegeven door een lichte kleurverandering van de zoekresultaten van donker grijs naar zwart. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: Op de homepagina zwolle.maps.arcgis.com/home/index.html staat na klikken op het vergrootglas in het zoekveld de tekst: "Zoek naar kaarten, lagen, apps, groepen en meer ..." in licht grijs op wit. Deze tekst heeft een te laag contrast. De contrastverhouding is 1,9:1 waar dit 4,5:1 moet zijn.

Bevinding 15: Op pagina zwolle.maps.arcgis.com/apps/webappviewer/index.html staat witte tekst op een blauwe achtergrond, bijvoorbeeld 'Kaartviewer' en 'Gemeente Zwolle'. De contrastratio van de witte tekst op de blauwe achtergrond (HEX #5987C5) is 3,7:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 16: Het contrast van de lichtgrijze cijfers (HEX #BBBBBB) die de dagen uit een andere maand aangeven op pagina smart-zwolle.opendata.arcgis.com/search hebben een te laag contrast. De contrastratio is hier 1,9:1, waar dat minimaal 4,5:1 moet zijn. Dit maakt de tekst minder goed leesbaar voor slechtzienden en kleurenblinden. Verhoog de contrastratio van alle dagen naar minimaal 4,5:1 om dit probleem op te lossen.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 17: De afbeelding op pagina 6 van de PDF op pagina smart-zwolle.opendata.arcgis.com/documents/to-crowdvoiding/… bevat tekst die verder niet voorkomt in het verklarende deel van de PDF. Hierdoor bevat de PDF informatie die wel beschikbaar is voor zienden maar niet beschikbaar is voor bezoekers die gebruik maken van hulpsoftware. Plaats deze informatie ook in tekst in de PDF.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 18: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% zijn onderdelen op pagina zwolle.maps.arcgis.com/apps/webappviewer/index.html onbereikbaar. Het gaat bijv. om de selectie van wijken of buurten. Zorg ervoor dat links en knoppen ook op lage resolutie blijven werken.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bezoekers op pagina smart-zwolle.opendata.arcgis.com/search over 'Laatst bijgewerkt' hoveren, verschijnt er een tooltip. Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, moet de bezoeker de content weg kunnen halen zonder de muis- of toetsenbordfocus te verplaatsen, bijvoorbeeld met de escape-toets. Ook moet over de verschenen content kunnen worden gehoverd. Beide is nu niet het geval.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 20: Op de pagina zwolle.maps.arcgis.com/apps/webappviewer/index.html komt de toetsenbord focus nooit op de oranje pictogrammen in de kaart. Daardoor is de informatie over de Lokale bekendmakingen niet beschikbaar voor mensen die met een toetsenbord navigeren. Daarnaast wordt er niet verwezen naar een toegankelijk alternatief.

Bevinding 21: De datumkiezer onder 'Laatst bijgewerkt' op pagina smart-zwolle.opendata.arcgis.com/search is niet toetsenbordtoegankelijk. Bezoekers kunnen wel met het toetsenbord een datum intypen zonder gebruik te maken van de datumkiezer, maar het invoeren en de focus verplaatsen of het invoeren en op enter drukken, heeft geen enkel effect. Deze functionaliteit is daardoor niet beschikbaar voor hen. Zorg ervoor dat bezoekers die met het toetsenbord navigeren van dezelfde functionaliteiten gebruik kunnen maken, of zorg voor een volwaardig alternatief.

Bevinding 22: De velden onder 'Contenttype' en 'Labels' bij de 'Filters' op smart-zwolle.opendata.arcgis.com/search zien eruit als checkboxen en werken als een checkbox. Met toetsenbord kan je normaal gesproken met de spatiebalk de checkbox aan- of uitzetten. Dat werkt hier niet omdat de invoervelden in de HTML niet als checkbox zijn aangegeven.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina zwolle.maps.arcgis.com/apps/webappviewer/index.html blijft de focus hangen in de linker tab bladen "legend" en "Lagen aan- en uitzetten".

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 24: Op de homepagina zwolle.maps.arcgis.com/home/index.html is de eerste link een skiplink "Overslaan naar content" maar de link verwijst niet naar de hoofdinhoud van de pagina.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 25: De pagina zwolle.maps.arcgis.com/apps/MinimalGallery/index.html heeft geen title element in de header. Het zelfde geldt voor meer pagina's, bijv. zwolle.maps.arcgis.com/apps/MinimalGallery/index.html.
Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren van de website. Voeg daarom een beschrijving toe binnen het title-element in de header van de pagina.

Bevinding 26: De pagina zwolle.opendata.arcgis.com/bestaatniet heeft geen paginatitel. Voeg ook bij 404-pagina's een paginatitel toe.

Bevinding 27: De PDF smart-zwolle.opendata.arcgis.com/documents/to-crowdvoiding/… 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 28: Op pagina smart-zwolle.opendata.arcgis.com/ opent als een bezoeker op het hamburger icoon klikt een zij menu. De content onder het menu is nog steeds bereikbaar. Hierdoor kan een bezoeker niet zien waar diegene zich op de pagina bevindt wanneer de bezoeker met het toetsenbord navigeert. Alle achterliggende content is daarnaast nog steeds beschikbaar voor hulpsoftware. Dit zorgt ervoor dat een bezoeker die gebruik maakt van voorleessoftware niet op de hoogte is van het feit dat er nog een menu geopend is. Zorg dat de achterliggende content "onzichtbaar" is voor hulpsoftware en niet bereikbaar is met het toetsenbord. Dit probleem komt op meer plaatsen voor, bijv. bij de "View Map" popup op de pagina smart-zwolle.opendata.arcgis.com/datasets/parkeren-betaald/…

Bevinding 29: Op onder andere pagina smart-zwolle.opendata.arcgis.com/pages/initiatieven staat in de footer de link 'Privacybeheer'. Wanneer bezoekers hierop klikken opent een dialoogvenster. Na het doorlopen van alle opties in het dialoogvenster gaat de focus verder op de achterliggende pagina, maar blijft het venster openstaan. Zorg ervoor dat bezoekers het venster zelf moeten sluiten met de sluit-knop, of dat het venster vanzelf sluit wanneer de bezoeker verder navigeert met de tab-toets.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 30: Op pagina smart-zwolle.opendata.arcgis.com/pages/initiatieven staat links boven het logo van "Smart Zwolle". Dit is een link naar "smart-zwolle.opendata.arcgis.com/" De link tekst "Smart Zwolle" beschrijft het linkdoel niet goed, "homepagina" zou toegevoegd moeten worden. Dit komt vaker voor.

Bevinding 31: Op de pagina zwolle.maps.arcgis.com/apps/MinimalGallery/index.html staat onderin een paginering. De linktekst, bijvoorbeeld '1', is niet omschrijvend genoeg voor bezoekers die kunnen navigeren aan de hand van een linklijst. Voeg daarom minimaal het woord 'pagina' toe om het linkdoel te omschrijven.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 32: Het formulierveld "Zoeken" op pagina zwolle.maps.arcgis.com/apps/MinimalGallery/index.html heeft geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Er is ook geen vergrootglas-icoon aanwezig als visueel label. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe die altijd zichtbaar blijft om dit probleem op te lossen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 33: Rechts onderaan pagina smart-zwolle.opendata.arcgis.com/pages/initiatieven is een link "Privacybeheer" die een popup venster opent met een tekst met twee links. Als zo'n link focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk interactief element focus heeft door een duidelijke focusrand toe te voegen.

Bevinding 34: Op de pagina smart-zwolle.opendata.arcgis.com/search kunnen filters ingesteld worden. Met behulp van het toetsenbord gaat dat lastig omdat niet altijd duidelijk is welk element focus heeft als met behulp van de pijltjes toetsen door de checkboxen genavigeerd wordt.

Bevinding 35: Als de focus op het "Smart Zwolle" logo komt op pagina smart-zwolle.opendata.arcgis.com/datasets/zwolle::bebouwde-… is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk interactief element focus heeft door een duidelijke focusrand toe te voegen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 36: De visuele naam van het invoerveld onder 'Label' op pagina smart-zwolle.opendata.arcgis.com/search is 'Tag toepassen'. De toegankelijke naam is 'Pas tag toe door te typen'. Omdat de namen niet overeen komen kunnen bezoekers die gebruik maken van spraakgestuurde navigatie moeite hebben met het bedienen van het invoerveld. Zorg ervoor dat de visuele naam voorkomt in de toegankelijke naam, het liefst vooraan.

Bevinding 37: De visuele naam van het invoerveld op smart-zwolle.opendata.arcgis.com/ onder 'Open Data' is 'Zoek open data' maar de toegankelijke naam is 'Zoeken'. Zorg ervoor dat de visuele naam voorkomt in de toegankelijke naam, het liefst vooraan.

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 38: Op pagina smart-zwolle.opendata.arcgis.com/ is de taalaanduiding van de hele pagina en-GB. De pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML. Het zelfde komt voor op veel pagina's bijv, op zwolle.maps.arcgis.com/apps/MinimalGallery/index.html

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 39: Op veel plaatsen in de website komen Nederlandse en Engelse teksten door elkaar heen voor. Bijvoorbeeld op pagina smart-zwolle.opendata.arcgis.com/datasets/zwolle::parkeren-… "Public
Anyone can see this content" naast "Omschrijving: Betaald parkeren in en rondom de binnenstad van Zwolle". Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="NL" of lang="En" toe te voegen.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 40: Op de home pagina zwolle.maps.arcgis.com/home/index.html is een zoekveld waarbij voor het labels van het veld de placeholder is gebruikt. De placeholder is hiervoor niet geschikt. Zodra er iets in het veld getypt wordt verdwijnt de placeholder en is niet meer zichtbaar wat er in het veld moet worden ingevuld. Ook het vergrootglas naast het zoekveld is vervangen voor een x. Gebruik labels bij velden die altijd zichtbaar blijven. Het zelfde komt voor op zwolle.maps.arcgis.com/apps/MinimalGallery/index.html# waar ook geen vergrootglas is.
Hetzelfde geldt voor het invoerveld 'Tag toepassen' onder 'Label' op pagina smart-zwolle.opendata.arcgis.com/search . En op dezelfde pagina ook voor de filteroptie waarin standaard 'Relevantie' geselecteerd is.

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 41: Op pagina smart-zwolle.opendata.arcgis.com/search wordt met aria-describedby verwezen naar aria ID attributen die niet voorkomen op de pagina (aria-describedby="ember247-tooltip-render-target"). Dit zorgt mogelijk voor problemen bij bezoekers die afhankelijk zijn van hulpsoftware, zoals screenreaders.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 42: Als in het zoekvenster op de apps & kaarten pagina zwolle.maps.arcgis.com/apps/MinimalGallery/index.html bijv. "bomen" wordt ingevoerd met de enter knop verschijnen er in dezelfde pagina zoekresultaten. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd op het scherm.

Bevinding 43: Tijdens het laden van een pagina verschijnt er op zwolle.maps.arcgis.com een laad-animatie met de tekst 'Toepassing wordt gestart'. Op de smarthub Zwolle verschijnt er een draaiende laad-animatie tijdens het laden van de pagina. Op beide pagina's is deze informatie niet beschikbaar voor bezoekers die gebruik maken van voorleessoftware.

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-04-25 09:18:41 v2.3-011