Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Gemeente Krimpen aan den IJssel


Onderzoeker
Ralph, Swink; Teun, Swink
Datum
21 juni 2024
Opdrachtgever
Gemeente Krimpen aan den IJssel

Samenvatting onderzoeksresultaat

De website Gemeente Krimpen aan den IJssel voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 17 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 krimpenaandenijssel.nl is onderzocht tussen 13 mei en 20 juni 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Er is duidelijk een nadruk op toegankelijkheid geweest bij de totstandkoming van de onderzochte website. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om de website toegankelijker te maken.

Het volgende viel op:

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 Gemeente Krimpen aan den IJssel
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op krimpenaandenijssel.nl
  • Alle PDF's op krimpenaandenijssel.nl
Buiten de scope van het onderzoek valt:
  • De pagina's op komverder.krimpenaandenijssel.nl. Dit vereist een apart onderzoek.
  • De pagina's op krimpenaandenijssel.begrotingsapp.nl. Dit vereist een apart onderzoek.
  • De pagina's op krimpenaandenijssel.raadsinformatie.nl. Dit vereist een apart onderzoek.
  • De pagina's op krimpenduurzaam.nl. Dit vereist een apart onderzoek.
  • De pagina's op krimpenwijzer.nl. Dit vereist een apart onderzoek.
  • De pagina's op eloket.ijsselgemeenten.nl. Dit vereist een apart onderzoek.
  • Alle overige 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
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 12 8 0
2 Bedienbaar 12 5 0
3 Begrijpelijk 8 2 0
4 Robuust 1 2 0
Totaal 33 17 0

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 pagina https://krimpenaandenijssel.nl/breng-uw-stem-uit-op-donderdag-6-juni/ staat een afbeelding van een kaart, met een overzicht van de stembureaus. De afbeelding heeft de alt tekst 'Plattegrond met stembureaus in Krimpen aan den IJssel'. De lijst met 18 locaties heeft een toegankelijk alternatief nodig. Het advies is om dit probleem op te lossen door de locaties in HTML als lijst met naam en adres op deze pagina te plaatsen, gebruikers zijn dan niet langer afhankelijk van de kaart om de locatie van een stembureau te bepalen.

Op pagina https://krimpenaandenijssel.nl/aanslag-gemeentelijke-belastingen-in-de-brievenbus/ staat een iframe met een YouTube video. Het iframe heeft het aria-label 'YouTube-videospeler', dit alleen is niet voldoende om duidelijk te maken waarover deze video gaat. Het advies is om de paginatitel van de YouTube pagina met de video te gebruiken als aria-label voor het iframe, in dit geval is dat "Animatie WOZ-bezwaar - YouTube". Die tekst maakt duidelijk waar de content in het iframe over en maakt duidelijk dat het gaat om een video van YouTube.

Op pagina https://krimpenaandenijssel.nl/locaties/algerabrug-dicht-tijdens-nachten-van-27-28-en-29-mei/ staat een interactieve kaart met de locatie van de Algerabrug. De kaart heeft met het aria-label 'kaart' niet voldoende tekstalternatief. Het advies is hier om in het tekstalternatief aan te geven dat het gaat om een interactieve kaart van Google maps waarop de locatie van de brug is aangegeven. Het gaat om een div-element waarvan de rol door hulpsoftware beschreven wordt als "kaart" door het gebruikt van aria-roledescription. Voor hulpsoftware staat hier nu een "kaart kaart".

Op pagina https://krimpenaandenijssel.nl/nieuws/ staat onderaan paginering. Er worden hier slechts cijfers voorgelezen en de telling begint bij de opvolgende pagina. Gebruikers van schermleessoftware horen hier dus slechts 'twee link'. Dit is verwarrend. Zorg voor een goede omschrijving, zoals 'ga naar pagina twee'.

De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/03/Aansprakelijkheidsstelling_2024.pdf bevat het logo van de Gemeente Krimpen aan den IJssel. Voor dergelijke logo's geldt dat ze tenminste eenmaal van een beschrijvende tekst voorzien moeten zijn. Overige reproducties dienen dan als artefact worden getagd.

