Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Burgerzaken portaal Gemeente Epe

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Burgerzaken portaal Gemeente Epe
Datum 9 december 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 19

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 https://ibzpink.epe.nl/gaas-web/server/continue/StartVerklaringStemmenEuropeesParlementInNederland#burgerzaken en vergelijkbare pagina's waar een aanvraag, aangifte of verzoek gedaan kan worden, is het logo van de gemeente Epe aanwezig. Het logo wordt middels CSS aan de pagina toegevoegd. Hier ontbreekt er alt-tekst, wat wel belangrijk is. Bezoekers missen nu dat er een logo aanwezig is van de gemeente. Voeg de afbeelding in met <img> en voeg alt-tekst toe.

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 https://ibzpink.epe.nl/gaas-web/server/continue/StartVerklaringStemmenEuropeesParlementInNederland#burgerzaken en soortgelijke pagina's is een knop aanwezig om hoog contrast in te schakelen. In de code is dit een link. Dat is semantisch niet correct. Links brengen je ergens naartoe, knoppen zijn voor acties die een bezoeker onderneemt. Maak gebruik van <button>.

Bevinding 3: Op https://ibzpink.epe.nl/gaas-web/server/continue/StartVerklaringStemmenEuropeesParlementInNederland#burgerzaken is er de vraag of je wilt deelnemen aan de Europese verkiezingen. De vraag is niet gekoppeld aan de antwoorden op dit moment, waardoor de relatie verloren gaat voor bezoekers met hulpsoftware. Gebruik een fieldset en legend-constructie om vraag en antwoord te groeperen. Dit speelt o.a. ook in het aangifteproces op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument.

Bevinding 4: Op https://ibzpink.epe.nl/gaas-web/server/continue/StartVerklaringStemmenEuropeesParlementInNederland#burgerzaken verschijnt er aan het einde van het proces een overzicht van je gegevens. In het blok Registratie stemmen voor Europees Parlement in Nederland wordt gebruik gemaakt van een <dl>-lijst. Er wordt echter een <dl> in een <dl> genest, wat niet is toegestaan volgens de HTML-standaard. Pas enkel de elementen toe die zijn toegestaan in een <dl>.

Bevinding 5: Op https://ibzpink.epe.nl/gaas-web/server/continue/StartIndienenToestemmingsformulierReisdocument#burgerzaken kun je aangeven welke kinderen ook vermeld moeten worden. De voornamen staan in een <dd>-element. Deze is echter niet genest in een <dl>-element, wat vereist is, en het <dt>-element ontbreekt. Door het gebruik van de tabel is de definitielijst ook niet nodig. Verwijder het <dd>-element. Dit speelt ook in de laatste stap van deze aanvraag. Een soortgelijk probleem komt ook voor bij de andere kolommen in de tabel en in het aangifte proces voor op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument.

Bevinding 6: Op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument is de kop "Huidige reisdocumenten" een fieldset/legend contructie. De legend wordt echter een button door het gebruik van role=button. Hierdoor heeft de fieldset geen legend meer. Los dit op door van de legend weer een legend te maken dat visueel verborgen tekst bevat (let op dat dit op een correcte en toegankelijke manier gebeurt, middels de CSS cliptechniek) en van de knop een losstaande knop te maken.

Bevinding 7: Advies: in het proces op https://ibzpink.epe.nl/gaas-web/server/start/StartAanvraagAfschriftBS kan de relatie tussen familieleden en de optie voor wie het afschrift geld, duidelijker. Er kan in plaats van een tabel ook radiobuttons gebruikt worden, waarbij de naam (met erachter tussen haakjes de geboortedatum en relatie) van de persoon het label is voor de radiobutton en de vraag en antwoordmogelijkheden gegroepeerd zijn met fieldset en legend.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 8: Op https://ibzpink.epe.nl/gaas-web/server/continue/xslt.html?sessionId=adb2cff5-e47f-4832-89f6-e7707a634559#burgerzaken en vergelijkbare pagina's is de focus in het formulier alleen merkbaar doordat de rand van de velden wat donkerder wordt. Dit verschil kan te subtiel zijn voor slechtzienden en kleurenblinden. Zorg dat een echte focusrand aanwezig is, die het element omrandt en waar wat afstand is tussen de focusrand en de rand van een formulierveld.

