Toegankelijkheidsonderzoek

Rapport:
Quickscan digitale toegankelijkheid website Lingewaard Kiest


Onderzoeker
Jules Ernst, 200 OK
Datum
22 februari 2021
Opdrachtgever
Ralph Besseling, Team Communicatie

Samenvatting onderzoeksresultaat

De website Lingewaard Kiest voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 19 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website lingewaardkiest.nl is onderzocht op 21 en 22 februari 2021. De quickscan is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen, en de grootste drempels als eerste op te lossen.

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Lingewaard Kiest
Scope van de website Alle pagina's op lingewaardkiest.nl
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 7 10 3
2 Bedienbaar 5 7 5
3 Begrijpelijk 7 1 2
4 Robuust 1 1 1
Totaal 20 19 11

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina is het logo van de gemeente Lingewaard aanwezig. Dit logo is tevens klikbaar en je kunt hiermee naar de homepage. De alt-tekst van het logo luidt "Lingewaard Kiest Logo", dit moet zijn. "Logo gemeente Lingewaard". Omdat er al 2 andere links zijn waarmee je naar de homepage kan zou ik dit logo niet klikbaar maken. Dat maakt de pagina voor toetsenbordgebruikers en screenreaders minder complex.

Op elke pagina is het logo van de website, Lingewaard kiest aanwezig. Dit logo is tevens klikbaar en je kunt hiermee naar de homepage. De alt-tekst van het logo luidt "Lingewaard kiest", beter is. "Logo Lingewaard kiest". Vul dit aan met het linkdoel, dus "Logo Lingewaard kiest, naar homepage". Laat tot slot het title-attribuut weg uit de link. Het title-attribuut wordt slecht ondersteund door screenreaders.
Zie ook SC 2.4.4

Op elke pagina is onderaan een afbeelding "STEMBUREAUS". Deze heeft een alternatieve tekst "Europees parlement". Deze tekst is geen duidelijke beschijving van de afbeelding en het linkdoel.

Op de pagina www.lingewaardkiest.nl/de-raad-stelt-zich-voor staan foto's van de raad. Deze afbeeldingen hebben geen tekstalternatief. Normaal zouden deze afbeeldingen decoratief zij, omdat de naam er als eerste onder staat. Echter op de pagina worden strepen gebruikt om het onderscheid tussen de verschillende personen te kunnen maken. Om dit ook semantisch voor elkaar te krijgen zouden de afbeeldingen als alt-tekst de naam van de persoon moeten krijgen, en zet om deze afbeeldingen een H2. Daarmee is voldoende duidelijk welke informatie bij welk persoon hoort.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Voldoende

Bevindingen: De video bevat geen gesproken woord.


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op de homepage is een video. De audiodesciptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt er constant tekst in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is. In dit succescriterium volstaat ook een volledige tekstuele beschrijving in de buurt van de video.


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Voldoende


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op de homepage is een video. De audiodesciptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt er constant tekst in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is.


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina zijn de koppen in de footer gemarkeerd met een H6. Op de homepage is de laatste kop in de content "Veelgestelde vragen" gemarkeerd met een H4. Hierdoor wordt de indruk gewekt dat alle content in de footer wordt beschreven door de H4, "Veelgestelde vragen". Om de pagina een goede structuur te geven, zouden de koppen "Stembureau" en "Veelgestelde vragen" en alle koppen in de footer een H2 moeten worden.
Soortgelijke problemen komen ook op andere pagina's voor.

Op de homepage is onder grote kop, "Lingewaard kiest. Uw stem telt!". Daaronder staat "Verkiezingen Tweede Kamer". Deze is niet goed gemarkeerd. Deze is nu opgemaakt met een lettergrootte en een b-element (vet). Dit zou een H2 moeten zijn. Even verderop staat "Elke stem telt" die op dezelfde foutieve wijze is opgemaakt; deze zou een H3 moeten zijn.

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen is onder "Welke maatregelen worden in de stembureaus genomen om het risico op verspreiding van Covid-19 klein te houden?" een opsomming aanwezig. Deze opsomming is echter niet goed gemarkeerd. Maak gebruik van het ul- en li-element om opsommingen te markeren.
Dit komt op meer plekken voor.

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen wordt onder "Ik ben niet in de gelegenheid om in gemeente Lingewaard te stemmen ..." in de tekst een stuk tekst ("de corona-maatregelen") onderstreept, waardoor de indruk wordt gewekt dat dit een hyperlink is. Gebruik een andere methode om deze tekst te benadrukken, bijvoorbeeld via het strong-element.