Advies: Op pagina https://krimpenaandenijssel.nl/dodenherdenking/ staat de afbeelding van tekst 'Struikel hier'. De gehele tekst op de afbeelding is tevens beschikbaar gemaakt als alt tekst en voldoet hiermee aan dit succescriterium. Wij adviseren echter om het als platte tekst aanwezig te maken op de pagina zelf, om twee redenen. Ten eerste is het niet mogelijk schermleessoftware te pauzeren bij het lezen van alt teksten, en ten tweede omdat bij bepaalde teksten zoals gedichten de zinsstructuur en nadruk op bepaalde woorden verloren gaat.


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


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: Voldoende


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: Niet aanwezig


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: Voldoende


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 pagina https://krimpenaandenijssel.nl/aanslag-gemeentelijke-belastingen-in-de-brievenbus/ wordt het strong element gebruikt voor hele teksten, bijvoorbeeld de eerste alinea. Strong is bedoeld om de nadruk te leggen op een deel van een tekst of kop, niet ter opmaak van tekst. Gebruik hiervoor bijvoorbeeld de opties die CSS biedt.

Op pagina https://krimpenaandenijssel.nl/dodenherdenking/ wordt het em-element gebruikt voor diverse gedichten. Em is (net als strong) bedoeld om nadruk te leggen op enkele woorden, niet ter opmaak van tekst. Gebruik hiervoor bijvoorbeeld blockquote en/of de opties die CSS biedt.

Op pagina https://krimpenaandenijssel.nl/dossiers/praktische-informatie-openingstijden-wisselstrook/ staat een tabel met bedieningstijden van de Algerabrug. Tijden van brugopeningen op afroep zijn met een asterisk gemarkeerd. De bijbehorende informatie is visueel meteen zichtbaar en met de tijden te corresponderen, echter is dit niet het geval voor alle gebruikers van schermleessoftware. Plaats de uitleg over de asterisk onder de caption 'Bedieningstijden', of maak deze informatie beschikbaar middels toegankelijke tooltips. Hiernaast is het zo dat de informatie in de linkerkolom iets zegt over de informatie in de andere cellen van die rij. Het is noodzakelijk om die relatie ook aan te geven. Dat kan door rijkoppen te gebruiken. Het opmaken van een td-element als th-element met het attribuut scope="row" zorgt ervoor dat die cel een relatie heeft met de cellen in de rest van die rij.

De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/02/Kadij_Belasting_Folder-A5-online.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, alternatieve tekst bij afbeeldingen vermelden en wat de leesvolgorde is aangeven. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Op pagina https://krimpenaandenijssel.nl/producten/verhuizen-en-inschrijven/ staan onder de kop "Veelgestelde vragen" uitklapbare links. Deze bevatten aria-expanded indien uitgeklapt. Dit attribuut moet tevens aanwezig zijn indien het element nog niet uitgeklapt is, zodat de bezoeker weet wat hij bij het element kan verwachten / moet doen. In de huidige staat wordt door schermleessoftware slechts voorgelezen dat het een link betreft. Het is nodig dat aria-expanded="false" op ingeklapte elementen staat. Het advies is om vna deze links knoppen te maken. Zie https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-faq/ voor meer informatie. Dit probleem doet zich voor op meermalig voor op pagina's met dergelijke uitklapfuncties.

Advies: De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/03/Aansprakelijkheidsstelling_2024.pdf betreft een formulier dat ingevuld en opgestuurd dient te worden. Een alternatief is op de website niet beschikbaar. Het advies is om dit formulier digitaal invulbaar te maken. Dat kan door de PDF interactief te maken of door dit PDF formulier te vervangen door een HTML formulier.


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 pagina https://krimpenaandenijssel.nl/nieuws/ staan nieuwsberichten. Omdat eerst de (naam van de) afbeelding en vervolgens de kop wordt voorgelezen, is het niet voor gebruikers van schermleessoftware duidelijk bij welk nieuwsbericht een afbeelding hoort. Plaats de titel voor de afbeelding in HTML, het feit dat de afbeelding en de kop in dezelfde link staan is hiervoor niet voldoende.

De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/03/Aansprakelijkheidsstelling_2024.pdf bevat de tabel 'Feiten'. Deze titel wordt echter pas na de tabel voorgelezen. Pas hier de volgorde van de tags aan zodat de informatie in de juiste volgorde wordt gepresenteerd.


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: Voldoende


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: Onvoldoende