Bevinding 9: Op de pagina https://ibzpink.epe.nl/gaas-web/start.html staat een zoekveld. Wanneer je daarin ‘aanvraag’ typt, blijven de zoekresultaten over waar ‘aanvraag’ in staat. De enige manier om te zien welke zoekresultaten overeenkomen, is doordat de links een andere kleur krijgen. Dit is niet toegankelijk voor mensen die kleurenblind zijn. Los dit op door bijvoorbeeld een andere stijl mee te geven aan de gevonden zoekresultaten.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: Op de pagina https://ibzpink.epe.nl/gaas-web/start.html staat een zoekveld. Wanneer je daarin ‘aanvraag’ typt, blijven de zoekresultaten over waar ‘aanvraag’ in staat. De kleur van de gevonden linkjes is roze (HEX #E2007A) en kan op de achtergrondafbeelding staan, waarin grijze bolletjes (HEX #F2F2F2) staan. Dit levert een contrast op van 4,1:1, waar dat minstens 4,5:1 moet zijn. Het contrast met de achtergrond is te laag waardoor slechtziende bezoekers moeite hebben om het onderdeel waar te nemen. Los dit op door een andere kleur te gebruiken voor de gevonden linkjes.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 11: Het zoekveld op https://ibzpink.epe.nl/gaas-web/start.html krijgt een paarsblauwe focusindicator (HEX #314BC0). Deze heeft onvoldoende contrast met de blauwe achtergrond (HEX #03376D) waarop het veld is geplaatst. De contrastverhouding is 1,6:1 waar het minimaal 3:1 moet zijn.

Bevinding 12: De zoekknop op https://ibzpink.epe.nl/gaas-web/start.html krijgt een paarsblauwe focusindicator (HEX #314BC0). Deze heeft onvoldoende contrast met de achtergrond van de knop (HEX #4E4E4E) en de achtergrond waarop het veld is geplaatst (HEX #03376D). De contrastverhouding is in beide gevallen onder de 2:1 waar het minimaal 3:1 moet zijn.

Bevinding 13: Links op https://ibzpink.epe.nl/gaas-web/start.html krijgen een lila focusindicator (#AAACFF). Deze heeft onvoldoende contrast met de witte achtergrond, de contrastverhouding is 2,1:1 waar het minstens 3:1 moet zijn.

2. Bedienbaar

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 14: De pagina https://ibzpink.epe.nl/gaas-web/server/continue/StartVerklaringStemmenEuropeesParlementInNederland#burgerzaken (en soortgelijke pagina's) stuurt je naar een pagina met een knop om in te loggen met DigiD. Het label van deze knop is "DigiD". Maak er een label van dat beter beschrijft wat er gebeurt, door duidelijk te maken dat het om inloggen met DigiD gaat.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 15: Op https://ibzpink.epe.nl/gaas-web/start.html is de taal niet ingesteld. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 16: Het zoekveld op https://ibzpink.epe.nl/gaas-web/start.html heeft geen label, wat ervoor zorgt dat bezoekers met een screenreader niet weten wat het doel is van het veld en niet bestuurd kan worden met spraakbesturing. Dit komt doordat er geen tekst bij het <label>-element is opgegeven. Verzorg tekst om dit op te lossen.

Bevinding 17: In het proces op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument heeft de keuzelijst "Reden van vermissing" geen label. Er wordt ook select2 gebruikt voor dit component, waar echter toegankelijkheidsproblemen mee zijn. Gezien de weinige opties is het beter om een native <select> element te gebruiken en te zorgen dat dit een label krijgt.

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 18: Op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument is de kop "Huidige reisdocumenten" een fieldset/legend contructie. De legend wordt echter een button door het gebruik van role=button. De status van in- en uitklappen wordt niet gecommuniceerd naar hulpsoftware. Los dit op door de legend terug een legend te maken dat visueel verborgen tekst bevat (let op dat dit op een correcte en toegankelijke manier gebeurt, middels de CSS cliptechniek) en de kop een aparte knop te maken. Gebruik op die knop het attribuut aria-expanded.

Bevinding 19: In het proces op https://ibzpink.epe.nl/gaas-web/server/start/StartVermissingReisdocument heeft de keuzelijst "Reden van vermissing" geen label. Er wordt ook select2 gebruikt voor dit component, waar echter toegankelijkheidsproblemen mee zijn. Gezien de weinige opties is het beter om een native <select> element te gebruiken en te zorgen dat dit een label krijgt. Dit komt ook voor in het proces voor https://ibzpink.epe.nl/gaas-web/server/start/StartAanvraagVerklaringOmtrentGedrag. Daar betreft het echter een landenlijst, daar ga je een correct opgebouwde combobox moeten gebruiken.

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: 2025-12-18 12:43:53 v2.4-011