Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid formulieren Capelle aan den IJssel en IJsselgemeenten

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Formulieren Capelle aan den IJssel en IJsselgemeenten
Datum 5 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • 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: 33

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: Na afronding van het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding kunnen bezoekers het ingevulde formulier opslaan als PDF. Omdat er geen ander digitaal middel is waarmee het formulier kan worden opgeslagen, moet de PDF toegankelijk zijn. In de PDF staat een afbeelding van het logo van de gemeente Capelle aan den IJssel. Deze afbeelding heeft de alternatieve tekst 'Image'. Dit omschrijft de afbeelding niet. Zorg ervoor dat deze afbeelding een alternatieve tekst krijgt die minstens de organisatienaam bevat.
Dit toegankelijkheidsprobleem komt voor in alle PDF's die gedownload kunnen worden na het invullen van een formulier.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Samenvatting (Stap 10. Controleer uw gegevens) staan verschillende tabellen. Sommige rijen in deze tabellen zijn verborgen voor hulpsoftware doordat het attribuut aria-hidden=true op het tr-element is geplaatst. Hierdoor wordt de content van deze tabelrijen niet voorgelezen voor voorleessoftware. Zorg ervoor dat content niet voorborgen wordt voor hulpsoftware. Een mogelijke oplossing voor dit probleem is het verwijderen van het aria-hidden attribuut.
Dit probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 11. Controleer je gegevens en in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/sscInleiding/f_G_Inleiding bij Stap 8. Controleer uw gegevens.

Bevinding 3: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Samenvatting (Stap 10. Controleer uw gegevens) staan verschillende tabellen die een bijschrift hebben, bijvoorbeeld 'Algemeen' of 'Persoonsgegevens'. Deze bijschriften zijn geplaatst in een td-element binnen het table-element en zijn hierdoor onderdeel van de tabel. Dit is niet de juiste opmaak van een bijschrift. Zorg ervoor dat de bijschriften correct worden opgemaakt met een caption-element, of plaatst de content buiten de tabel en maak deze op met een kop-element.
Dit probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 11. Controleer je gegevens en in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 5. Controleer uw gegevens.

Bevinding 4: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Samenvatting (Stap 10. Controleer uw gegevens) staan tabellen die lege th-elementen bevatten. Deze th-elementen hebben wel een toegankelijke naam gekregen via een aria-label, maar dit is geen correcte opmaak van een tabel. Zorg ervoor dat de th-elementen content bevatten. Een mogelijke oplossing voor dit probleem is om de waarde van de aria-label als visueel verbogen content in de th-elementen te plaatsen.
Dit probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 11. Controleer je gegevens.

Bevinding 5: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/sscIntro/sscInleiding/f_G_Inleiding (Stap 1. Voor u begint) staat onder 'Betalen' een opsomming die in de code niet is opgemaakt als lijst met het ul-element en li-elementen. Hierdoor kan hulpsoftware niet aangegeven dat hier een lijst staat. Zorg ervoor dat de opsomming wordt opgemaakt met een ul-element.

Bevinding 6: Na afronding van het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding kunnen bezoekers het ingevulde formulier opslaan als PDF. Omdat er geen ander digitaal middel is waarmee het formulier kan worden opgeslagen, moet deze PDF toegankelijk zijn. De volgende toegankelijkheidsproblemen zijn gevonden in deze PDF:

Deze toegankelijkheidsproblemen komen voor in alle PDF's die gedownload kunnen worden na het invullen van het formulier.