Bevindingen: Op pagina https://krimpenaandenijssel.nl/afspraak-maken staan invoervelden voor adres die niet de juiste naam hebben. Indien een invoerveld vraagt om het adres van de gebruiker is het gebruik van autocomplete vereist. Op het moment dat dit invoerveld vraagt om de straatnaam is het gebruik van autocomplete niet vereist.


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: Voldoende


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: Voldoende


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: In de footer van iedere pagina staat de tekst 'Powered by'. Die grijsblauwe tekst (HEX #809CB6) op de donkerblauwe achtergrond (HEX #01396C) heeft te weinig contrast. Het is hier 4,0:1 waar dit minimaal 4,5:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/404 staat de witte tekst 'Oeps! Pagina kan niet worden gevonden' op een lichtblauwe achtergrond (HEX #71BCE5). Het contrast is hier 2,0:1 waar dit minimaal 3:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/404 staat de witte tekst 'Deze pagina bestaat niet. Klik hier om terug naar de homepage te gaan' op een lichtblauwe achtergrond (HEX #71BCE5). Het contrast is hier 2,0:1 waar dit minimaal 4,5:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/afspraak-maken/ staat een formulierproces. In de tweede stap dient men een geboortedatum in te vullen. Het kalenderelement bevat twee uitklapmenu's voor maanden en jaren. De keuzes bestaan hier uit witte tekst op een wit achtergrond. Het contrast is hier 1:1 waar dit minimaal 4,5:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/afspraak-maken/ staat een formulierproces. Indien in de derde controle stap de focus staat op de knop 'Afspraak bevestigen', is er sprake van donkerblauwe tekst (HEX #23527C) op een donkerblauwe achtergrond (HEX #002F87). Er is hier een contrast van 1,4:1 waar dit minimaal 4,5:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/locaties/algerabrug-dicht-tijdens-nachten-van-27-28-en-29-mei/ heeft de lichtblauwe tekst van het broodkruimelpad (HEX #1661A2) op de donkerblauwe achtergrond (HEX #01529A) te weinig contrast. Er is hier een contrast van 1,2:1 waar dit minimaal 4,5:1 behoort te zijn. Dit probleem doet zich meermalig voor op nieuwspagina's met een broodkruimelpad.

Op pagina https://krimpenaandenijssel.nl/dossiers/praktische-informatie-openingstijden-wisselstrook/ heeft de witte tekst van het broodkruimelpad op de lichtblauwe achtergrond (HEX #4D86B8) te weinig contrast. Er is hier een contrast van 3,8:1 waar dit minimaal 4,5:1 behoort te zijn. Dit probleem doet zich meermalig voor op dossierpagina's met een broodkruimelpad.

Op pagina https://krimpenaandenijssel.nl/dossiers/praktische-informatie-openingstijden-wisselstrook/ staat de beschrijving 'Bedieningstijden' boven een tabel. De grijze tekst (HEX #777777) op de witte achtergrond heeft een contrast van 4,4:1 waar dit minimaal 4,5:1 behoort te zijn.

In de PDF op https://krimpenaandenijssel.nl/app/uploads/2024/03/Aansprakelijkheidsstelling_2024.pdf staat rode tekst (HEX #FF0000) die met 4,0:1 niet voldoende contrast heeft. Het gaat om de tekst "Maak altijd een kopie van dit formulier voor uw eigen administratie!".


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: Indien men de pagina https://krimpenaandenijssel.nl/locaties/algerabrug-dicht-tijdens-nachten-van-27-28-en-29-mei/ naar 175% herschaalt, wijzigen de plaats van de achtergrondbeelden en de titel tekst op een dusdanige wijze dat de tekst niet duidelijk leesbaar is. Het contrast van die tekst wordt dan zeer laag. Dit probleem doet zich voor bij meerdere nieuwsberichten met verschillende resultaten. Op pagina's https://krimpenaandenijssel.nl/breng-uw-stem-uit-op-donderdag-6-juni/ en https://krimpenaandenijssel.nl/aanslag-gemeentelijke-belastingen-in-de-brievenbus/ wordt de hele kop van de pagina bedekt door de afbeelding.


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: Voldoende


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: Op pagina https://krimpenaandenijssel.nl/afspraak-maken/ staat een formulier. In de tweede stap van het proces dient men persoonlijke gegevens in te voeren. Bij 400% zoom in een schermafmeting van 1280x1024px staat de tekst 'Vul geboortedatum in als 'dd-mm-jjjj'. LET OP dit is ook uw afspraakkenmerk!' over de geslachtskeuze heen.


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 pagina https://krimpenaandenijssel.nl/afspraak-maken/ staat een formulier. Indien men in de tweede stap contactgegevens dient in te vullen, zijn randen van invoervelden nauwelijks zichtbaar. Er is hier sprake van een zeer lichtgrijze rand (HEX #C7C7C7) op een witte achtergrond. Het contrast is hier 1,6:1 waar dit minimaal 3:1 behoort te zijn.

Op pagina https://krimpenaandenijssel.nl/?s=zoek heeft het invoerveld "Waar kunnen we u mee helpen?" met 1,1:1 niet voldoende contrast met de lichtblauwe (HEX #E8F7FD) achtergrond.


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: Voldoende


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: Voldoende


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: Voldoende


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: Voldoende


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 pagina https://krimpenaandenijssel.nl/aanslag-gemeentelijke-belastingen-in-de-brievenbus/ staat een YouTube video. De 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. Voeg de volgende eigenschap aan de embedcode toe: '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: Voldoende


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. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen 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: De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/02/Kadij_Belasting_Folder-A5-online.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

De PDF op pagina https://krimpenaandenijssel.nl/app/uploads/2024/03/Aansprakelijkheidsstelling_2024.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.


2.4.3 Focus volgorde (Niveau A)

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: Onvoldoende

Bevindingen: Op pagina https://krimpenaandenijssel.nl/locaties/algerabrug-dicht-tijdens-nachten-van-27-28-en-29-mei/ staat een kaart van google maps. Die kaart is voor hulpsoftware aangeduid als "kaart kaart" door het gebruik van aria-label en aria-roledescription. Door het gebruik van role="region" heeft dit div-element een specifieke rol gekregen. Aangezien role="region" geen bedienbare component van de gebruikersinterface is hoort dit element ook geen toetsenbordfocus te krijgen in de standaard toetsenbord navigatie met de tabtoets. Het advies is om naast de onjuiste ARIA ook de tabindex="0" op dit element te verwijderen.


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: Voldoende


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: Voldoende


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: Voldoende


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

Bevindingen: Indien de focus staat op 'Onderwerpen' in het algemene navigatiemenu, bijvoorbeeld op pagina https://krimpenaandenijssel.nl/, is de focus niet zichtbaar. Zorg voor een duidelijke focusrand.

Op pagina https://krimpenaandenijssel.nl/ wordt één nieuwsbericht groot weergegeven. De focusrand die op die link in beeld komt staat niet goed om de link heen in Chrome en in Firefox is er op deze link helemaal geen focusrand zichtbaar. Dit probleem moet opgelost worden zodat duidelijk is op welk onderdeel de toetsenbordfocus staat. Dit type probleem komt ook voor op https://krimpenaandenijssel.nl/nieuws/.


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: Voldoende


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: Voldoende


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: Voldoende


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: Voldoende


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: Voldoende


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: Onvoldoende

Bevindingen: Op pagina https://krimpenaandenijssel.nl/dossiers/steun-oekraine/ staan anderstalige teksten, in dit geval Oekraïens. Zorg middels een taalwissel (lang="uk") dat de teksten in de correcte taal worden voorgelezen door schermleessoftware.


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: Voldoende


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: Onvoldoende

Bevindingen: Op pagina https://krimpenaandenijssel.nl/afspraak-maken/ staat een keuzelijst onder de tekst "Product". Dat span-element met role="combobox" is een instelbare component van de gebruikersinterface zoals omschreven in dit succescriterium. Het veranderen van de instelling van deze component is het kiezen van een product. Die handeling mag niet automatisch een contextwijziging zoals het verplaatsen van de toetsenbordfocus tot gevolg hebben en dat is nu wel het geval. Er zijn meerdere oplossingen mogelijk. De waarschuwing die er visueel rechts van staat, staat er in de code ook niet vóór. De waarschuwing wordt dus voor alle gebruikers niet vooraf maar achteraf gegeven, en dat is een verplicht onderdeel van de uitzondering. De waarschuwing geeft nu ook niet aan om welke component het gaat en dat gaat ook niet omdat die component nu geen naam heeft. Op pagina https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ staat meer informatie over het maken van een toegankelijke combobox met filteropties. Het advies is om helemaal geen gebruik te maken van de uitzondering. Het is beter om de gebruiker de keuze voor een product te laten bevestigen met een knop "Volgende" net zoals gedaan is na het invullen van de persoonsgegevens bij Stap 2. Het selecteren van een tijd wordt nu gedaan met een knop waardoor de eisen van dit succescriterium daar niet gelden, maar ook daar wordt het bevestigen van die instelling met een knop "Volgende" geadviseerd.


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: Voldoende


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: Voldoende


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: Voldoende


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: Voldoende


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: Voldoende


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 pagina https://krimpenaandenijssel.nl/afspraak-maken staat een element met role="combobox". Het goed toegankelijk maken van deze complexe component is niet eenvoudig, er zijn een hoop dingen waar hier rekening mee gehouden moet worden. Waaronder het gedrag van de toetsenbordfocus bij bediening en na het selecteren van een optie in de lijst. Door het gebruik van ARIA zijn er meerdere problemen met de naam en toestanden en eigenschappen van dit onderdeel. De component met role="combobox" heeft nu geen naam, het select-element dat er in de code boven staat is niet bedienbaar en voor hulpsoftware verborgen. De aria-haspopup geeft met de waarde "true" onjuiste informatie. Zie https://www.w3.org/TR/wai-aria-1.2/#aria-haspopup. Bij het openklappen en intypen van tekst blijft de toetsenbordfocus niet op de juiste plek om er voor te zorgen dat de juiste informatie beschikbaar is voor hulpsoftware. De aria-expanded blijft onterecht op true staan ook als er door het invoeren van ongeldige tekst ("q") geen suggesties meer beschikbaar zijn. De aria-activedescendant blijft op dat moment verwijzen naar de laatste geldige optie en dat klopt ook niet. Op pagina https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ staat meer informatie. Het gaat er met name om dat het invoerveld voor tekst en het element met role="combobox" één en dezelfde component van de gebruikersinterface horen te zijn.

Op pagina https://krimpenaandenijssel.nl/?s=zoek komt er een serie suggesties in beeld als de toetsenbordfocus op het invoerveld "Waar kunnen we u mee helpen?" komt te staan. De rol en toestand van het zoekveld zijn nu niet goed beschikbaar voor hulpsoftware. Het in beeld komen van de lijst met suggesties wordt niet goed gecommuniceerd aan gebruikers van hulpsoftware. Doordat die resultaten ook allemaal op deze pagina staan is het advies om deze pop-up te verwijderen en gebruikers gebruik te laten maken van de zoekpagina. Andere oplossingen zijn mogelijk.

Op https://krimpenaandenijssel.nl/producten/subsidie-verduurzamen-vves/ en andere pagina's staan uitklapbare links. Bij het laden van deze pagina zijn de links allemaal ingeklapt. Die toestand (state) is nu niet beschikbaar voor hulpsoftware. Het advies is om van deze links knoppen te maken die het attribuut aria-expanded="false" hebben tenzij het onderdeel door de gebruiker is opengeklapt.

Op pagina https://krimpenaandenijssel.nl/locaties/algerabrug-dicht-tijdens-nachten-van-27-28-en-29-mei/ staat een kaart van google maps met voor hulpsoftware de beschrijving kaart als rol. Samen met de naam is deze rol onduidelijk en daarom niet voldoende. Het gebruik van een aria-roledescription die identiek is aan de naam van dezelfde component voldoet niet. Het gebruik van aria-roledescription wordt afgeraden, omdat dit voor gebruikers van hulpsoftware vaak problemen geeft. Het feit dat deze region met tabindex="0" een bedienbare component van de gebruikersinterface lijkt te zijn maakt de huidige situatie extra verwarrend.


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: Onvoldoende

Bevindingen: Op pagina https://krimpenaandenijssel.nl/afspraak-maken staat een element met role="combobox". Bij het invoeren van een tekst als "q" komt de foutmelding "Geen resultaten gevonden" in beeld. Die tekst geld nu als statusbericht. Door de combobox goed op te maken kan het niet langer noodzakelijk zijn om deze tekst als statusbericht op te maken. Op het moment dat de focus bij het in beeld komen van deze tekst op de combobox blijft staan en het attribuut aria-expanded op dat moment van "true" naar "false" gaat geeft hulpsoftware aan dat er geen suggesties meer in beeld staan en dat is een volledig alternatief voor de tekst die in beeld komt. Andere oplossingen zijn mogelijk.

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: toegankelijkheidsrapport.swink.nl/gemeente-krimpen-aan-den-ijssel/audit/
Geprint: 2024-12-21 16:12:20 v2.4-011