Audit digitale toegankelijkheid website formulier.amersfoort.nl

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW staat in stap 8 het veld “Wanneer verwacht u weer in de kosten van uw eigen levensonderhoud te kunnen voorzien?”. Bij dit veld staat een knop om een kalender te openen. De alternatieve tekst van het pictogram is “...”, wat niet (correct) wordt aangekondigd door hulpsoftware. Wanneer een knop uitsluitend uit een afbeelding bestaat, moet de alternatieve tekst van de afbeelding de functie van de knop beschrijven. Voeg een beschrijvend tekstalternatief toe aan het icoon of gebruik een aria-label op de knop om de functie te beschrijven, bijvoorbeeld "Datumkiezer bekijken”.
Hetzelfde probleem komt voor op andere pagina’s met dezelfde knop, bijvoorbeeld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scTerugbelformulier.aspx/fTerugbelformulierVerzoek naast het veld “Datum”, op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZAanvraag, in stap 8, naast het veld “Wanneer verwacht u weer in de kosten van uw eigen levensonderhoud te kunnen voorzien?” en op andere stappen en pagina’s.

Bevindingen: Op alle pagina’s bevinden zich in de header knoppen die een dialoogvenster met een formulier openen, bijvoorbeeld de knop “Open”. In deze formulieren verschijnt bij het invoeren van onjuiste gegevens een foutmelding, bijvoorbeeld: “Ongeldige waarde. Vul alstublieft het gekozen wachtwoord in.” De tekst “Ongeldige waarde” is echter onjuist gemarkeerd met het element <strong> in plaats van met een kopelement. Het element <strong> is niet bedoeld om koppen te markeren. Dit moet altijd gebeuren met een kopelement, zoals <h2>. Koppen structureren de tekst en maken het voor hulpsoftware mogelijk de inhoud te begrijpen. Alleen wanneer deze teksten als kop zijn gemarkeerd met een kopelement, kan de structuur correct worden geïnterpreteerd. Daarnaast is deze tekst verborgen voor schermlezers door het gebruik van aria-hidden="true". Dit attribuut zorgt ervoor dat de inhoud niet wordt voorgelezen door schermlezers. Gebruik dit daarom niet bij informatieve elementen, zoals foutmeldingen. Hetzelfde probleem komt voor in andere formulieren op de website. Zie het invoerveld op pagina: https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scParam.aspx/fMailadresDomain.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie is de tekst “Inleiding” niet als kop gemarkeerd. Bezoekers die hulpsoftware gebruiken, kunnen geen gebruik maken van een tekst die er visueel uitziet als kop maar in de HTML-code niet als kopelement is opgenomen. Hulpsoftware maakt gebruik van de koppenstructuur van een pagina om snel een overzicht van de inhoud te krijgen of om direct naar een specifiek onderdeel te navigeren. Dit werkt alleen wanneer de kop daadwerkelijk met een HTML-element voor koppen is gemarkeerd. Wanneer koppen uitsluitend visueel zijn opgemaakt, bijvoorbeeld door tekst vet te zetten, wijkt de structuur in de code af van de visuele structuur. Dit belemmert de toegankelijkheid. Het probleem kan worden voorkomen door koppen altijd te markeren met het juiste HTML-element op het juiste niveau, zoals h1, h2, h3, h4, h5 of h6. In de meeste gevallen kan dit kopniveau eenvoudig worden ingesteld via de contenteditor in het CMS, waarna de correcte HTML automatisch wordt toegevoegd. Hetzelfde probleem komt ook voor op de pagina’s https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scStudietoeslag.aspx/scIntroductie/fIntroductie en https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scWitgoedRegeling.aspx/scIntroductie/fIntroductie bij “Inleiding” en eveneens in stap 2 bij “Aanmelden met DigiD”, op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding bij “GeldCheck033” en “Wat heeft u nodig?” in stap 2, “Uw resultaat” en “Kwijtschelding Gemeentelijke Belastingen” in stap 6. Ook op andere pagina’s van de website doet dit probleem zich voor.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie verschijnt in stap 2 na het selecteren van een keuzerondje, zoals "Geldzorgen bespreekbaar maken", een tekstblok met meerdere alinea's. Dit tekstblok is in de code onjuist gemarkeerd als één div-element. Visueel bestaat dit blok dus uit meerdere alinea’s die door witruimte van elkaar zijn gescheiden. Deze visuele structuur moet ook correct worden doorgevoerd in de code. Elke alinea hoort in een afzonderlijk p-element te worden geplaatst, zodat het aantal p-elementen in de code overeenkomt met het aantal visuele alinea’s. Hetzelfde probleem doet zich voor op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scVrijstellingInschrijvingsplicht.aspx/scIntroductie/fIntroductie bij de tekst “Een jongere is leerplichtig … bereikbaar is”, op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding bij de tekst “Bij een laag inkomen … ongeveer vijf minuten” en andere.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie verschijnen in stap 2, “Trainingsaanbod”, na het selecteren van een keuzerondje, bijvoorbeeld “Geldzorgen bespreekbaar maken”, de teksten “Voor wie?” en “Door wie?”. Deze teksten zijn niet als kop gemarkeerd. Bezoekers die gebruikmaken van hulpsoftware kunnen daardoor niet eenvoudig naar deze onderdelen navigeren. Koppen moeten altijd worden gemarkeerd met het juiste HTML-element, zodat de structuur van de pagina ook voor hulpsoftware beschikbaar is. Alleen op die manier kan de inhoud op een toegankelijke manier worden gepresenteerd. Hetzelfde probleem doet zich voor op de pagina’s https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scTerugbelformulier.aspx/fTerugbelformulierVerzoek in de laatste stap bij de teksten “Afsluiten” en “Contact”, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie in stap 5 (Controleren), bij tekst “Controleren”, in stap 6 (Afronden) bij de teksten “Afsluiten” en “Contact”. Ook op andere pagina’s van de website komt dit probleem voor.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scEvenementenAanvraag.aspx/scIntroductie/fIntroductie verschijnt na het aanklikken van het keuzerondje “Als persoon” de tekst “Aanmelden met DigiD”. Deze tekst is niet als kop gemarkeerd. Hetzelfde probleem doet zich voor na het aanklikken van het keuzerondje “Namens een bedrijf / stichting / instelling / vereniging”, waar de tekst “Aanmelden met eHerkenning” wordt getoond. Zie ook op pagina’s https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scBVZStarter.aspx/scIntroductie/fIntroductie, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scVrijstellingInschrijvingsplicht.aspx/scIntroductie/fIntroductie in stap 2 bij de tekst “Aanmelden met DigiD”. Dit probleem komt daarnaast ook op andere pagina’s van de website voor.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW staat in stap 1 een knop met een vraagteken-icoon die extra informatie opent. Deze inhoud bevat een opsomming van zes items, maar de opsomming is in de HTML-code niet als lijst gemarkeerd. Tekst die visueel wordt gepresenteerd als een lijst moet ook in de code als lijst zijn opgenomen met een ul- of ol-element. Op die manier wordt de structuur van de informatie beschikbaar gemaakt voor hulpsoftware. Schermlezers kunnen dan vooraf aangeven dat het om een lijst gaat en hoeveel items deze bevat, zodat bezoekers met een visuele beperking weten wat zij kunnen verwachten. Hetzelfde probleem doet zich voor in de extra informatie die wordt geopend via dezelfde knoppen op dezelfde pagina, in stap 2 naast de vraag “Wat zijn uw woonkosten per maand?” en in stap 7 naast de vraag “Hebt u inkomsten naast uw bedrijf?”.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW staan in stap 9 (Bijlage) meerdere lijsten onder de koppen “Wonen”, “Zakelijk vermogen” en andere. De lijstitems zijn opgenomen in div-elementen, wat in strijd is met de HTML-specificaties. Zorg ervoor dat alle li-elementen zijn opgenomen binnen een ul- of ol-element.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx, in stap 6, is een groep selectievakjes aanwezig, voorafgegaan door de tekst “Vul in welke privébezittingen u hebt”. Hoewel deze visueel gegroepeerd zijn, is deze relatie niet programmatisch vastgelegd in de HTML. Visueel vormen deze elementen een groep, maar die relatie is niet vastgelegd in de code. Dit kan worden opgelost door de elementen in een fieldset-element te plaatsen. Een fieldset met interactieve inhoud moet een naam hebben. Hiervoor kan het legend-element worden gebruikt. Plaats hierin de tekst “Vul in welke privébezittingen u hebt”.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaCheckAmersfoort staat een instructie "Als er een vraagteken in een cirkel staat, dan kunt u hier op klikken voor extra uitleg". Deze instructie verwijst naar een visueel symbool zonder tekstalternatief. Hierdoor kunnen bezoekers die schermlezers gebruiken dit symbool niet vinden. Verwijzen naar een visueel symbool of een locatie is voor veel bezoekers niet toegankelijk. Geef een tekstalternatief voor het symbool zelf of pas de instructie aan zodat de locatie op een andere manier wordt beschreven dan alleen met visuele aanwijzingen.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie, in stap 1, wanneer bij de vraag “Wat is jouw band met de persoon namens wie je deze melding doet?” het antwoord “Ik ben kennis, vriend of familie” wordt geselecteerd, wordt een formulier geopend met invoervelden. Sommige velden verzamelen persoonsgegevens (bijvoorbeeld voornamen, achternaam, telefoonnummer, e-mail en andere), maar hebben het autocomplete-attribuut met een onjuiste waarde: “on”. Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut met de juiste waarde hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie moet worden ingevuld.
Op deze pagina staat meer informatie over autocomplete en welke waarden verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW, in stap 1, staat een formulier met vergelijkbare invoervelden (achternaam, telefoon, e-mail) die ook persoonsgegevens verzamelen, maar waarin autocomplete-attributen ontbreken. Voorzie deze velden van autocomplete-attributen met de juiste waarden. Hetzelfde probleem doet zich voor in stap 2 wanneer bij de vraag “Hebt u medebewoners?” “Ja” wordt geselecteerd. Hetzelfde probleem komt ook voor in andere stappen van deze pagina, bijvoorbeeld in stap 3, op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scTerugbelformulier.aspx/fTerugbelformulierVerzoek bij de velden “Naam” en “Telefoonnummer”, en op andere pagina’s.