Bevinding 7: Advies: Wanneer bezoekers op https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) hun persoonsgegevens moeten invullen staan stukken tekst tussen de formuliervelden, zoals de tekst 'Het BSN staat bijvoorbeeld in het paspoort, ID kaart of rijbewijs'. Wanneer screenreadergebuikers een formulier invullen zitten zij in de Focus mode van hun screenreader. Hierdoor zijn stukken tekst tussen formuliervelden minder goed bereikbaar tenzij deze teksten gekoppeld zijn aan formuliervelden. Het is daarom beter om de teksten te koppelen aan de bijbehorende formuliervelden met aria-describedby of een soortgelijke methode.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Inleiding staat een verwijzing 'Sla het formulier (Button ‘Opslaan’ bovenin) op als u begint met invullen'. Deze verwijzing spreekt over de knop 'Opslaan' terwijl de knop in werkelijkheid de toegankelijke en visuele naam 'Later hervatten' heeft. Hierdoor weten sommige bezoekers de knop niet te vinden. Zorg ervoor dat verwezen wordt naar de werkelijke (toegankelijke) naam van de knop.

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 9: In het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Inleiding moeten bezoekers op verschillende momenten hun eigen gegevens invoeren, zoals een achternaam of e-mailadres. Bij deze en andere invoervelden moet het doel van de input programmatisch te bepalen zijn zodat het veld automatisch kan worden ingevuld. Gebruik daarom het autocomplete-attribuut op het input-element van deze velden. Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.
Dit probleem komt ook voor in andere formulieren.

1.4 Onderscheidbaar

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 10: Wanneer op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Inleiding met het toetsenbord focus wordt geplaatst op de knop 'Volgende', wordt dit aangegeven met een grijze focusrand (HEX #525248) in de knop. Op de blauwe achtergrond van de knop (HEX #0076BF) heeft deze focusrand onvoldoende contrast. De contrastverhouding is hier 1,6:1, waar dat minimaal 3:1 moet zijn.
Dit contrastprobleem komt meerdere keren voor in dit formulier en in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/sscInleiding/f_G_Inleiding.

Bevinding 11: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding staat de knop 'Volgende'. Als deze knop focus heeft wordt dit aangegeven met een grijze focusrand (HEX #525248). Het contrast van deze focusrand op de blauwe achtergrond van de knop (HEX #004178) is te laag. De contrastverhouding is hier 1,3:1, waar dat minimaal 3:1 moet zijn.
Dit contrastprobleem komt bij de 'Volgende' knop meerdere keren voor in het formulier en in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) staat een knop achter het invoerveld 'Geboortedatum'. Deze knop is te bedienen met de muisaanwijzer en laat aanvullende content zien. Met het toetsenbord is het mogelijk om focus te plaatsen op deze knop, maar het is niet mogelijk om de aanvullende content zichtbaar te maken met het toetsenbord. Wanneer toetsenbordgebruikers focus plaatsen op deze knop en op de Entertoets drukken, wordt het formulier verzonden. Zorg ervoor dat de knop dezelfde actie uitvoert voor toetsenbordgebruikers als voor bezoekers die de muisaanwijzer gebruiken.

Bevinding 13: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/sscIdentificatie/f_G_InloggenKeuze (Stap 2. Inloggen) kunnen bezoekers één van de twee opties selecteren: 'DigiD' of 'Zelf gegevens invullen'. Beide opties zijn aan te klikken met de muisaanwijzer, maar met het toetsenbord is het niet mogelijk om focus te plaatsen op de opties om deze te bedienen. Mogelijk komt dit doordat de elementen zijn opgemaakt met input-elementen waarop via CSS display: none; is geplaatst. Zorg ervoor dat deze elementen bedienbaar zijn met het toetsenbord.
Deze knoppen die niet te bedienen zijn met het toetsenbord komen ook voor in ander formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/sscInleiding/f_G_Inleiding.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 14: In het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/sscInleiding/f_G_Inleiding heeft elke stap een eigen pagina. Al deze pagina's hebben de paginatitel 'Leerlingenvervoer verlengen, veranderen of stoppen', hierdoor is het voor bepaalde bezoekers lastig om de pagina's van elkaar te onderscheiden. Zorg ervoor dat elke pagina een unieke paginatitel heeft, bijvoorbeeld door de naam van de stap toe te voegen aan de paginatitel.

Bevinding 15: Na afronding van het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding kunnen bezoekers het ingevulde formulier opslaan als PDF. Omdat er geen ander digitaal middel is om het formulier op te slaan moet deze PDF toegankelijk zijn. De PDF heeft de documenttitel 'Voorbereiding stay-interview' maar deze wordt niet getoond bij het openen van het document. Zorg ervoor dat de documenttitel wordt getoond bij openen van de PDF en niet de bestandsnaam. Dit kan worden aangegeven bij de documenteigenschappen onder 'Weergave bij openen'.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bezoekers in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Inleiding met het toetsenbord navigeren van stap 1 naar stap 2 met de 'Volgende' knop, wordt op https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (stap 2. Algemeen) de toetsenbordfocus automatisch op het eerste selectievakje op de pagina geplaatst. Hierdoor missen bezoekers die het scherm niet kunnen zien mogelijk de informatie dat boven het selectievakje staat. Zorg ervoor dat wanneer een nieuwe pagina laadt de toetsenbordfocus bovenaan deze pagina begint.
Dit probleem komt voor bij alle stappen in dit formulier, bijvoorbeeld bij de stap 10. Controleer uw gegevens waar de focus wordt geplaatst op de knop 'Volgende', en bij andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/sscInleiding/f_G_Inleiding

Bevinding 17: Wanneer bezoekers met het toetsenbord over pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) navigeren, loopt de focus volgorde niet correct over de pagina. De link 'Voor u begint' krijgt focus na de knop 'Volgende', terwijl de verwachting is dat deze link focus krijgt na de link 'Later hervatten'. Zorg ervoor dat de focus volgorde de leesvolgorde van de pagina aanhoudt zodat ziende toetsenbordgebruikers kunnen voorspelen wanneer een element focus krijgt.
Een soortgelijk probleem komt ook voor bij andere stappen in dit formulier en in andere formulieren, bijvoorbeeld het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/sscInleiding/f_G_Inleiding.

