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

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Na afronding van het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… 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

Bevinding 2: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… bij Stap 11. Controleer je gegevens en in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/… bij Stap 8. Controleer uw gegevens.

Bevinding 3: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… bij Stap 11. Controleer je gegevens en in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/… bij Stap 5. Controleer uw gegevens.

Bevinding 4: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… bij Stap 11. Controleer je gegevens.

Bevinding 5: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/sscIntro/sscInleiding/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… 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:

• In de codelaag staan tabellen met lege TH-tags. TH-tags mogen nooit leeg zijn omdat dit koppen zijn voor andere cellen. Zorg ervoor dat de TH-tags content bevatten, of verwijder de lege tags, of verander de lege TH-tags in TD-tags.
• Bijschriften van tabellen zijn in een TD-tags geplaatst. Zorg ervoor dat bijschriften in een Caption-tag worden geplaatst.
• Koppen, zoals 'Privacy', zijn niet in een Koptag geplaatst. Hierdoor kan hulpsoftware niet aangeven wat koppen zijn. Zorg ervoor dat visuele koppen altijd in een Koptag zijn geplaatst.
• De brontag van de codelaag is een Part-tag terwijl dit een Document-tag zou moeten zijn.
• Advies: In de codelaag zijn lege P-tags geplaatst. Sommige voorleessoftware lezen deze tags voor als 'leeg'. Vermijd daarom het gebruik van lege P-tags.

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

Bevinding 7: Advies: Wanneer bezoekers op elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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

Bevinding 8: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… 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

Bevinding 9: In het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… 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: www.w3.org/tr/wcag21/.
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

Bevinding 10: Wanneer op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/….

Bevinding 11: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/….

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 12: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/….

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 14: In het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/… 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… 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

Bevinding 16: Wanneer bezoekers in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… met het toetsenbord navigeren van stap 1 naar stap 2 met de 'Volgende' knop, wordt op elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/sscIntro/…

Bevinding 17: Wanneer bezoekers met het toetsenbord over pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/….

Bevinding 18: Wanneer bezoekers op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… bij Stap 11. Controleer je gegevens en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/…

Bevinding 20: Wanneer bezoekers op pagina 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Woonsituatie bij Stap 6. Woonsituatie en in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/… bij Stap 4. Bijlagen toevoegen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 21: Wanneer bezoekers inzoomen in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/fBijlagenCapelle bij Stap 4. Bijlage toevoegen en 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

Bevinding 22: Advies: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscIdentificatie/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Vragen en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/….

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 24: Wanneer de knop 'Vorige' op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… en op elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/….

Bevinding 25: Wanneer op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/sscIntro/sscInleiding/….

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 26: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/… 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/fUittrekselBRP en 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

Bevinding 28: Op pagina 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Vragen bij Stap 4. Vragen en het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/… 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

Bevinding 29: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-required.
Dit probleem komt ook voor in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscAfronding/… (Stap 11. Controleer je gegevens).

Bevinding 30: Op pagina elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx/… (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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/… en elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/….

Bevinding 31: Op pagina 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/Verlengen bij Stap 5. Verlengen en in het formulier elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/Woonsituatie bij Stap 6. Woonsituatie.

Bevinding 32: Op pagina 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

Bevinding 33: Op pagina 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 elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx/… 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

• Bijstandsuitkering:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/sceWWBAanvraag_geenprefill.aspx
• Voorbereiding Stay-interview:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scStayInterview.aspx/sscIntro/sscInleiding/f_G_Inleiding
• Leerlingenvervoer verlengen, veranderen of stoppen:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scLeerlingvervoerChange.aspx/sscIntro/sscInleiding/f_G_Inleiding
• Aanvraag individuele inkomenstoeslag zonder bijstandsuitkering:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/IJsselgemeenten/scInkomenstoeslagZ.aspx
• Evenementenvergunning:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scEvenementenvergunning.aspx/sscIntro/sscInleiding/f_G_Inleiding
• Verhuizing doorgeven:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scVerhuizenUitgebreid.aspx/sscIntroV/sscInleiding/f_G_Inleiding
• Uittreksel BRP:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scUittrekselBRP.aspx/sscIntro/sscInleiding/f_G_Inleiding
• Who-verzoek:
  https://elokettest.ijsselgemeenten.nl/formulier/nl-NL/Capelle/scWhoVerzoek.aspx/sscIntro/sscInleiding/f_G_Inleiding

Ondersteunende technieken

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

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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