Issues:
Audit digitale toegankelijkheid website zwolle.verkiezinginbeeld.nl

(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: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan blauwe afbeeldingen met daarop iconen op de kaart. Hieruit kan de bezoeker informatie over de locatie van het betreffende stembureau aflezen. Deze informatie is niet beschikbaar voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, doordat de afbeeldingen geen alternatieve tekst hebben. Wel is er een leeg alt-attribuut (waarmee de afbeelding verborgen kan worden voor hulpsoftware), maar doordat de afbeeldingen via het attribuut 'tabindex="0"' wel focusbaar zijn gemaakt en de afbeeldingen informatie geven die alleen hier te vinden is, moeten de afbeeldingen een beschrijvende tekst hebben. Voeg deze toe, bijvoorbeeld in het alt-attribuut of via een aria-label. Dit geldt voor alle afbeeldingen die hier staan, behalve de eerste die in de focusvolgorde zit, of de afbeelding waarvan via de muisaanwijzer de tekst met de naam van het stembureau tevoorschijn is gehaald.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 2: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart het menu ingevouwen is, is een menuknop te zien die is opgemaakt als een link die staat in een lijst (<ul>) met één lijst-item (<li>). Omdat het hier niet daadwerkelijk om een opsomming of lijst gaat is het voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader verwarrend dat dit wel als zodanig voorgelezen wordt. Gebruik het lijst-element alleen bij opsommingen en verwijder deze bij de menuknop. Een soortgelijk probleem komt voor op pagina https://zwolle.verkiezinginbeeld.nl/lijst bij de link 'Bekijk als kaart'.

Bevinding 3: De tabel onder 'Extra gegevens' die in het opengevouwen menu op pagina https://zwolle.verkiezinginbeeld.nl/kaart te zien is nadat op een afbeelding van een locatie van een stembureau is geklikt op de kaart, heeft voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader een onduidelijke structuur. Op één rij staat een kopcel en op de opvolgende rij staat de datacel. Er is geen relatie tussen deze twee cellen. Zorg ervoor dat de kopcel en de bijbehorende data cel op één rij zijn geplaatst.

Bevinding 4: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart het menu wordt opengevouwen, zijn onder 'Openingstijden' drie keuzerondjes (radiobuttons) te zien. De keuzerondjes horen bij de kop 'Openingstijden', maar doordat deze tekst niet gekoppeld is aan de keuzerondjes is dit door hulpsoftware lastig te bepalen. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Een soortgelijk probleem doet zich voor bij het keuzerondje onder de kop 'Verkiezingsdag'.

Bevinding 5: Advies: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Een kop op kopniveau h1 ontbreekt, er komen alleen koppen op kopniveau h3 voor. Voor bezoekers die gebruik maken van hulpsoftware zoals van een screenreader is een kopstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de titel van de pagina, kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla hierbij geen koppen over. Ook op pagina https://zwolle.verkiezinginbeeld.nl/lijst komt een probleem voor met de koppenstructuur, doordat er geen koppen aanwezig zijn.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 6: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan verschillende witgekleurde teksten op een blauwe (HEX #00A1E1) achtergrond. Bijvoorbeeld in de header 'Verkiezingen in Beeld..' en 'Zwolle'. Ook de links onderaan in het menu. Het contrast tussen de kleuren is te laag. De contrastverhouding is 2.9:1 waar deze minimaal 4.5:1 moet zijn.
Deze kleurencombinatie komt ook voor op pagina https://zwolle.verkiezinginbeeld.nl/lijst.

Bevinding 7: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart het menu ingeklapt is, staan rechts onderaan in beeld drie links met een wit lettertype. Deze staan op een kaart met verschillende kleuren, waarbij verschillende contrastproblemen zich voordoen. De laagste contrastverhouding komt voor op de grijze (HEX #F7F6F1) achtergrond, deze is 1:1. De hoogste contrastverhouding komt voor waar de witte tekst op een rode (HEX #D2958F) lijn valt, daar is deze 2.4:1. Ook wanneer de weergave kaart wordt ingesteld op 'Schematisch', blijven op deze plek contrastproblemen bestaan. De contrastverhouding moet overal minimaal 4.5:1 zijn.

Bevinding 8: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan op de kaart links onderaan drie links in een blauw (HEX #2188A9) lettertype. Op verschillende punten heeft deze kleur onvoldoende contrast met de achtergrond. De contrastverhouding met de paarse (HEX A098B0) achtergrond is 1.4:1, en met de grijze (HEX E7EADD) achtergrond 3.3:1. Ook wanneer de weergave kaart wordt ingesteld op 'Schematisch', blijven op deze plek contrastproblemen bestaan. De contrastverhouding moet overal minimaal 4.5:1 zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 9: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1" en "user-scale=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instelling weg. Ditzelfde komt voor op pagina https://zwolle.verkiezinginbeeld.nl/lijst.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 10: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1" en "user-scale=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instelling weg. Ditzelfde komt voor op pagina https://zwolle.verkiezinginbeeld.nl/lijst.

Bevinding 11: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart het menu is ingevouwen en wordt ingezoomd tussen 200% en 400% bij een schermgrootte van 1280 bij 1024 pixels, vallen de linkteksten die onderaan de pagina te zien zijn over elkaar heen. Bijvoorbeeld 'Leaflet' en 'TSA Verkiezingen'. Hierdoor zijn deze niet goed te lezen. Zorg ervoor dat bij inzoomen geen content over elkaar heen valt.

Bevinding 12: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart wordt ingezoomd tot 400% bij een schermgrootte van 1280 bij 1024 pixels, verschuift een deel van de tekst die in de header te zien is ('Zwolle') waardoor deze op de kaart te zien is. Dit levert contrastproblemen op, doordat de witte tekst op de kaart op verschillende punten een lichtgekleurde achtergrond heeft. Ditzelfde geldt voor de menuknop (hamburgermenu). Zorg ervoor dat bij het inzoomen de elementen die in de header staan, dezelfde achtergrond blijven behouden. Ditzelfde komt voor op pagina https://zwolle.verkiezinginbeeld.nl/lijst, hier gaat het om de tekst 'Bekijk als kaart'.

Bevinding 13: Als op pagina https://zwolle.verkiezinginbeeld.nl/lijst wordt ingezoomd tot 400% bij een schermgrootte van 1280 bij 1024 pixels, en de focus valt op de link 'Bekijk als kaart', is een deel van de headings in de tabel niet meer te zien. Dit komt doordat de link bij focus een blauwe achtergrond krijgt, en de link bij inzoomen buiten de header van de pagina valt. Zorg ervoor dat content niet bedekt wordt door andere content bij inzoomen.

Bevinding 14: Als op pagina https://zwolle.verkiezinginbeeld.nl/kaart wordt ingezoomd tot 400% bij een schermgrootte van 1280 bij 1024 pixels, valt de link 'Leaflet' die onderaan de pagina te zien is buiten beeld. Zowel wanneer het menu is ingevouwen als wanneer deze is uitgevouwen. Zorg dat alle content in beeld blijft bij inzoomen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 15: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart zijn de locaties van de stembureaus op de kaart aangegeven met afbeeldingen met een blauwe (HEX #359EE5) achtergrond. Op deze afbeelding is met witgekleurde symbolen aangegeven welke in de legenda genoemde elementen terug te vinden zijn op de betreffende locatie. Omdat het contrast tussen de kleuren onvoldoende is, is dit voor sommige bezoekers niet goed te zien. De contrastverhouding is 2.9:1 waar dit minimaal 3:1 moet zijn.

Bevinding 16: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan in de legenda vier blauwe (HEX #359EE5) iconen (bijvoorbeeld Stembureau) waarop witgekleurde symbolen staan. Ook staan de iconen op een witte achtergrond. Het contrast tussen het symbool en de achtergrondkleur van het icoon, en het contrast met de achtergrond waarop het icoon staat, is te laag. De contrastverhouding is 2.9:1 waar deze minimaal 3:1 moet zijn. Een probleem met dezelfde kleuren komt voor bij het icoon 'Drukte onbekend', waar het alleen gaat om de kleur van dit icoon ten opzichte van de achtergrond waarop deze staat.

Bevinding 17: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat onder 'Drukte-indicatie' bij 'Rustig' een groene (HEX #33CC00) icoon waarop één witgekleurde persoon te zien is. Het contrast tussen de kleuren is te laag, waardoor voor sommige bezoekers niet te herkennen is hoe het icoon eruit ziet. Op het moment dat het icoon op de kaart gebruikt zou worden, kan dit lastig zijn omdat de betekenis dan niet geïnterpreteerd kan worden. De contrastverhouding is 2.1:1 waar deze minimaal 3:1 moet zijn. Ditzelfde geldt voor het oranje (HEX #FF6600) icoon waarop twee witgekleurde personen te zien is, hierbij is de contrastverhouding 2.9:1.

Bevinding 18: In het menu op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat achter 'Legenda' een witgekleurde icoon van een pijl die respectievelijk naar boven of naar beneden wijst. Doordat de kleur een te laag contrast heeft met de blauwe (HEX #00A1E1) achtergrond waarop deze staat, is het voor sommige bezoekers lastig om te zien dat de legenda ingevouwen danwel uitgevouwen kan worden. De contrastverhouding is 2.9:1 waar deze minimaal 3:1 moet zijn. Ditzelfde geldt voor het icoon (hamburgermenu) dat in de header te zien is als het menu is ingevouwen.

Bevinding 19: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart/ staat in het menu bij 'Postcode' een invoerveld. Een blauwe (HEX #00A1E1) lijn maakt duidelijk waar deze zich bevindt. Omdat het contrast met de witte achtergrond te laag is, is dit niet voor iedereen goed te zien. De contrastverhouding is 2.9:1 waar deze minimaal 3:1 moet zijn.

Bevinding 20: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart kan in de legenda in het menu een postcode opgezocht worden. Naast het invoerveld staat een zoek-knop met een blauw (HEX #4CB3E3) icoon waarop een witgekleurd vergrootglas te zien is. De knop staat op een witte achtergrond. Doordat het contrast tussen de kleuren onvoldoende is, is de functie van de knop voor sommige mensen hieruit niet af te lezen. De contrastverhouding is 2.3:1 waar deze minimaal 3:1 moet zijn.

Bevinding 21: Op de kaart op pagina https://zwolle.verkiezinginbeeld.nl/kaart is met een blauwe (HEX #3388FF) lijn de grens van de stad aangegeven. Op verschillende punten heeft deze kleur een te laag contrast met de achtergrond, bijvoorbeeld wanneer deze op de groene (HEX #90CCCB, contrastverhouding is 1.9:1) of donkergroene (HEX #B2C29D, contrastverhouding is 1.8:1) kleur valt. Ditzelfde komt voor als de instelling op de kaart op 'Schematisch' gezet wordt, dan is het contrast bijvoorbeeld te laag met de groene (#ADD19E, contrastverhouding 2:1) kleur en de lichtblauwe (HEX #AAD3DF) kleur. Zorg dat de contrastverhouding overal minimaal 3:1 is.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 22: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart kan de bezoeker de naam van een stembureau tevoorschijn halen door de muisaanwijzer naar een afbeelding op de kaart te brengen. De tekst die dan verschijnt, blijft staan totdat de bezoeker de muisaanwijzer naar een andere afbeelding brengt. De tekst staat deels over andere content heen, die daardoor niet goed zichtbaar is. Voeg een mechanisme toe waarmee de bezoeker de tekst kan afsluiten zonder de muisaanwijzer naar een andere afbeelding te hoeven brengen, bijvoorbeeld via de esc-toets.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 23: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan blauwe afbeeldingen met daarop iconen op de kaart. Als de bezoeker de muisaanwijzer hier naartoe brengt, verschijnt de naam van het betreffende stembureau in beeld. Deze informatie is voor bezoekers die navigeren via het toetsenbord niet beschikbaar, doordat de informatie niet verschijnt als hier focus op staat. Zorg ervoor dat de informatie ook via het toetsenbord visueel op te roepen is. Ook is het voor bezoekers die gebruikmaken van de muisaanwijzer mogelijk om op de afbeelding te klikken zodat er informatie of het stembureau onder de legenda verschijnt. Dit is niet mogelijk voor toetsenbordgebruikers doordat zij de afbeelding niet kunnen activeren als hier focus op staat. Zorg ervoor dat het voor toetsenbordgebruikers mogelijk is deze informatie op te roepen.

Bevinding 24: In het menu op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat de uitklapbare knop 'legenda'. Deze knop is klikbaar gemaakt maar is niet te bedienen met het toetsenbord. Het is niet mogelijk om focus te plaatsen op deze knop en deze te activeren. Zorg ervoor dat toetsenbordgebruikers alles kunnen bedienen wat ook beschikbaar is voor gebruikers van de muisaanwijzer.
Dit geldt ook voor de knoppen die verschijnen in het menu wanneer is geklikt op een afbeelding in de kaart.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 25: Op elke pagina ontbreekt een mechanisme om content die op elke pagina herhaald wordt (zoals bijvoorbeeld het menu) 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

Bevinding 26: Zowel pagina https://zwolle.verkiezinginbeeld.nl/kaart als https://zwolle.verkiezinginbeeld.nl/lijst hebben als paginatitel 'verkiezingeninbeeld.nl'. Dit beschrijft de unieke pagina's onvoldoende. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader horen als eerste de paginatitel wanneer zij op een pagina komen, daarom is het belangrijk dat zij hieruit kunnen identificeren om welke pagina het gaat. Geef de pagina's een paginatitel waarin eerst de naam van de unieke pagina en daarna de naam van de organisatie wordt genoemd.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 27: Binnen de kaart op pagina https://zwolle.verkiezinginbeeld.nl/kaart valt de focus eerst op alle locaties met stembureaus, en daarna op de knoppen waarmee de bezoeker kan inzoomen en uitzoomen. Voor bezoekers die navigeren via het toetsenbord is het lastig als zij deze locaties pas goed kunnen zien nadat ze gebruik hebben gemaakt van de zoom-knoppen. Ditzelfde geldt voor de keuzerondjes waar de bezoeker kan kiezen om de kaart 'Standaard' of 'Schematisch' te bekijken. Zorg ervoor dat deze items in de focusvolgorde voorafgaand aan de locaties van de stembureaus staan.

Bevinding 28: In het menu op pagina https://zwolle.verkiezinginbeeld.nl/kaart kan de bezoeker zoeken op postcode. Nadat een bezoeker dit gedaan heeft, verschuift de kaart naar de betreffende locatie en is het dichtstbijzijnde stembureau te zien. Voor bezoekers die navigeren via het toetsenbord is lastig om vervolgens de gegevens van het stembureau te achterhalen, omdat de focus na de zoekopdracht niet naar de uitkomst hiervan springt. In plaats daarvan moet de bezoeker met de tab-toets eerst door de hele pagina heen. Voor bezoekers die niet kunnen zien, is de uitkomst van de zoekopdracht hierdoor helemaal niet te achterhalen. Los dit op door de focus naar het dichtstbijzijnde stembureau te laten springen na de zoekopdracht.

Bevinding 29: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart is het mogelijk om de focus naar de focusbare elementen binnen het menu te brengen, ook op het moment dat het menu ingevouwen is. Daardoor is het voor bezoekers die via het toetsenbord navigeren maar die wel kunnen zien, niet duidelijk waar zij zich bevinden op de pagina. Zorg ervoor dat de focus alleen gebracht kan worden naar elementen die zichtbaar zijn op de pagina.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 30: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart is een menuknop (hamburgermenu) te zien als het menu is ingevouwen. Deze knop is vormgegeven als link waarop het title-attribuut met de waarde 'menu' op is geplaatst. Het title-attribuut wordt overschreven door het icoon dat binnen het a-element is geplaatst. Hierdoor heeft deze link geen toegankelijke naam. Gebruik daarom een andere methode om de link een toegankelijke naam te geven, bijvoorbeeld een aria-label.

Bevinding 31: Opmerking: Het logo in de header van pagina https://zwolle.verkiezinginbeeld.nl/kaart zou naar 'verkiezinginbeeld.nl' moeten verwijzen, maar wie de link volgt komt op een 404-pagina terecht. Dit is geen toegankelijkheidsprobleem, want iedereen heeft hier last van, en daarom wordt hier niet op afgekeurd. Toch zou het beter zijn om ervoor te zorgen dat de link naar bestaande pagina verwijst.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 32: Op https://zwolle.verkiezinginbeeld.nl/kaart is op meerdere plekken niet te zien waar de focus zich bevindt. Bijvoorbeeld als de focus naar de menuknop en de items in het menu gebracht wordt, of naar de bedieningsknoppen van de kaart. Ook is de focus niet zichtbaar als deze op de afbeeldingen op de kaart valt, of op de links die onderaan de pagina op de kaart staan. Voor sommige bezoekers (bijvoorbeeld die wel kunnen zien en navigeren via het toetsenbord) is het hierdoor lastig om te navigeren, zij kunnen niet zien waar ze zich bevinden op de pagina. Zorg ervoor dat het altijd zichtbaar is waar de focus zich bevindt, bijvoorbeeld door een duidelijke focusrand toe te voegen.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 33: Advies: Op de kaart op pagina https://zwolle.verkiezinginbeeld.nl/kaart zijn een inzoom- en uitzoomknop te zien. Deze hebben via een aria-label respectievelijk de naam 'Zoom in' en 'Zoom out' gekregen. Omdat hierin het Engels niet veel verschilt van het Nederlands is de functie van de knoppen waarschijnlijk voor de meeste bezoekers duidelijk. Toch is het beter om de labels volledig Nederlandstalig te maken. Dit kan worden opgelost door van 'Zoom out' 'Zoom uit' te maken.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 34: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat in het menu een invoerveld bij 'Postcode', hierin is in de placeholdertekst te zien op welke manier de postcode moet worden ingevoerd. De placeholdertekst verdwijnt wanneer bezoekers iets invoeren bij het veld, wat het voor sommige bezoekers lastig maakt het veld correct in te vullen. De placeholder is niet geschikt om informatie in te plaatsen omdat deze verdwijnt bij invoer. Zorg ervoor dat de informatie in de placeholdertekst op een andere manier op de pagina wordt geplaatst, bijvoorbeeld door het in het label van het invoerveld te zetten.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 35: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart kan het menu worden uitgevouwen via de menuknop (hamburgermenu). Visueel is te zien of het menu ingevouwen of uitgevouwen is, maar door hulpsoftware zoals een screenreader wordt dit niet voorgelezen. Los dit bijvoorbeeld op door aria-expanded of een vergelijkbare techniek te gebruiken.

Bevinding 36: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart kan in de legenda in het menu een postcode opgezocht worden. Naast het invoerveld staat een zoekknop welke via een title-attribuut de naam 'Zoek locatie van postcode' heeft gekregen. Het title-attribuut wordt niet door alle hulpsoftware in elke browser goed herkend, waardoor voor sommige bezoekers die hulpsoftware zoals een screenreader gebruiken de functie van de knop onduidelijk kan zijn. Los dit bijvoorbeeld op door een aria-label te gebruiken op het button-element.

Bevinding 37: Op pagina https://zwolle.verkiezinginbeeld.nl/kaart staan op de kaart afbeeldingen bij de locaties van stembureaus. Deze afbeeldingen zijn focusbaar gemaakt voor toetsenbordgebruikers door middel van een tabindex, maar hulpsoftware heeft deze elementen niet correct aan. Sommige screenreaders geven hier bijvoorbeeld alleen 'klikbaar' aan. Zorg ervoor dat deze afbeeldingen een geschikte rol en een naam krijgen. Dit kan bijvoorbeeld door de afbeeldingen ook op te maken met een button-element en de afbeeldingen een alternatieve tekst te geven (zie ook succescriterium 1.1.1).

Bevinding 38: In het menu op pagina https://zwolle.verkiezinginbeeld.nl/kaart staat de uitklapbare knop 'legenda'. Deze knop is klikbaar gemaakt maar heeft geen toegankelijk rol. Hierdoor is het element niet te bedienen met het toetsenbord (zie ook succescriterium 2.1.1) en lastig te herkennen voor gebruikers van hulpsoftware. Zorg ervoor dat dit elementen de juiste rol krijgt, bijvoorbeeld door het op te maken met het button-element. Let op dat de status van dit element ook moet worden aangegeven, bijvoorbeeld via aria-expanded.
Dit geldt ook voor de knoppen die verschijnen in het menu wanneer is geklikt op een afbeelding in de kaart.

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

• Homepagina:
  https://zwolle.verkiezinginbeeld.nl/kaart
• Lijst:
  https://zwolle.verkiezinginbeeld.nl/lijst

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.