Bevinding 18: Wanneer bezoekers op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Woonsituatie (Stap 3. Woonsituatie) gegevens invoeren, kunnen nieuwe invoervelden op de pagina verschijnen nadat de bezoeker de knop 'Volgende' heeft geactiveerd. Wanneer deze nieuwe invoervelden op de pagina staan wordt de toetsenbordfocus hierop geplaatst. Niet altijd verschijnt alleen een invoerveld en een bijbehorend label op de pagina, soms verschijnen er ook stukken tekst met uitleg boven het invoerveld. Screenreaders lezen deze stukken tekst niet voor omdat focus wordt geplaatst op het invoerveld. Zorg ervoor dat wanneer teksten verschijnen op de pagina dit kan worden opgemerkt door screenreaders. Dat kan bijvoorbeeld door de toetsenbordfocus te plaatsen op deze teksten of door de teksten met uitleg aan het invoerveld te koppelen, bijvoorbeeld met aria-describedby.

Bevinding 19: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Samenvatting (Stap 10. Controleer uw gegevens) staan verschillende tabellen waarop het attribuut tabindex=0 is geplaatst. Hierdoor is het voor toetsenbordgebruikers mogelijk om focus te plaatsen op deze tabellen, terwijl dit geen interactieve elementen zijn. Dit kan verwarrend zijn voor verschillende toetsenbordgebruikers, zij verwachten dat alleen bedienbare elementen focus kunnen krijgen. Zorg ervoor dat het niet meer mogelijk is om focus te plaatsen op deze tabellen, bijvoorbeeld door het tabindex attribuut te verwijderen.
Dit probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 11. Controleer je gegevens en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding

Bevinding 20: Wanneer bezoekers op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/Verlengen (Stap 5. Verlengen) een bestand uploaden, verschijnt er een tabel op de pagina waarin de bestandnaam wordt getoond. Voor toetsenbordgebruikers is het mogelijk om focus te plaatsen op elke cel in deze tabel doordat deze cellen het attribuut tabindex=0 hebben. Deze tabelcellen zijn geen interactieve elementen en zijn niet te bedienen met het toetsenbord, daarom is het verwarrend dat deze elementen focus krijgen. Zorg ervoor dat de tabelcellen geen focus kunnen krijgen, bijvoorbeeld door het attribuut tabindex=0 te verwijderen.
Dit probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Woonsituatie bij Stap 6. Woonsituatie en in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/f_G_Inleiding bij Stap 4. Bijlagen toevoegen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 21: Wanneer bezoekers inzoomen in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding verandert het subnavigatiemenu in een lijst met knoppen naar de volgende en vorige stap. Bij Stap 2. Jouw gegevens in het formulier heeft de link naar de vorige stap de toegankelijke naam 'Ga naar vorige stap 6' terwijl de link terug verwijst naar stap 1. Dit kan verwarrend zijn voor screenreadergebruikers. Zorg ervoor dat de toegankelijke naam van de link het linkdoel goed omschrijft.
Dit probleem komt voor bij meerdere stappen in dit formulier en in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/fBijlagenCapelle bij Stap 4. Bijlage toevoegen en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/Verlengen bij Stap 5. Verlengen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 22: Advies: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscIdentificatie/sscHandmatig/f_G_HandmatigeInvoer (Stap 2. Jouw gegevens) kunnen na het invoeren van gegevens meerdere 'Wijzigen' knoppen op de pagina staan. Voor bezoekers is het mogelijk niet helemaal duidelijk welke gegevens zij gaan wijzigen wanneer zij de knop activeren, bijvoorbeeld als zij het scherm niet kunnen zien. Het is daarom beter om de toegankelijke naam van de knop aan te vullen met de kop van het onderdeel dat met de knop wordt gewijzigd, als hier een kop bij staat.

