Issues:
Audit digitale toegankelijkheid website gemeentepanel.nl
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Gemeentepanel |
---|---|
Datum | 16 mei 2025 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 1: Op pagina’s https://gemeentepanel.nl/hilversum/project/tijdelijk-terrassen en op pagina https://gemeentepanel.nl/eemnes/project/besluiten-gemeente wordt een kop van niveau 2 onmiddellijk gevolgd door een andere kop van hetzelfde niveau.
Zie de volgende koppen: “Onderzoek is afgerond.”, “Resultaten” en “Uitleg over het onderzoek”.
Bevinding 2: Op pagina https://gemeentepanel.nl/barneveld/aanmelden zorgt het verzenden van het formulier met lege gegevens voor de foutmelding "Dit veld is verplicht". Schermlezers in de formuliermodus echter vaak inhoud tussen invoervelden over, waardoor de foutmelding niet wordt voorgelezen. Dit komt doordat de relatie tussen de foutmelding en het veld ontbreekt. Hierdoor kan hulpsoftware deze informatie niet doorgeven aan de bezoeker. Dit kan opgelost worden door bij het input-element een aria-describedby-attribuut te gebruiken dat verwijst naar het id van de foutmelding.
Tijdens de herinspectie is gebleken dat het probleem is opgelost in het invoerveld E-mail. In de andere 3 invoervelden niet. Het attribuut aria-described is toegevoegd aan een div-element. Dit heeft geen zin. Voeg dit attribuut aan het element met role="combobox" toe. Daarnaast bevat aria-describedby meerdere id’s. Dit werkt niet. Voor meer informatie lees https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/id#syntax.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 3: Op pagina https://gemeentepanel.nl/barneveld/aanmelden resulteert het verzenden van het formulier met de juiste gegevens in een succesbericht dat begint met "Dank je wel. Je bent nu lid van het inwonerspanel...". Het bericht is groen (HEX #4CAF50) op een witte achtergrond. De kleurcontrastratio is te laag: 2,8:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Hetzelfde probleem wordt waargenomen op de pagina https://gemeentepanel.nl/barneveld/contact in het bericht "Bedankt voor je bericht!".
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 4: Bevindingen: Op pagina https://gemeentepanel.nl/barneveld/contact staat een formulier. De contrastverhouding tussen de grijze rand (HEX #CBD5E1) van een invoerveld en de witte achtergrond van de pagina is 1,5:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.
Ditzelfde probleem doet zich voor op pagina https://gemeentepanel.nl/barneveld/aanmelden met het invoerveld "E-mail".
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 5: Op pagina https://gemeentepanel.nl/404 is de titel "Gemeente 404 - Inwonerspanel" geen goede beschrijving van de inhoud van de pagina. In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Deze tekst wordt bovendien getoond in de tab van de browser. Met een duidelijke beschrijving kunnen bezoekers makkelijker navigeren tussen verschillende pagina’s. Zet een duidelijke tekst in het title-element van de pagina, die de inhoud van de pagina beschrijft.
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 6: Op pagina https://gemeentepanel.nl/barneveld/aanmelden resulteert het verzenden van het formulier met de juiste gegevens in een dialoogvenster met een succesmelding die begint met "Dank je wel. Je bent nu lid van het inwonerspanel...". Op dit moment kan de toetsenbordfocus ontsnappen uit dit dialoogvenster en naar de onderliggende inhoud gaan. Bij dit soort dialoogvensters moet de toetsenbordfocus goed worden ingesteld. Wanneer het venster actief is, moet de toetsenbordfocus binnen het venster blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het venster te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het venster automatisch te sluiten zodra de focus eruit gaat.
Hetzelfde probleem wordt waargenomen op de pagina https://gemeentepanel.nl/barneveld/contact waar het bericht "Bedankt voor je bericht!" wordt weergegeven.
2.4.5 Meerdere manieren (Niveau AA)
Informatie over succescriterium 2.4.5 Meerdere manieren
Uitkomst: Onvoldoende
Bevinding 7: Er is geen tweede manier om de pagina's van deze website te vinden. Pagina's van de website kunnen alleen worden gevonden via een enkele link op een andere pagina.
Alle pagina’s die op de website staan moeten op meerdere manieren gevonden kunnen worden. Dat mag via een zoekveld, een sitemap of een inhoudsopgave.
Het zoekwoord “Afvalbeleid” levert geen resultaten op. Het lijkt erop dat ze zoekfunctie binnen een beperkt deel van de website zoekt. Dit moet de hele website zijn.
3. Begrijpelijk
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 8: Op pagina https://gemeentepanel.nl/barneveld/aanmelden bevat een formulier foutmeldingen die de problemen bij het invoeren van gegevens niet adequaat beschrijven. De foutmeldingen zijn “Vul een geldig e-mailadres in.”, “Selecteer je geboortejaar.”, “Selecteer het gebied waar je woont.” en “Je moet toestemming geven om verder te gaan.” Foutmeldingen moeten specifieker zijn en de aard van de fout uitleggen. Verander de teksten van de foutmeldingen, zodat bezoekers weten wat zij niet goed hebben gedaan.
Bevinding 9: Hetzelfde probleem doet zich voor op de pagina https://gemeentepanel.nl/barneveld/contact. De volgende foutmeldingen zijn instructies en geen echte foutmeldingen - "Vul je volledige naam in.", "Vul een geldig e-mailadres in.", "Vul een onderwerp in.", "Vul een bericht in."
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 10: Op pagina https://gemeentepanel.nl/barneveld/aanmelden opent het formulier een dialoogvenster met een succesmelding die begint met "Dank je wel. Je bent nu lid van het inwonerspanel...". Dit dialoogvenster heeft niet de juiste ARIA-rol. Schermlezers kunnen hierdoor niet doorgeven dat het om een dialoogvenster gaat. Dit kan opgelost worden door role="dialog" aan het dialoogvenster toe te voegen. Hetzelfde probleem wordt waargenomen op de pagina https://gemeentepanel.nl/barneveld/contact waar het bericht "Bedankt voor je bericht!" wordt weergegeven.
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
- Homepagina:
https://gemeentepanel.nl/ - Contact:
https://gemeentepanel.nl/barneveld/contact - Barneveld:
https://gemeentepanel.nl/barneveld - Afvalbeleid:
https://gemeentepanel.nl/barneveld/project/afvalbeleid - Duurzaamheid:
https://gemeentepanel.nl/huizen/project/duurzaamheid - Ombuigingen:
https://gemeentepanel.nl/diemen/project/ombuigingen-en-besparingen - Tijdelijk terrassen:
https://gemeentepanel.nl/hilversum/project/tijdelijk-terrassen - Eemnes:
https://gemeentepanel.nl/eemnes/project/besluiten-gemeente - Pagina niet gevonden:
https://gemeentepanel.nl/404 - Toegankelijkheidsverklaring:
https://gemeentepanel.nl/barneveld/toegankelijkheidsverklaring - Aanmelden:
https://gemeentepanel.nl/barneveld/aanmelden - Privacy:
https://gemeentepanel.nl/barneveld/privacy - Vragen:
https://gemeentepanel.nl/barneveld/vragen
Ondersteunende technieken
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.