Issues:
Audit digitale toegankelijkheid website uitslag verkiezing Tweede Kamerverkiezing 2023 Gemeente Súdwest-Fryslân

(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://verkiezingen.sudwestfryslan.nl/TK2023/ staat bovenaan de pagina het logo van Gemeente Súdwest-Fryslân. Deze is opgemaakt als link waarin via de CSS de afbeelding met het logo is toegevoegd. Doordat de afbeelding met het logo geen alternatieve tekst heeft en de link geen toegankelijke naam heeft, weten bezoekers die gebruik maken van hulpsoftware zoals een screenreader niet wat op de afbeelding te zien is en waar de link naartoe leidt. Sommige hulpsoftware zoekt zelf een linktekst en leest een deel van de URL voor. Voeg een toegankelijke naam toe waaruit duidelijk wordt het het logo van Gemeente Súdwest-Fryslân te zien is en dat de link naar de homepagina van Gemeente Súdwest-Fryslân leidt. Bijvoorbeeld 'Logo Gemeente Súdwest-Fryslân, ga naar homepagina'. Zie succescriterium 2.4.4. en 4.1.2.

Bevinding 2: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan een dialoogvenster worden geopend waarop een staafdiagram te zien is, door onder 'Uitslagen stembureau' te klikken op bijvoorbeeld 'Waltaplein'. Dit staafdiagram is opgemaakt uit gegroepeerde graphics binnen een svg-element. Deze graphics hebben elk via een title-element een alternatieve tekst gekregen die bestaat uit een cijfer, bijvoorbeeld '470: 22.04724409448819'. Dit beschrijft niet wat er te zien is. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is de informatie die in het staafdiagram te vinden is, niet beschikbaar. Het gaat bijvoorbeeld om de logo's van de partijen, en het percentage stemmen dat naar deze partijen is gegaan. Een mogelijke oplossing zou zijn dat de afbeeldingen waaruit het staafdiagram is opgebouwd worden verborgen voor hulpsoftware, en dat de informatie op andere wijze beschikbaar gemaakt wordt in een toegankelijk alternatief. Een soortgelijk probleem komt voor als de bezoeker een ander stembureau en/of een andere verkiezing selecteert. Zie succescriterium 1.3.1.

Bevinding 3: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# staat rechtsonder een knop via welke een totaaloverzicht van de verkiezingsuitslagen van alle stembureaus geopend kan worden. Hierop staat een afbeelding waarop een illustratieve grafiek te zien is, met daarbij de cijfers '92/94' (als op de pagina 'Verkiezing Tweede Kamer 2021' geselecteerd is). Via een title-attribuut heeft de afbeelding de alternatieve tekst 'Uitslag' gekregen. Dit beschrijft niet wat op de afbeelding te zien is. De afbeelding is decoratief, verberg deze voor hulpsoftware. De functionaliteit van de knop kan voor hulpsoftware beter duidelijk gemaakt worden via andere elementen binnen deze knop dan via deze afbeelding. Een soortgelijk probleem komt ook voor als een andere verkiezing geselecteerd wordt. Zie succescriterium 4.1.2.

Bevinding 4: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Dit is het laatste element in de focusvolgorde. Als hierop geklikt wordt, verschijnt tekst met verschillende links. De link 'openlayers.org' is te herkennen aan een blauwe ruitvormige afbeelding. Deze afbeelding is niet verborgen voor hulpsoftware maar heeft geen alternatieve tekst. De afbeelding staat in een link, daarom is het belangrijk dat het linkdoel wordt beschreven in de alternatieve tekst van de afbeelding. Voeg een alternatieve tekst toe, bijvoorbeeld in een alt-attribuut. Zie succescriterium 2.4.4 en 4.1.2.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 5: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. In het dialoogvenster is de kop 'Stembureau Waltaplein' te zien. Afhankelijk van de schermgrootte of het percentage waarop ingezoomd wordt, is deze kop opgemaakt op kopniveau h2, h4 of h6. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het mogelijk om de koppenstructuur op te vragen en op deze manier te navigeren. Daarom is een goede opbouw van de koppenstructuur, met daarin een logische volgorde van kopniveau's, belangrijk. Het kan verwarrend werken als de koppenstructuur wijzigt bij het inzoomen of wanneer de pagina op een kleiner scherm bekeken wordt. Zorg ervoor dat de kop altijd op hetzelfde niveau is opgemaakt (bijvoorbeeld met het h2-element), en maak voor de styling bij verschillende schermweergaven gebruik van de eigenschappen van de CSS.

Bevinding 6: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. In het dialoogvenster is verschillende informatie opgemaakt op kopniveau h2, bijvoorbeeld '1068' onder 'Kiesgerechtigden'. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader kan hierdoor onduidelijkheid ontstaan over de structuur van de tekst. Als genavigeerd wordt via de koppenstructuur, is het niet duidelijk welke content door deze kop beschreven wordt. Ziende bezoekers zullen de tekst 'Kiesgerechtigden' als kop herkennen en het cijfer '1068' als de content die bij deze kop hoort. Daarom is het belangrijk dat dit ook in HTML op deze manier opgemaakt wordt. Een mogelijke oplossing zou zijn om de tekst die bij het cijfer staat ('Kiesgerechtigden') als kop op te maken, en de content die hierdoor beschreven wordt ('1068') niet als kop maar als gewone tekst op te maken. Zie succescriterium 2.4.6.

Bevinding 7: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan een dialoogvenster worden geopend waarop een staafdiagram te zien is, door onder 'Uitslagen stembureau' te klikken op bijvoorbeeld 'Waltaplein'. Het staafdiagram is niet toegankelijk vormgegeven, waardoor de informatie en de relatie tussen verschillende gegevens niet beschikbaar is voor bezoekers die niet kunnen zien. Door hulpsoftware zoals een screenreader worden de alternatieve teksten van de afzonderlijke afbeeldingen waaruit de het staafdiagram is opgebouwd voorgelezen, maar deze beschrijven niet wat er te zien is. Deze bezoekers weten hierdoor niet welk percentage van de stemmen naar welke partij is gegaan. Zorg voor een toegankelijk alternatief door de informatie die in het staafdiagram te zien is, ook op andere wijze (bijvoorbeeld als gewone tekst of in een tabel) op de pagina te plaatsen. Een soortgelijk probleem komt voor als de bezoeker een ander stembureau en/of een andere verkiezing selecteert. Zie succescriterium 1.1.1.

Bevinding 8: Advies: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# ontbreekt een kop op kopniveau h1. Dit wordt niet op toegankelijkheid afgekeurd, maar het bevordert de toegankelijkheid als dit aangepast wordt. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, is een goed lopende koppenstructuur belangrijk. Deze begint met een kop op kopniveau h1. Los dit bijvoorbeeld op door de kop die nu op kopniveau h2 is opgemaakt ('Gemeente Súdwest-Fryslân - Verkiezing Tweede Kamer 2021') op kopniveau h1 op te maken. Wanneer op deze pagina een dialoogvenster wordt geopend (door onder 'Uitslagen stembureau' bijvoorbeeld te klikken op 'Waltaplein'), klopt de koppenstructuur op de pagina ook niet. Er zijn meerdere koppen op kopniveau h1, welke volgen op koppen op kopniveau h2. Zorg dat alleen de eerste kop op kopniveau h1 wordt opgemaakt, de koppen daarna op een volgend kopniveau (h2, h3) zonder daarbij kopniveau's over te slaan.

Bevinding 9: Advies: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. In het dialoogvenster staat rechtsboven het opkomst percentage ('%Opkomst'). Visueel is meteen duidelijk dat het om een percentage gaat, maar niet alle hulpsoftware leest het '%' teken voor. Dit wordt niet op toegankelijkheid afgekeurd, maar het bevordert de toegankelijkheid als dit aangepast wordt. Een mogelijke oplossing is bijvoorbeeld om de tekst 'percentage' toe te voegen voor hulpsoftware (dit hoeft niet visueel op de pagina te staan). Ditzelfde ook bij de dialoogvensters voor die bij andere verkiezingen en stembureaus te openen zijn.

Bevinding 10: Het volgende wordt niet op toegankelijkheid afgekeurd maar viel op: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ staan onder de kop 'Uitslag - Verkiezingen Tweede Kamerverkiezing 2023' drie links. In HTML zijn deze links opgemaakt binnen een tabel met drie rijen. Hulpsoftware zoals een screenreader herkent de tabel en leest de datacellen als zodanig voor, terwijl het hier niet daadwerkelijk om een tabel gaat maar om een opsomming van drie links. Zorg ervoor dat wanneer een tabel voor opmaak van content gebruikt is, dit niet wordt opgemerkt door hulpsoftware. Dat kan bijvoorbeeld door gebruik te maken van role=presentation op het table-element. Ook kan ervoor gekozen worden de tabel te verwijderen en de links als gewone links op de pagina te plaatsen.

1.4 Onderscheidbaar

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 11: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt een dialoogvenster als de bezoeker in het menu 'Uitslagen stembureau' op een stembureau (bijvoorbeeld 'Waltaplein') klikt. Hierin is het staafdiagram 'Percentage stemmen' te zien, waarbij van elke partij het logo te zien is. Bij een schermgrootte van 1280 bij 1024 pixels (zonder inzoomen) staan de logo's al deels over elkaar heen maar zijn deze nog goed zichtbaar, maar als de bezoeker inzoomt vanaf 110% bedekken de logo's elkaar teveel om nog goed zichtbaar te zijn. Ditzelfde geldt voor de namen van de partijen die op de horizontale as te zien zijn (bijvoorbeeld VVD, PVV). Hoe verder de bezoeker inzoomt, hoe minder goed de informatie te zien is.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 12: Als de bezoeker op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ bij een schermgrootte van 1280 bij 1024 pixels inzoomt vanaf 300%, verdwijnt een deel van de content uit beeld. Er verschijnt een scrollbalk in de leesrichting (horizontaal) op de hele pagina, maar dit is geen toegankelijke oplossing. Zorg ervoor dat alle content binnen beeld blijft bij het inzoomen. Een uitzondering op deze regel is de tabel met stembureaus die op de pagina staat, voor de informatie in die tabel mag het wel noodzakelijk zijn om horizontaal te scrollen. Deze uitzondering geld niet voor de links 'Proces verbaal Na 31-2 Gemeente Súdwest-Fryslân TK2023', 'osv4-3_telling_tk2023_gemeente_sudwestfryslan.csv' en 'Verslag controleprotocol gemeentelijk stembureau van Súdwest-Fryslân' in de eerste tabel.

Bevinding 13: Als op pagina https://verkiezingen.sudwestfryslan.nl/html/# bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd vanaf 250%, komt een deel van de content over andere content heen te staan. Het gaat bijvoorbeeld om de afbeelding van de marker die op de kaart geplaatst kan worden (die als titel 'reset positie' heeft), en de knop waarop een groene grafiek met de cijfers '92/94' te zien is (deze heeft als titel 'Uitslag'), deze staan over het menu 'Uitslagen stembureau' heen. Zorg ervoor dat content niet bedekt wordt door andere content als er ingezoomd wordt, zodat dat alles zichtbaar en bedienbaar blijft.

Bevinding 14: Als op pagina https://verkiezingen.sudwestfryslan.nl/html/# bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd vanaf 300%, is het menu 'Uitslagen stembureau' lastig te bedienen. Deze komt grotendeels buiten beeld te staan. Bij inzoomen naar 400% verdwijnt deze helemaal uit beeld, en het uitvouwbare menu bij 'Verkiezing:' is dan ook niet meer te bedienen. Zorg ervoor dat bij inzoomen alle content in beeld en bedienbaar blijft.

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://verkiezingen.sudwestfryslan.nl/html/ verschijnt (als laatste element in de focusvolgorde) een knop waarop de witte letter 'i' te zien is, met titel 'Attributions'. Als hierop wordt geklikt is '>>' op de knop te zien. Het contrast met de blauwe (HEX #7F9DC3, kleur kan afwijken doordat deze transparant is) achtergrondkleur van de knop is onvoldoende. Hierdoor zijn de symbolen voor sommige bezoekers (die bijvoorbeeld slechtziend of kleurenblind zijn) niet goed te zien. De contrastverhouding is 2.8:1 waar deze minimaal 3:1 moet zijn.

Bevinding 16: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# staat linksboven de keuzelijst ‘Verkiezing:’. Op dit element is gebruik gemaakt van een aangepaste toetsenbordfocus. De rand van het invoerveld wordt lichtblauw (HEX #66AFE9) in plaats van grijs (HEX #CCCCCC). Deze verandering heeft met een contrastverhouding van 1,5:1 niet voldoende contrast om goed zichtbaar te zijn. Bij het gebruik van een aangepaste toetsenbordfocus moet een deel van de visuele verandering een contrast van 3:1 hebben om te voldoen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 17: Bezoekers die navigeren via het toetsenbord, kunnen een deel van de pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ niet bereiken. Als via de tabtoets de focus naar de pagina wordt gebracht, springt de focus telkens na een aantal tabstops (de eerste links op de pagina) terug naar boven. Dit lijkt te worden veroorzaakt doordat de server om de paar milliseconden een nieuwe status (status 200) blijft doorgeven aan de browser. Hierdoor kunnen bezoekers die navigeren via het toetsenbord het grootste deel van de documenten en links die op de pagina staan niet bereiken en openen. Zorg ervoor dat alle content van de pagina bereikbaar en bedienbaar is via het toetsenbord. Zie succescriterium 2.4.3.

Bevinding 18: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# staat rechtsonder een knop via welke een totaaloverzicht van de verkiezingsuitslagen van alle stembureaus geopend kan worden. Hierop staat een afbeelding waarop een illustratieve grafiek te zien is, met daarbij de cijfers '92/94' (als op de pagina 'Verkiezing Tweede Kamer 2021' geselecteerd is). Via de muis is deze knop goed te bedienen, maar via het toetsenbord niet. De focus kan niet naar de knop toe gebracht worden. Dit is de enige plek op de pagina waar een totaaloverzicht van de uitslagen van alle stembureaus te vinden is, dit is nu niet beschikbaar voor bezoekers die navigeren via het toetsenbord. Zorg dat alle functionaliteit ook voor toetsenbordgebruikers beschikbaar is en dat deze knop focusbaar en bedienbaar is. Een soortgelijk probleem doet zich voor als een andere verkiezing geselecteerd is. Zie succescriterium 1.1.1 en 4.1.2.

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 19: Pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ heeft geen paginatitel. Voor bezoekers die gebruik maken hulpsoftware zoals een screenreader is het belangrijk dat elke pagina een paginatitel heeft, deze wordt als eerste voorgelezen als de bezoeker op een pagina komt. Op die manier kan de bezoeker snel identificeren om welke pagina het gaat. Voeg een paginatitel toe die de unieke pagina beknopt beschrijft, door deze tekst in een title-element in het head-element te plaatsen.

Bevinding 20: Pagina https://verkiezingen.sudwestfryslan.nl/html/ heeft als paginatitel 'Presentatie Súdwest-Fryslân'. Deze titel beschrijft de pagina onvoldoende. Voor bezoekers die gebruik maken van hulpsoftware is de paginatitel het eerste wat zij horen als zij op de pagina komen, daarom is het belangrijk dat deze de unieke pagina goed beschrijft. Op de pagina is niet een presentatie te zien, maar is informatie over de verkiezingsuitslagen van verschillende jaren in de Gemeente Súdwest-Fryslân te vinden. Pas de paginatitel aan, bijvoorbeeld naar 'Verkiezingsuitslagen | Gemeente Súdwest-Fryslân'.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 21: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ doet zich een probleem voor met de focus volgorde, waardoor bezoekers die navigeren via het toetsenbord na de eerste paar tabstops (de eerste links op de pagina) weer bovenaan de pagina komen. Alle focusbare elementen staan wel goed in de focusvolgorde, maar toch kan de focusvolgorde niet correct uitgevoerd worden.
Dit lijkt te worden veroorzaakt doordat de server om de paar milliseconden een nieuwe status (status 200) blijft doorgeven aan de browser. Hierdoor kunnen bezoekers die navigeren via het toetsenbord het grootste deel van de documenten en links die op de pagina staan niet bereiken en openen. Zorg ervoor dat de focusvolgorde via het toetsenbord correct uitgevoerd kan worden. Zie succescriterium 2.1.1.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 22: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ staat bovenaan de pagina het logo van Gemeente Súdwest-Fryslân. Deze is opgemaakt als link. De link heeft geen toegankelijke linktekst, waardoor hulpsoftware zoals een screenreader zelf op zoek gaat naar een linktekst en een in sommige gevallen deel van de URL voorleest. Voeg een toegankelijke naam toe waaruit duidelijk wordt dat het logo van Gemeente Súdwest-Fryslân te zien is en dat de link naar de homepagina van Gemeente Súdwest-Fryslân leidt. Bijvoorbeeld 'Logo Gemeente Súdwest-Fryslân, ga naar homepagina'. Zie succescriterium 1.1.1. en 4.1.2.

Bevinding 23: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Dit is het laatste element in de focusvolgorde. Als hierop geklikt wordt, verschijnt tekst met verschillende links. De link 'openlayers.org' is te herkennen aan een blauwe ruitvormige afbeelding. Deze link heeft geen linktekst, waardoor hulpsoftware zoals een screenreader zelf op zoek gaat naar een linktekst en in sommige gevallen de URL voorleest. Het linkdoel is voor sommige bezoekers niet duidelijk. Los dit bijvoorbeeld op door een alt-tekst waaruit het linkdoel duidelijk wordt toe te voegen aan de afbeelding die in de link staat. Zie succescriterium 1.1.1 en 4.1.2.

Bevinding 24: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ staan in de tabel onder 'Download PV' verschillende links via welke een PDF-document bekeken kan worden. Deze links hebben allemaal dezelfde naam, 'N10-2 pdf'. Daardoor is het voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader lastig te bepalen wat het linkdoel is, dus wel document via de link geopend wordt. Het linkdoel moet in context duidelijk zijn. Het is een optie om de tekst van deze links aan te passen.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 25: Via de link 'Eerdere verkiezingsuitslagen' op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ kan de bezoeker naar pagina https://verkiezingen.sudwestfryslan.nl/html/# gaan, waar verkiezingsuitslagen van voorgaande jaren te vinden zijn. Op deze pagina is echter geen link te vinden via welke de bezoeker de pagina over de verkiezingsuitslagen van het jaar 2023 terug kan vinden. Daardoor kan het voor sommige bezoekers lastig zijn naar deze pagina te navigeren. Voeg een link naar pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ toe op pagina https://verkiezingen.sudwestfryslan.nl/html/#.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 26: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. In het dialoogvenster is verschillende informatie opgemaakt op kopniveau h2, bijvoorbeeld '1068' onder 'Kiesgerechtigden'. Deze tekst maakt niet duidelijk welke inhoud wordt beschreven in deze kop. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het mogelijk om de koppenstructuur op te vragen en op die manier te navigeren, daarom is het belangrijk dat elke kop de bijbehorende content goed beschrijft. Los dit bijvoorbeeld op door de tekst die bij het cijfer staat ('Kiesgerechtigden') als kop op te maken, en de content die hierdoor beschreven wordt ('1068') niet als kop maar als gewone tekst op te maken. Zie succescriterium 1.3.1.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 27: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgemaakt door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet de landcode van de taal bevatten, in dit geval 'lang="nl"'.
Ditzelfde geldt voor pagina https://verkiezingen.sudwestfryslan.nl/html/.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 28: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Zowel de tekst in deze titel, als de tekst die verschijnt wanneer op de knop gedrukt wordt (een link met daarnaast de tekst 'contributors') is Engelstalig. Omdat de taal van de pagina Nederlands is, kan deze tekst het best vervangen worden door Nederlandstalige tekst.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 29: Op pagina https://verkiezingen.sudwestfryslan.nl/TK2023/ staat bovenaan de pagina het logo van Gemeente Súdwest-Fryslân. Deze is opgemaakt als link. De link heeft geen toegankelijke linktekst, waardoor hulpsoftware zoals een screenreader zelf op zoek gaat naar een linktekst en een deel van de URL voorleest. Voeg een toegankelijke naam toe waaruit duidelijk wordt het het logo van Gemeente Súdwest-Fryslân te zien is en dat de link naar de homepagina van Gemeente Súdwest-Fryslân leidt. Bijvoorbeeld 'Logo Gemeente Súdwest-Fryslân, ga naar homepagina'. Zie succescriterium 1.1.1. en 2.4.4.

Bevinding 30: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# staat onder 'Verkiezing:' een uitvouwbaar menu waar een verkiezing geselecteerd kan worden. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het niet duidelijk wat hier geselecteerd kan worden, omdat het uitvouwbare menu geen naam heeft. In plaats daarvan wordt de tekst van de geselecteerde keuze voorgelezen. Visueel is op te merken dat de tekst 'Verkiezing:' erboven staat, maar dit is niet programmatisch aan het uitvouwbare menu gekoppeld. Het is een optie om de tekst 'Verkiezing:' op te maken in een label-element met het attribuut for="verkiezing_input". Op die manier heeft het select-element wel een naam. Andere oplossingen zoals het gebruik van een aria-label zijn ook mogelijk.

Bevinding 31: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. In het dialoogvenster is een afsluitknop te zien (x) waarmee het dialoogvenster afgesloten kan worden. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader krijgen voorgelezen dat zich hier een knop bevindt, maar doordat de knop geen toegankelijke naam heeft is het voor hen niet duidelijk wat de functie van de knop is. Voeg een toegankelijke naam toe, bijvoorbeeld door gebruik te maken van een aria-label.

Bevinding 32: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Deze is achteraan in de focusvolgorde te vinden. Niet alle hulpsoftware kan in elke browser een title-attribuut op een knop goed interpreteren, waardoor de knop voor sommige bezoekers geen toegankelijke naam heeft. Los dit op door op andere wijze een naam toe te voegen. Maak bijvoorbeeld gebruik van een aria-label, voeg hierin een Nederlandstalige tekst toe waaruit de functie van de knop duidelijk wordt.

Bevinding 33: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Deze is achteraan in de focusvolgorde te vinden. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het niet duidelijk of de knop is samengevouwen of opengevouwen. Los dit bijvoorbeeld op met een aria-expanded attribuut dat op het juiste moment de waarde 'true' of 'false' heeft.

Bevinding 34: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# verschijnt wanneer de focus hier naartoe wordt gebracht een blauwe knop waarop een witte letter 'i' te zien is, met titel 'Attributions'. Dit is het laatste element in de focusvolgorde. Als hierop geklikt wordt, verschijnt tekst met verschillende links. De link 'openlayers.org' is te herkennen aan een blauwe ruitvormige afbeelding. Deze link bevat geen tekst en heeft ook niet op een andere manier een naam gekregen. Deze link zonder naam voldoet niet. Los dit bijvoorbeeld op door een alt-tekst waaruit het linkdoel duidelijk wordt toe te voegen aan de afbeelding die in de link staat. Zie succescriterium 1.1.1 en 2.4.4.

Bevinding 35: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# staat rechtsonder een knop via welke een totaaloverzicht van de verkiezingsuitslagen van alle stembureaus geopend kan worden. Hierop staat een afbeelding waarop een illustratieve grafiek te zien is, met daarbij de cijfers '92/94' (als op de pagina 'Verkiezing Tweede Kamer 2021' geselecteerd is). Zowel het span-element als de afbeelding die hierin staat heeft via een title-attribuut de alternatieve tekst 'Uitslag' gekregen. Omdat het title-attribuut niet door alle hulpsoftware in elke browser goed geïnterpreteerd kan worden, heeft de knop voor sommige bezoekers geen naam. Los dit bijvoorbeeld op door het title-attribuut van de afbeelding te verwijderen en aan het span-element op andere wijze een naam toe te voegen, maak bijvoorbeeld gebruik van het aria-label of aria-labelledby attribuut. Een soortgelijk probleem komt ook voor als een andere verkiezing geselecteerd wordt. Zie succescriterium 1.1.1 en 2.1.1.

Bevinding 36: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een link van een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein'. Het dialoogvenster heeft via een aria-labelledby attribuut een naam gekregen, maar de waarde die hierbij is ingevuld verwijst niet naar een bestaand element. Daardoor heeft het dialoogvenster geen naam. Los dit bijvoorbeeld op door het aria-labelledby attribuut te koppelen aan de h2-kop 'Stembureau Waltaplein, door aan deze kop 'id="resultLargeModalLabe" toe te voegen. Een soortgelijk probleem komt ook voor wanneer het dialoogvenster van een ander stembureau geopend wordt.

Bevinding 37: Advies: Op pagina https://verkiezingen.sudwestfryslan.nl/html/# kan de bezoeker een dialoogvenster openen door op een stembureau te klikken in het menu 'Uitslagen stembureau'. Bijvoorbeeld 'Waltaplein', nadat bij 'Verkiezing:' is gekozen voor 'Verkiezing Tweede Kamer 2021'. In het dialoogvenster is een knop te zien waarop 'Percentages' staat. Het doel van de knop is mogelijk onduidelijk voor bezoekers. Omdat dit voor alle bezoekers geldt (en niet alleen voor bezoekers met een functiebeperking) wordt dit niet op toegankelijkheid afgekeurd. In HTML is ook de knop 'Aantal stemmen' te vinden, deze is op de pagina niet vindbaar. Via deze knop zouden bezoekers kunnen kiezen wat op de afbeelding weergegeven wordt, het aantal stemmen of de percentages. Maar doordat één van de knoppen niet op deze pagina te vinden is, kan het verwarring opleveren dat de andere knop er nog wel staat. De percentages zijn al te zien op de afbeelding en er gebeurt niks als de bezoekers op de knop 'Percentages' drukken. Los dit bijvoorbeeld op door beide knoppen van de pagina te verwijderen in dialoogvensters waar de bezoeker niet zelf kan kiezen wat er weergegeven wordt.

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

• Home:
  https://verkiezingen.sudwestfryslan.nl/TK2023/
• Kaart:
  https://verkiezingen.sudwestfryslan.nl/html/

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• DOM
• SVG
• ECMAScript 5

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.