Op de pagina www.lingewaardkiest.nl/de-raad-stelt-zich-voor staan worden strepen gebruikt als scheiding tussen de verschillende personen. Dit is voor iemand die blind is niet duidelijk. Dit is op te lossen door om de afbeeldingen een H2-element te zetten en de afbeeldingen een alt-tekst te geven met de naam van de persoon. Zie ook: SC 1.1.1

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen wordt onder "Ik ben niet in de gelegenheid om in gemeente Lingewaard te stemmen ..." een kop gebruikt die niet als kop is opgemaakt , namelijk "Iemand machtigen". Zorg ervoor dat de juiste code in de HTML wordt gebruikt om deze koppen te markeren.
Dit komt op meer plekken in de website voor.

Op de pagina www.lingewaardkiest.nl/verkiezingsuitslag wordt een tabel gebruikt. De koppen in deze tabel zijn enkel opgemaakt met het b-element. Dat betekent dat niet duidelijk is wat de samenhang is tussen de cellen en de koppen. Markeer in tabellen op correcte wijze de koppen. Haal het het b-element weg en vervang het td-element voor een th-element.

De PDF lingewaardkiest.nl/pdf/N11_PV_EP19.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn en wat de precieze leesvolgorde is.

Het tekstbestand lingewaardkiest.nl/pdf/OSV%203-4%20telling.txt bevat visueel een stuk tekst in de vorm van een tabel. Een screenreadergebruiker kan deze tekst nooit begrijpen omdat in de tabel elke fysieke tekst regel achter elkaar wordt voorgelezen. Het is dan bijvoorbeeld niet duidelijk waar de cijfers bij horen.

Het csv-bestand is beter leesbaar, maar zorg ervoor dat de kop op de eerste regel staat. Bij openen in bijvoorbeeld Excel wordt de content dan beter begrepen.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: Op de pagina www.lingewaardkiest.nl/ is bij "Stembureaus" eerst een afbeelding en daaronder een kop zichtbaar. De volgorde in de HTML is nu niet logisch. De content zou onder de kop moeten staan, zodat het niet lijkt dat de volgende foto (bij Veel gestelde vragen) bij de kop "Stembureaus" hoort. Dus hier eerst "Stembureaus" en dan de klikbare afbeelding met "STEMBUREAU" in beeld. Visueel is deze volgorde wel toegestaan.


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Niet getest


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Niet aanwezig


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op de pagina www.lingewaardkiest.nl/veelgesteldevragen bevinden zich in de lopende tekst, bijvoorbeeld bij volmacht onder "Ik ben in het buitenland. Hoe kan ik stemmen?" hyperlinks die alleen door kleur herkenbaar zijn. Je loopt het risico dat slechtzienden en kleurblinden de links niet herkennen. Zorg dat hyperlinks in lopende tekst ook herkenbaar zijn in vorm, bijvoorbeeld onderstreept.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's is een witte tekst op een lichtblauwe achtergrond in de header van de pagina. Deze vette tekst heeft een te laag contrast. De contrastwaarde is 2,9:1 waar dit 3:1 moet zijn.

Op alle pagina's is een witte tekst op een lichtblauwe achtergrond in de footer van de pagina. Deze tekst heeft een te laag contrast. De contrastwaarde is 2,9:1 waar dit 4,5:1 moet zijn.

Op de homepage staan op enkele plaatsen een lichtblauwe tekst op een witte achtergrond (Stembureaus en Veelgestelde vragen). Deze koppen heeft een te laag contrast. De contrastwaarde is 2,9:1 waar dit 3:1 moet zijn.

Op meer pagina's wordt de combinatie lichtblauw en wit gebruikt.

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen krijgen de koppen met het +-teken ervoor bij focus een lichtblauwe tekst op een witte achtergrond. Deze koppen hebben dan een te laag contrast. De contrastwaarde is 2,9:1 waar dit 4,5:1 moet zijn.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina wordt bij een lage resolutie (bijvoorbeeld 768px) een menuknop tevoorschijn. Als je het menu opent en doornavigeert tot je uit het menu bent dan blijft het menu openstaan. Daardoor raak je op een gegeven moment kwijt waar je bent omdat je onder het menu door navigeert. Zorg ervoor dat je niet uit het menu kan navigeren tot je kiest om het menu te sluiten of een keuze maakt uit het menu. Een alternatief is dat als je het menu uit navigeert, deze automatisch sluit.


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Zie SC 1.4.4

