Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Krimpen aan den IJssel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Krimpen aan den IJssel
Datum 21 juni 2024
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

Uitgebreide toetsresultaten

Aantal bevindingen: 42

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: 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.

Bevinding 2: 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.

Bevinding 3: 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".

Bevinding 4: 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'.

Bevinding 5: 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.

Bevinding 6: 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.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: 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.

Bevinding 8: 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.

Bevinding 9: 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.

Bevinding 10: 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.

Bevinding 11: 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.

Bevinding 12: 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)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 13: 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.

Bevinding 14: 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.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 15: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 16: 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.

Bevinding 17: 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.

Bevinding 18: 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.

Bevinding 19: 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.

Bevinding 20: 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.

Bevinding 21: 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.

Bevinding 22: 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.

Bevinding 23: 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.

Bevinding 24: 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)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 25: 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.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 26: 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)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 27: 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.

Bevinding 28: 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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 29: 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.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 30: 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)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 31: 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.

Bevinding 32: 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)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 33: 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.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 34: 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.

Bevinding 35: 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/.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 36: 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.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 37: 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.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 38: 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.

Bevinding 39: 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.

Bevinding 40: 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.

Bevinding 41: 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)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 42: 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

Bronnen

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

Geprint: 2024-12-22 02:56:18 v2.4-011