Bevinding 23: Advies: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) kunnen bezoekers hun geboortedatum invullen. In dit invoerveld staat een knop voor een datumkiezer, deze knop heeft geen goede toegankelijke naam, de toegankelijke naam is namelijk '...'. Omdat de datumkiezer niet de enige manier is om een datum te selecteren voor het invoerveld, bezoekers kunnen namelijk ook een datum handmatig invoeren, hoeft deze knop niet toegankelijk te zijn. Toch is het beter als deze een een goede toegankelijke naam krijgt, dan kunnen bezoekers die gebruikmaken van hulpsoftware ook weten waar deze knop voor dient.
Deze knop komt voor in meerdere velden waar bezoekers een datum moeten invoeren, bijvoorbeeld ook in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Vragen en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 24: Wanneer de knop 'Vorige' op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) focus krijgt is dit niet zichtbaar. De focus wordt hier niet aangegeven met een visuele indicator. Hierdoor weten ziende toetsenbordgebruikers niet dat dit element focus heeft. Zorg ervoor dat de focus op de knop wordt aangegeven met een visuele indicator, bijvoorbeeld door een focusrand te gebruiken.
Bij andere stappen in dit formulier heeft de 'Vorige' knop ook geen zichtbare focus. Dit komt ook voor bij andere formulieren, bijvoorbeeld op https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding en op https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding.

Bevinding 25: Wanneer op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) bijvoorbeeld de vraag 'Doet u een aanvraag voor uzelf?' is ingevuld, verschijnt de knop 'Wijzig'. Wanneer focus is geplaatst op deze knop is dat niet zichtbaar. Hierdoor weten ziende toetsenbordgebruikers niet dat dit element focus heeft. Zorg ervoor dat focus altijd wordt aangegeven met een visuele indicator, bijvoorbeeld een focusrand.
Deze knop komt meerdere keren in dit en andere formulieren voor, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/sscIntro/sscInleiding/f_G_Inleiding.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Samenvatting (Stap 10. Controleer uw gegvens) staat onderaan de pagina de knop 'Verzenden'. De toegankelijke naam van deze knop is 'Volgende stap'. Doordat het visuele label en de toegankelijke naam van de knop niet overeenkomen is de knop moeilijk te bedienen voor bezoekers die gebruikmaken van hulpsoftware, zoals spraakbediening. Zorg ervoor dat het visuele label van de knop (Verzenden) voorkomt in de toegankelijke naam, het liefst vooraan.

