Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Erfgoedkaart Gemeente Emmen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Erfgoedkaart Gemeente Emmen
Datum 12 september 2023
Scope van de website Binnen de scope van dit onderzoek valt:
  • Alle pagina's op storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f
Buiten de scope van dit 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: 26

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: Nieuwe bevinding n.a.v oplossen bevinding uit vorig rapport:
Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=5 is 'Symbolen op graven' opgemaakt als een H4-kop. De onderstaande tekst is in de HTML ook geplaatst in het h4-element. Hierdoor is een groot stuk tekst opgemaakt als een kop, want niet mag. Zorg ervoor dat de tekst onder de kop 'Symbolen op graven' is opgemaakt met een p-element.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 2: In de kaart op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 wordt gebruikt gemaakt van een legenda om 'Monumentale vlakken' en 'Monumentale punten' aan te geven. Het verschillen tussen de punten en vlakken is alleen via kleur aangegeven. Bezoekers die kleuren niet (goed) kunnen zien kunnen geen gebruik maken van deze legenda. Zorg ervoor dat het verschil tussen de elementen in de legenda ook op een andere manier (naast kleur) te zien is, bijvoorbeeld door gebruik te maken van vorm.
Dit probleem komt ook voor in legenda's op andere pagina's, bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=5 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=3.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 3: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 staat de tekst 'Erfgoedkaart' (HEX #F2F8F7) op een blauwe achtergrond (HEX #00807C). Het contrast van deze tekst is te laag. De contrastverhouding is hier 4,4:1, waar dat minimaal 4,5:1 moet zijn. Het is al voldoende om de tekstkleur aan te passen naar wit (HEX #FFFFFF), dan is de contrastverhouding 4,8:1.
Dit contrastprobleem komt ook voor op andere pagina's, bijvoorbeeld op https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 4: Wanneer bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f inzoomen tot 400% bij een schermbreedte van 1280x1024px, verdwijnt vanaf 200% de knop 'Automatisch afspelen inschakelen' achter de menuknop 'Meer acties'. Zorg ervoor dat functionaliteiten niet verdwijnen wanneer bezoekers inzoomen op een pagina.
Deze knop verdwijnt ook wanneer bezoekers inzoomen op andere pagina's.

Bevinding 5: Wanneer bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f inzoomen tot 400% bij een schermbreedte van 1280x1024px worden verschillende teksten afgekapt, bijvoorbeeld de tekst 'Bijzondere plekken en gebouwen'. Hierdoor is de volledige tekst niet meer leesbaar voor bezoekers die moeten inzoomen op de pagina, bijvoorbeeld vanwege slecht zicht. Zorg ervoor dat de volledige teksten in beeld blijven staan wanneer bezoekers inzoomen op een pagina.

Bevinding 6: Wanneer bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 inzoomen tot 400% bij een schermbreedte van 1280x1024px, verdwijnt vanaf 200% het logo van Datalab en de gemeente Emmen van de pagina. Hierdoor is deze informatie niet meer beschikbaar voor bezoekers die moeten inzoomen, bijvoorbeeld vanwege slecht zicht. Zorg dat content niet van de pagina verdwijnt wanneer bezoekers inzoomen.
Dit komt voor op meerdere pagina's bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=4.

Bevinding 7: Als bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 inzoomen tot 400% bij een schermbreedte van 1280x1024px, vallen vanaf 150% tot 200% knoppen in de kaarten over elkaar. Zorg ervoor dat elementen niet over elkaar komen te staan wanneer bezoekers inzoomen. Ook mogen elementen niet buiten de schermweergave of kaders vallen.
Dit probleem komt ook voor op andere pagina's met kaarten, bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=5 en pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=4.

Bevinding 8: Als bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 inzoomen tot 400% bij een schermbreedte van 1280x1024px, verdwijnen vanaf 200% verschillende knoppen uit de kaart, bijvoorbeeld de inzoomknoppen. Zorg ervoor dat functionaliteiten niet verwijderen wanneer bezoekers inzoomen op een pagina.
Dit probleem komt ook voor op andere pagina's met soortgelijke kaarten, bijvoorbeeld op https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=4.

Bevinding 9: Als bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 inzoomen tot 400% bij een schermbreedte van 1280x1024px zijn de teksten in de kaartlagen en legenda niet meer te lezen. Zorg ervoor dat teksten leesbaar blijven wanneer bezoekers inzoomen op een pagina. Hierbij mag geen gebruik worden gemaakt van een horizontale scrolbalk.
Ook in de venster die getoond worden wanneer bezoekers klikken op elementen in de kaart zijn de tekst meer volledig te zien wanneer wordt ingezoomd op de pagina.

Bevinding 10: Advies: Als bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 inzoomen tot 400% bij een schermbreedte van 1280x1024px is het deel van waarin tekst wordt getoond klein in vergelijking met de rest van het scherm. Dit komt door de sticky header en afbeelding die in het scherm staan. Dit kan vervelend zijn voor bezoekers die inzoomen op het scherm om de tekst beter leesbaar te maken. Zorg ervoor dat de inhoud van de pagina op een groter deel van het scherm wordt getoond.
Op onder andere pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 komt dit probleem ook voor, maar dan bij de kaarten die op de pagina staan.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 staan kaarten met legenda's. In deze legenda's worden gekleurde vlakken en iconen gebruikt om betekenis te geven aan elementen op de kaart. Deze vlakken en iconen hebben voldoende contrast nodig met hun achtergrond. De volgende elementen hebben te weinig contrast:

Deze contrastproblemen komen ook voor in de legenda op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6.

Bevinding 12: In de legenda op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 staan iconen en vlakken die betekenis geven aan elementen in de kaart. Deze iconen en vlakken hebben voldoende contrast nodig, wat de meeste niet hebben. Sommige contrastproblemen staan al omschreven in de bovenstaande bevinding, de overige contrastproblemen zijn:

Het paarse vlak 'veenkoloniaal landschap' (HEX #B9AAD6) heeft een contrastverhouding van 2,1:1 op een witte achtergrond, waar dat minimaal 3:1 moet zijn.

Bevinding 13: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=5 wordt in de kaart een oranje stip gebruikt om 'Top5' aan te geven. Op de witte achtergrond heeft deze oranje stip (HEX #fc921f) een contrastverhouding van 2,2:1, waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 14: In de kaart op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 kunnen bezoekers elementen met de muisaanwijzer aanklikken, dit opent een venster met meer informatie. Deze functionaliteit is niet beschikbaar voor toetsenbordgebruikers. Zorg ervoor dat alle elementen die bedienbaar zijn met de muisaanwijzer ook te bedienen zijn met het toetsenbord. Er staan veel klikbare elementen in de kaart, als toetsenbordgebruikers hier over moeten navigeren kan dat lang duren. Het zou daarom een best practice zijn om ook een skiplink toe te voegen waarmee toetsenbordgebruikers de kaart kunnen overslaan.
Vergeet niet om ervoor te zorgen dat de elementen in het venster dat wordt geopend ook bedienbaar zijn met het toetsenbord.

Bevinding 15: In de kaart op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 staat een zoekknop. Wanneer bezoekers deze knop activeren verschijnt er een venster, waarin de knop 'Zoeken in' staat. Met de knop 'Zoeken in' worden klikbare menu-items getoond die niet te bedienen zijn met het toetsenbord. Zorg ervoor dat toetsenbordgebruikers deze elementen kunnen bedienen.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 de knop 'Sectiekoppeling kopiëren' activeren, verschijnt een melding op het scherm. Deze melding verdwijnt na enige tijd. Dit kan er voor zorgen dat sommige bezoekers niet genoeg tijd hebben om de melding te lezen. Zorg ervoor bezoekers ervoor kunnen zorgen dat de melding langer in beeld blijft staan, of verwijder de tijdslimiet op de melding en zorg ervoor dat bezoekers deze zelf kunnen verwijderen, bijvoorbeeld met een sluitknop.
Deze melding komt ook voor op andere pagina's, bijvoorbeeld op https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=3.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: De paginatitel van elke pagina op de website is 'Erfgoedkaart Gemeente Emmen'. Een paginatitel is een belangrijk navigatiemiddel voor verschillende bezoekers. Zorg er daarom voor dat elke pagina een unieke, beschrijvende titel heeft.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 is de tabpanel (een div-element met role=tabpanel) opgenomen in de focus volgorde doordat hier tabindex=0 op is geplaatst. Zorg ervoor dat dit element uit de focus volgorde wordt gehaald door hier bijvoorbeeld tabindex=-1 op te plaatsen.
Dit komt ook voor op andere pagina's, bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6.

Bevinding 19: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 staan kaarten met legenda's. In deze legenda's is het mogelijk om focus te plaatsen op niet interactieve elementen. Dit kan verwarrend zijn voor toetsenbordgebruikers, zij verwachten namelijk dat focus alleen geplaatst wordt op bedienbare elementen. De reden dat focus wordt geplaatst op tekst is omdat deze tekst genest is in een div-element waarop een tabindex is geplaatst. Los dit probleem op door de tabindex te verwijderen.

Bevinding 20: Advies: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 staat de knop 'Toon legenda' als laatst in de focus volgorde terwijl het element visueel boven andere bedienbare elementen staat. Het is beter om de focus volgorde overeen te laten komen met de leesvolgorde van de pagina.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 21: Wanneer bezoekers op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 inzoomen tot 400% bij een schermbreedte van 1280x1024px, staan er vanaf 150% twee knoppen naar volgende en vorige pagina's (gelabeld met pijliconen). De toegankelijke namen van deze knoppen zijn 'Volgende' en 'Vorige'. Dit maakt het niet duidelijk voor bezoekers die het scherm niet kunnen zien dat de knoppen naar pagina's verwijzen. Zorg ervoor dat de toegankelijke namen van deze knoppen worden aangevuld met het woord 'pagina'.

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 22: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f staat de knop 'Meer acties'. Deze knop is geplaatst in een div-element waarop het attribuut aria-expanded is geplaatst. Het is niet toegestaan om aria-expanded op een element zonder een geschikte rol te plaatsen. Daarnaast is aria-expanded ook geplaatst op het button-element en daarom is het overbodig om het ook op het div-element te plaatsen. Los dit probleem op door aria-expanded van het div-element te verwijderen. Lees meer over aria-expanded op https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded.
Dit div-element met het attribuut aria-expanded staat op meerdere pagina's, bijvoorbeeld op https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=3.

Bevinding 23: De knop 'Collectie-overzicht openen' op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 heeft de rol 'navigation' gekregen via het role-attribuut. Dit is niet de geschikte rol voor dit element, want role=navigation geeft aan dat ergens een navigatiemenu staat. Omdat het element werkt als een knop is het beter om dit ook de rol 'button' te geven. Los dit probleem op door het attribuut role=navigation te verwijderen.

Bevinding 24: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=1 staat een iframe zonder toegankelijke naam. Hierdoor weten gebruikers van hulpsoftware niet wat er in het iframe staat. Zorg ervoor dat de iframe een goede toegankelijke naam krijgt door het title-attribuut te gebruiken.
Op andere pagina's staan ook iframe's zonder een toegankelijke naam, bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2 en op https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6.

Bevinding 25: Op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=4 is de sluitknop van de legenda (in de kaart) genest is een div-element wat role=button heeft. Hierdoor is een knop genest in een knop. Dit kan problemen opleveren voor de bediening van beide elementen. Een mogelijk oplossing voor dit probleem is het verwijderen van de role=button van het div-element. Dit element lijkt namelijk niet te werken als een knop.
Dit komt ook voor op andere pagina's, bijvoorbeeld op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=3 en https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=2.

Bevinding 26: In de kaart op pagina https://storymaps.arcgis.com/collections/211f8d9423ce40599a092b44fdebbb8f?item=6 staan klikbare elementen die als 'leeg' worden voorgelezen door voorleessoftware. Dit is verwarrend voor gebruikers van deze software. Zorg ervoor dat deze klikbare elementen een goede toegankelijke naam krijgen.

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-04-12 05:22:34 v2.4-011