Bevindingen: Wanneer pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie op een klein scherm wordt bekeken, worden de formulierstappen weergegeven in kleurrijke pijlen. De huidige stap heeft grijze tekst (#333333), bijvoorbeeld “Inleiding”, op een oranje achtergrond (#D24800). De kleurcontrastverhouding is onvoldoende: 2,8:1. Omdat deze tekst tussen 19 en 24 px is en vetgedrukt, moet het contrast minimaal 3,0:1 zijn. Zie ook pagina’s https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding en andere.

Wanneer pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie op een klein scherm wordt bekeken, heeft ook de tekst van de stappen onvoldoende contrast. De vorige stap heeft paarse tekst (#884488) op een lichtgrijze achtergrond (#BECDC3) met een contrastverhouding van 3,9:1. De overige stappen hebben grijze tekst (#767676) op dezelfde achtergrond met een contrastverhouding van 2,7:1. Beide waarden liggen onder de vereiste minimale contrastverhouding van 4,5:1 voor tekst kleiner dan 19 px en niet vetgedrukt. Zie ook pagina’s https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding en andere.

Bevindingen: Wanneer pagina
https://formulier.amersfoort.nl/formulierenoverzicht/nl-NL/DefaultEnvironment.aspx wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, verschijnt er een scrollbalk. Horizontaal scrollen op de hele pagina is niet toegestaan, ook niet als de viewport is ingesteld of ingezoomd op 320 CSS-pixels breed (voor verticale inhoud) of 256 CSS-pixels hoog (voor horizontale inhoud). Zorg ervoor dat de tekst binnen het scherm past. Alleen als scrollen in beide richtingen echt nodig is voor de betekenis of het gebruik van de inhoud mag het wel. Uitzonderingen zijn tabellen, informatieve afbeeldingen, presentaties, video en kaarten. Deze moeten leesbaar blijven, dus binnen deze elementen mag je wel scrollen. Laat de inhoud van de pagina zich aanpassen aan de kleine schermen. Zorg ervoor dat de horizontale scroll verdwijnt.

Wanneer pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scParam.aspx/fMailadresDomain wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, worden de stappen afgekapt en deels niet volledig weergegeven, bijvoorbeeld “Opvragen p…” en “Toon param…”. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels. Hetzelfde probleem met het afkappen van stappen komt ook voor op andere pagina’s, bijvoorbeeld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie, https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding en andere.

Wanneer de website wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, overlapt op sommige pagina’s de knop “Wijzig” de onderliggende content. Zie bijvoorbeeld de teksten “Waarom wilt u uw aanvraag toch bij de gemeente Amersfoort of Leusden doen?” en “Ook inwonende kinderen gelden als medebewoner(s)” op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZWoonLeefsituatie. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Wanneer pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZInkomsten wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, is in stap 7 de tekst in het select-element onder het label “Soort inkomen:” slechts gedeeltelijk zichtbaar (bijvoorbeeld “Maak een keuze”). Zorg ervoor dat alles zichtbaar blijft, ook wanneer de pagina is ingezoomd.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scEvenementenAanvraag.aspx/scIntroductie/fIntroductie, wordt, wanneer bezoekers tekstafstand toepassen zoals beschreven in dit succescriterium, de tekst van sommige stappen onder de kop “Formulierstappen” gedeeltelijk onzichtbaar en onleesbaar, bijvoorbeeld “Verkeer, vervoer en bereikbaarheid” en “Afval, milieu en voorzieningen”. Sommige bezoekers passen de weergave van de tekst aan, zodat zij deze beter kunnen lezen. Denk aan het vergroten van de afstand tussen regels, letters of woorden. Het gaat bijvoorbeeld om mensen met dyslexie. Als een bezoeker dit doet op de manier die in het succescriterium is beschreven, moet alles goed blijven werken. Bovendien moet de tekst leesbaar blijven. Dit kan opgelost worden door de hoogte en breedte van de containers van de tekst responsief te maken. Hetzelfde probleem komt voor op andere pagina’s met stappen die langere teksten bevatten, bijvoorbeeld op https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding bij de stap “Schoolreisje en schoolbenodigdheden”.

Bevindingen: De website bestaat uit meerstapsformulieren. De sessie-time-out is te kort. Hoewel de applicatie een waarschuwing bij inactiviteit toont, verloopt de sessie alsnog terwijl de bezoeker actief door het formulier navigeert (bijvoorbeeld door op de knop “Volgende” te klikken). Als gevolg daarvan krijgen bezoekers onverwacht de melding “Er is geen sessie gevonden. Mogelijk is de sessie verlopen.” en moet het proces opnieuw vanaf het begin worden gestart. Dit gedrag kan een aanzienlijke impact hebben op bezoekers met cognitieve beperkingen, verminderde concentratie, geheugenproblemen of gebruikers die meer tijd nodig hebben om velden te lezen, te begrijpen of in te vullen. Om aan de toegankelijkheidsrichtlijnen te voldoen, is het essentieel dat bezoekers de mogelijkheid krijgen om tijdslimieten uit te schakelen, aan te passen of te verlengen.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scBerekenAOWLeeftijd.aspx/fBerekenAOWLeeftijd, in stap 1, heeft de knop met de tekst “Wijzig” de functie om de geboortedatum van de aanvrager te bewerken, maar de toegankelijke naam is “Wijzig de gegevens van uw partner”, wat de functie niet correct beschrijft.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scParam.aspx/fMailadresDomain opent de knop “Open” een dialoogvenster met de titel “Formulier hervatten”. In dit dialoogvenster staat een knop met de zichtbare tekst “Bevestig”. De toegankelijke naam van deze knop is “Confirm the entered password and id, and resume the saved form”, afkomstig uit het aria-label. Het gebruik van het aria-label-attribuut overschrijft alle andere methoden om elementen te benoemen. Schermlezers en spraakherkenningssoftware gebruiken de naam die in het aria-label staat (de “toegankelijke naam”). Als deze toegankelijke naam afwijkt van de zichtbare tekst, wijkt de tekst die hulpsoftware gebruikt af van wat zichtbaar is op de knop. Hierdoor kan de knop minder goed bedienbaar zijn met spraaksoftware. Zorg ervoor dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst. Hetzelfde probleem doet zich voor bij de knop “Bevestig” in het dialoogvenster dat wordt geopend via de knop “Opslaan” en bij de knop “Annuleren” (met de toegankelijke naam “Sluit deze popup”) in het dialoogvenster dat wordt geopend via de knop “Later hervatten”.

Een vergelijkbaar probleem is te zien op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaInleiding bij de knop “Naar de GeldCheck”, waarvan de toegankelijke naam “Volgende stap” is. Zorg ervoor dat de toegankelijke naam de zichtbare tekst bevat (bij voorkeur aan het begin) of exact overeenkomt met de zichtbare tekst.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/, in stap 2, staat een textarea met het zichtbare label “Waarom wilt u uw aanvraag toch bij de gemeente Amersfoort of Leusden doen?”, maar de toegankelijke naam is leeg. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat de zichtbare tekst in de toegankelijke naam staat. Een vergelijkbaar probleem doet zich voor bij andere invoervelden, bijvoorbeeld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW, in stap 5 en 6, bij de velden “Rekeningnummer (IBAN)”, “Saldo”, “Schuldeiser”, “Aflossing per maand”, “Bedrag” en andere velden afhankelijk van de geselecteerde opties. Controleer ook de invoervelden op andere pagina’s. Het zichtbare label moet aanwezig zijn in de toegankelijke naam.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scParam.aspx/fMailadresDomain opent de knop “Open” een dialoogvenster met de titel “Formulier hervatten”. De knop “Bevestig” daarin heeft een aria-label-attribuut met een Engelse tekst: “Confirm the entered password and id, and resume the saved form”. Dit label wordt voorgelezen door een schermlezer volgens de uitspraakregels van de primaire taal van de pagina (in dit geval Nederlands). Vertaal de tekst van het aria-label naar het Nederlands. Hetzelfde probleem doet zich voor bij de knop “Bevestig” in het dialoogvenster dat wordt geopend via de knop “Opslaan”.

Bevindingen: Op alle pagina’s van de website, bijvoorbeeld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAcademieInclusieveStad.aspx/scIntroductie/fIntroductie, in stap 2, staat een set radioknoppen. Het selecteren van een van de opties veroorzaakt een aanzienlijke contextwijziging: de pagina wordt onverwacht opnieuw geladen. Dit mag niet zomaar gebeuren. Bezoekers moeten van tevoren gewaarschuwd worden dat de pagina opnieuw zal laden als zij een andere optie selecteren. Een andere oplossing is om een knop toe te voegen waarmee de bezoeker de keuze kan bevestigen. Een vergelijkbaar probleem komt ook voor op andere pagina’s, bijvoorbeeld in stap 2 en 5 van https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/ en op enkele andere pagina’s.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scDagactiviteiten.aspx/scIntroductie/fIntroductie, in stap 1, wanneer bij de vraag “Wat is jouw band met de persoon namens wie je deze melding doet?” het antwoord “Ik ben kennis, vriend of familie” wordt geselecteerd, wordt een formulier geopend. Het invoerveld onder “Telefoonnummer” vereist een specifiek formaat, maar dit wordt niet vóór het verzenden van het formulier aan gebruikers gecommuniceerd. De instructie wordt pas getoond nadat er een fout optreedt: “Gebruik geen spaties of streepjes”. Voeg een duidelijke en blijvende instructie toe bij de betreffende invoervelden waarin het toegestane formaat wordt gespecificeerd.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaSamenvattingCheck, in stap 7, onder de vraag “Vink de regeling(en) aan die u nu direct wilt aanvragen”, staat een selectievakje zonder label. Verwijder het selectievakje als het niet noodzakelijk is of zorg ervoor dat het een toegankelijk label heeft.

Bevindingen: Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scParam.aspx/fMailadresDomain opent de knop “Later hervatten” een dialoogvenster met de titel “Later hervatten”, waarin zich een invoerveld bevindt. Dit veld heeft geen toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat zij in moeten vullen. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het invoerveld dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen. Hetzelfde probleem doet zich voor bij het invoerveld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW in stap 2, wanneer bij de vraag “Hebt u medebewoners?” “Ja” wordt geselecteerd en bij “Wie is uw medebewoner?” de optie “Anders, namelijk” wordt gekozen, evenals in stap 3 en andere stappen en pagina’s met de optie “Anders, namelijk”. Daarnaast komt dit probleem voor in stap 5 en 6 bij de velden “Rekeningnummer (IBAN)”, “Saldo”, “Schuldeiser”, “Aflossing per maand”, “Bedrag” en andere velden afhankelijk van de geselecteerde opties. Controleer ook de invoervelden op andere pagina’s. Al deze velden moeten een toegankelijke naam hebben.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scGeldCheck033.aspx/fMinimaSamenvattingCheck, in stap 7, onder de vraag “Vink de regeling(en) aan die u nu direct wilt aanvragen”, staat een selectievakje zonder label. Het veld heeft ook geen toegankelijke naam. Selectievakjes moeten altijd een toegankelijke naam hebben die hun doel duidelijk beschrijft. Verwijder het selectievakje als het niet noodzakelijk is of koppel het aan een toegankelijk label.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/, in stap 2, onder de vraag “Waarom wilt u uw aanvraag toch bij de gemeente Amersfoort of Leusden doen?”, staat een textarea zonder toegankelijke naam. Zorg ervoor dat alle invoervelden en interactieve elementen een beschrijvende toegankelijke naam hebben.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZNAW, in stap 8, staat het veld “Wanneer verwacht u weer in de kosten van uw eigen levensonderhoud te kunnen voorzien?”. Bij dit veld bevindt zich een knop om een kalender te openen. Geef de afbeelding een beschrijvende alt-tekst of voeg een aria-label toe aan het button-element, zodat de functie van de knop duidelijk wordt beschreven, bijvoorbeeld “Datumkiezer bekijken”. Daarnaast opent de knop aanvullende content, maar in de code wordt niet aangegeven of deze geopend of gesloten is. Als een knop een pop-up kan tonen en verbergen, dan moet hulpsoftware de staat van deze pop-up (zichtbaar of verborgen) kunnen bepalen. Daarvoor kan het aria-expanded-attribuut gebruikt worden.
Hetzelfde probleem komt voor op andere pagina’s met dezelfde knop, bijvoorbeeld op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scTerugbelformulier.aspx/fTerugbelformulierVerzoek naast het veld “Datum”, op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZBedrijfsinformatie, in stap 3, naast het veld “Sinds wanneer bent u werkzaam als zelfstandige?” en op andere stappen en pagina’s.

Op pagina https://formulier.amersfoort.nl/formulier/nl-NL/DefaultEnvironment/scAanvraagBijstandVoorZelfstandigen.aspx/fBVZInkomsten, in stap 7, staat een select-element met het label “Soort inkomen:”. De toegankelijke naam ontbreekt. Hierdoor is het element niet toegankelijk. Geef het select-element een toegankelijke naam.