Bevinding 27: Advies: In het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/sscInleiding/f_G_Inleiding staat het subnavigatiemenu 'Formulierstappen'. In het formulier zijn de voorgaande stappen links naar deze pagina's. Via het aria-label hebben deze links een toegankelijke aam gekregen. Wanneer je bij Stap 7. Nieuwe woonsituatie in het formulier bent heeft bijvoorbeeld de link 'Keuze gezinsleden' de toegankelijke naam 'Stap 12 van 17 (Keuze gezinsleden)' gekregen. De toegankelijke naam via het aria-label voor deze links is overbodig en geeft bezoekers ook verkeerde informatie door, het aantal stappen klopt namelijk niet. Het is daarom beter om het aria-label op deze links te verwijderen.
Dit komt voor in meerdere formulieren, bijvoorbeeld ook in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/fUittrekselBRP en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/Hoe.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/Veranderen (Stap 6. Veranderen) kunnen bezoekers een geboortedatum invullen bij het veld 'Geboortedatum kind'. Wanneer bezoekers een verkeerd format invullen verschijnt de foutmelding 'Ongeldige waarde. Geboortedatum mag niet in de toekomst liggen'. Wanneer bezoekers zich verplicht moeten houden aan een bepaald format bij het invullen van een invoerveld, moet dit format zijn aangegeven in de foutmelding of het label. Zorg ervoor dat in bijvoorbeeld de foutmelding wordt aangegeven hoe bezoekers het veld goed kunnen invullen, dat kan hier door een voorbeeld van het format te tonen in de foutmelding.
Een soortgelijk probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Vragen bij Stap 4. Vragen en het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/sscInleiding/f_G_Inleiding bij Stap 7. Nieuwe woonsituatie.

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 29: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/UwGegevens (Stap 2. Algemeen) wordt gebruik gemaakt van het attribuut aria-required=true op een span-element zonder rol. Het aria-required attribuut mag alleen op bepaalde elementen worden gebruikt, zoals invoervelden en selectievakjes. Zorg ervoor dat het attribuut correct wordt gebruikt. Een mogelijk oplossing voor het probleem is om het attribuut te verwijderen van het span-element. Lees meer over het attribuut aria-required op https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-required.
Dit probleem komt ook voor in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscAfronding/f_G_Samenvatting (Stap 11. Controleer je gegevens).

Bevinding 30: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/Woonsituatie (Stap 3. Woonsituatie) staat een uitklapbare knop zonder toegankelijke naam. Hierdoor weten bezoekers die gebruikmaken van hulpsoftware niet wat deze knop doet. Zorg ervoor dat de knop een goede toegankelijke naam krijgt.
Deze knop komt ook voor bij andere stappen in dit formulier, bijvoorbeeld bij stap 4. Reden aanvraag, en in andere formulieren zoals https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding en https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/f_G_Inleiding.

Bevinding 31: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/Toekomst (Stap 10. Toekomst) staat een invoerveld dat invulbaar wordt als bezoekers het keuzerondje 'Anders, namelijk' hebben geselecteerd. Dit invoerveld heeft geen toegankelijke naam. Zorg ervoor dat het invoerveld de toegankelijke naam 'Anders, namelijk' krijgt, bijvoorbeeld door gebruik te maken van aria-label.
Een soortgelijk probleem komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/Verlengen bij Stap 5. Verlengen en in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Woonsituatie bij Stap 6. Woonsituatie.

Bevinding 32: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/EtenenDrinken (Stap 6. Eten en drinken) kunnen bezoekers bij invoervelden de tijd van en tijd tot invoeren. Deze invoervelden hebben geen toegankelijke naam omdat ze niet zijn gekoppeld aan het bijbehorende label. Zorg ervoor dat deze invoervelden een toegankelijke naam krijgen. Het beste is om hier gebruik te maken van een aria-label om de velden een toegankelijke naam te geven, omdat het bijbehorende label een label kan zijn voor meerdere invoerveldvelden.
Deze invoervelden komen voor bij meerdere stappen in dit formulier.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/Verwachtingen (Stap 4. Verwachtingen) staan twee invoervelden waar bezoekers maar een bepaald aantal karakters kunnen invullen. Onder de invoervelden wordt aangegeven hoeveel karakters al zijn ingevuld bij dit veld en deze informatie veranderd wanneer bezoekers iets typen in het veld. Deze informatie wordt niet opgemerkt door voorleessoftware. Hierdoor kunnen bezoekers die het scherm niet kunnen zien niet weten hoeveel karakters zij (nog) kunnen invoeren in de velden. Zorg ervoor dat wanneer informatie op de pagina verschijnt dit wordt opgemerkt door hulpsoftware, bijvoorbeeld door een Aria-live region te gebruiken.
Dit komt ook voor in andere formulieren, bijvoorbeeld in het formulier https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/AanvullendeInformatie bij Stap 12. Aanvullende informatie.

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-11-22 19:55:50 v2.4-011