Op elke pagina is het menu uit te klappen. Na uitklappen kan je wel door het menu navigeren maar delen van het menu blijven buiten beeld. Hier kan je niet naartoe scrollen.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina is de home-link, het witte huisje op een lichtblauwe achtergrond. Deze link heeft een te laag contrast. De contrastwaarde is 2,9:1 waar dit 3:1 moet zijn.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Niet getest


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Niet getest


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina is in het menu een link Verkiezingsuitslag. Deze is met de muis te bedienen (het menu klapt uit), maar met het toetsenbord niet. Hierdoor zijn een aantal pagina's niet direct bereikbaar via het menu voor mensen die afhankelijk zijn van een andere manier van de website bedienen dan met bijvoorbeeld een muis. Zorg dat alles bedienbaar is met toetsenbord.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Niet getest


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: Op de homepage wordt gebruik gemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Niet aanwezig


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Niet aanwezig


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina ontbreekt een mechanisme om de herhalende content 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)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: In de PDF lingewaardkiest.nl/pdf/N11_PV_EP19.pdf is een titel aanwezig, maar die is cryptisch: "N11_PV_EP19". Zorg dat het bestand een titel heeft die omschrijft waar het document over gaat. Deze moet in de eigenschappen van het PDF-document worden opgegeven


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Niet getest


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina is bovenaan de pagina een link in de vorm van een huisje om naar de homepage te gaan. Deze link heeft geen naam. Blinden en slechtzienden die gebruik maken van hulpsoftware kunnen zo niet bepalen waar de link heen gaat. Geef de link een naam waarmee duidelijk is wat het linkdoel is.

Op elke pagina is het logo van de website, Lingewaard kiest aanwezig. Dit logo is tevens klikbaar en je kunt hiermee naar de homepage. De alt-tekst van het logo luidt "Lingewaard kiest", beter is "Logo Lingewaard kiest". Vul dit aan met het linkdoel, dus "Logo Lingewaard kiest, naar homepage". Laat tot slot het title-attribuut weg uit de link. Het title-attribuut wordt slecht ondersteund door screenreaders.
Zie ook 1.1.1

Op elke pagina is rechtsonder een link om naar bovenaan de pagina te gaan. Deze link heeft geen naam. Geef de link een naam waarmee duidelijk is wat het linkdoel is.

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen komt onder
"Ik ben mijn stempas kwijt of ik heb geen stempas ontvangen. Wat kan ik nu doen?" de link "hier" voor. Het kan lastig zijn om te bepalen waar de link naartoe gaat. Geef de links een goede, unieke naam die het linkdoel omschrijft.
Dit komt op meerdere plekken voor.

Op de pagina www.lingewaardkiest.nl/europees-parlement-2019 staan links met meerdere keren als linknaam "hier". Op zich is dat in een zin geen probleem. echter de hyperlinks leiden naar een PDF.


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: Op de website zijn de pagina's slechts op één manier beschikbaar, namelijk via het menu. Hier moeten minimaal 2 manieren beschikbaar voor zijn, bijvoorbeeld een sitemap, inhoudsopgave of zoeken.


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Niet getest


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet getest


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Niet getest


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Niet aanwezig


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: In de PDF lingewaardkiest.nl/pdf/N11_PV_EP19.pdf ontbreekt een taalaanduiding van de inhoud van de document. Deze moet in de eigenschappen van het PDF-document worden opgegeven.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Niet aanwezig


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Niet aanwezig


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Niet aanwezig


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Niet getest


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Niet getest


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Niet aanwezig


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Niet aanwezig


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Niet aanwezig


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Op de pagina www.lingewaardkiest.nl/ wordt een iframe voor de YouTube-videospeler. Het is voor hulpsoftware niet mogelijk om de ‘naam’ van dit iframe te bepalen omdat het title attribuut ontbreekt bij het iframe-element. Plaats een title-attribuut op het iframe en geef dit een naam dat de inhoud beschrijft.

Op de pagina www.lingewaardkiest.nl/veelgesteldevragen zijn uitvouwbare teksten. Hiervoor moet je op de tekst klikken waar een plusteken voor staat. Deze zijn gemarkeerd met een a-element (link). Aan deze link wordt de rol button gegeven. Door de link de rol button te geven verwacht je de bedieningsfunctionaliteit van een knop. Een knop is te bedienen met de spatiebalk en Entertoets Een link alleen met de Entertoets. Door de link de rol button te geven wordt niet automatisch alle eigenschappen van een knop aan de link gegeven. Los dit op door of de "link" (nu button) ook bedienbaar te maken met Enter (dat is lastig) of direct het button-element te gebruiken in plaats van het a-element.

Op elke pagina wordt bij inzoomen een menu-knop getoond ("MENU" met 3 strepen erachter). Als je het menu opent en sluit wordt de status van het menu niet doorgegeven aan hulpsoftware. Dit is op te lossen door aria-expanded op de menu-knop te zetten en deze op true of false te zetten.

Op elke pagina komt bij een lage resolutie (bijvoorbeeld 768px) een menuknop tevoorschijn. Als je het menu opent en doornavigeert tot "Verkiezingsuitslagen" dan krijg je de mogelijkheid om een submenu te openen. Dit werkt in dit menu goed met het toetsenbord, echter als je het submenu opent en sluit wordt de status van het submenu niet doorgegeven aan hulpsoftware. Dit is op te lossen door aria-expanded op de menukeuze "Verkiezingsuitslag" te zetten en deze op true of false te zetten.


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Niet getest

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: www.toegankelijkheidscertificaat.nl/lingewaardkiest.nl/audit/
Geprint: 2024-04-19 18:41:39 v2.4-011