Issues:
Content-audit digitale toegankelijkheid Gemeente Uitgeest
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Gemeente Uitgeest |
---|---|
Datum | 25 september 2024 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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 alle pagina’s van https://www.uitgeest.nl/ staat bovenaan een afbeelding met het tekstalternatief “Logo Uitgeest”. Het gaat hier om het logo van de gemeente dat door zijn visuele presentatie duidelijk maakt dat deze website onder de verantwoordelijkheid van de gemeente valt. Het is dan ook nodig om het tekstalternatief te verbeteren naar “Logo gemeente Uitgeest”. Een bijkomend voordeel van deze aanpassing is dat de link naar de homepage door deze specifieke aanpassing ook meteen aan de eisen van succescriterium 2.5.3 voldoet iets dat nu ook een probleem is.
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://www.uitgeest.nl/over-de-gemeente/recreatie-en-toerisme/evenementenkalender staan meerdere tabellen. De tabel onder de kop “Oktober 2024” heeft een lege tabelkop. Deze tabel bestaat in de code net als de andere tabellen uit vier kolommen. Het is niet toegestaan om een leeg th-element te gebruiken. Het wordt aangeraden om deze kolomkop te vullen met de tekst “Meer informatie”, op die manier zijn alle drie de tabellen op deze pagina gelijk.
Bevinding 3: De PDF op pagina https://www.uitgeest.nl/fileadmin/Uitgeest/formulieren/burgerzaken/Conceptverzoek_omgevingsvergunning_Uitgeest.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en Alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Bevinding 4: De PDF op pagina https://www.uitgeest.nl/fileadmin/BUCH/formulieren/burgerzaken/Checklist-afspraken-naamskeuze-gecombineerde-achternaam.pdf is niet helemaal juist getagd. De tekst “Checklist afspraken” bovenaan is duidelijk een kop, maar in de tags niet opgemaakt als kop. Er zijn verschillende manieren om de checklist vakjes goed op te maken, één van die manieren is om de punten in de checklist (die met een vakje ervoor) op te maken als lijst en niet als paragraaf. Het checklistpunt “Toestemming van alle personen die het gezag hebben over het kind voor de afgifte van een reisdocument (per) minderjarig kind. Meestal hebben beide ouders gezag.” is nu verdeeld over twee paragrafen, dat moet in deze voorgestelde oplossing één lijstpunt worden om te voldoen.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 5: Meerdere teksten op pagina https://www.uitgeest.nl/ voldoen niet aan de eisen van dit succescriterium. Het gaat onder andere om de witte teksten “Afval” tot en met “Informatie of WOO verzoek” op een rode achtergrond (#F00000). Het contrast moet minimaal 4,5:1 zijn en mag daarom niet naar boven afgerond worden om te voldoen. De gekozen kleur rood is net te licht om te voldoen. De kleur #EE0000 is ook rood en heeft wel voldoende contrast om te voldoen. Dit type probleem met de combinatie van wit en rood komt bijvoorbeeld ook voor op pagina https://www.uitgeest.nl/contact-en-openingstijden, daar gaat het om de rode teksten zoals “Openingstijden receptie gemeentehuis” op de uitklapbare onderdelen. Op pagina https://www.uitgeest.nl/zoeken?q=verhuren gaat het om de witte tekst “Zoeken” op de rode knop. Op https://www.uitgeest.nl/aanvragen-en-regelen/verhuizing/ gaat het om de link “Verhuizing doorgeven”. Op https://www.uitgeest.nl/aanvragen-en-regelen/afval/afvalkalender-rolcontainers/ “Ga naar mijn afvalzaken”. Op https://www.uitgeest.nl/afspraak-maken#select/productguid/F8ACDC25-ADE9-424A-9893-1F5910C3447C/Paspoort-of-Identiteitskaart-aanvragen gaat het onder andere om “Selecteer locatie en datum”. Dit zijn voorbeelden van dit type probleem op de pagina’s binnen de steekproef. Deze problemen moeten op alle plaatsen op alle pagina’s opgelost worden om te voldoen.
Bevinding 6: Op pagina https://www.uitgeest.nl/over-de-gemeente/recreatie-en-toerisme/evenementenkalender staan de kolomkoppen op een lichtgrijze achtergrond. De rode (#F00000) teksten hebben met 4,1:1 niet voldoende contrast met de grijze (#F5F5F5) achtergrond om te voldoen. Dit probleem is apart genoemd omdat voor deze teksten het aanpassen van de kleur naar #EE0000 niet voldoende is als oplossing.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 7: In de PDF op pagina https://www.uitgeest.nl/fileadmin/Uitgeest/formulieren/burgerzaken/Conceptverzoek_omgevingsvergunning_Uitgeest.pdf staan meerdere invoervelden (#DDE4FF) die met 1,3:1 niet voldoende contrast met de witte achtergrond hebben om te voldoen. Het om alle invoervelden met uitzondering van de selectievakjes “Man” en “Vrouw”, om die vakjes staat een rand die er voor zorgt dat deze invoervelden wel voldoen.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Voldoende
Bevinding 8: Advies: De pagina https://www.uitgeest.nl/IkBestaOokNiet heeft met “404 | Gemeente Uitgeest”. Een paginatitel die voldoet aan de minimale eisen van dit succescriterium. Er wordt bij deze paginatitel wel aangenomen dat alle gebruikers weten wat de betekenis is van 404. Het advies is dan ook om de paginatitel aan te passen naar bijvoorbeeld “Pagina bestaat niet | Gemeente Uitgeest” een paginatitel in die vorm is veel eenvoudiger te begrijpen.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 9: Op alle pagina’s van https://www.uitgeest.nl/ staat bovenaan een afbeelding met het tekstalternatief “Logo Uitgeest”. Het gaat hier om het logo van de gemeente met de zichtbare tekst “Gemeente Uitgeest”. Om besturing met spraaksoftware mogelijk te maken moet de zichtbare tekst op een link als deze terugkomen in de naam van de link. Op dit moment is de naam van deze link een combinatie van de teksten “Logo Uitgeest” (alt) en “Naar homepage” (title). Het is dan ook nodig om het tekstalternatief te verbeteren zodat deze in ieder geval de tekst “gemeente Uitgeest” bevat. Het wordt daarom dan ook aangeraden het tekstalternatief “Logo gemeente Uitgeest” te gebruiken.
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://www.uitgeest.nl/ staan meerdere uitklapbare onderdelen. De toestand (state) van de knoppen “Werk, inkomen en zorg” tot en met “Oekraïne” moet altijd kloppen. Bij het openklappen van de knop “Oekraïne” verandert de waarde van aria-expanded goed van “false” naar “true”, maar als deze daarna inklapt doordat een andere knop zoals “Werk, inkomen en zorg” geactiveerd wordt blijft de toestand van die knop onterecht op “true” staan. Hulpsoftware geeft hierdoor onjuiste informatie door aan gebruikers en dat is een probleem dat opgelost moet worden. Let erop dat deze waarde altijd klopt de methode die gebruikt wordt om de content binnen of buiten beeld te zetten maakt daarbij niet uit. De serie uitklapbare knoppen op pagina https://www.uitgeest.nl/contact-en-openingstijden werken wel goed, het is een optie om die oplossing ook op de homepage toe te passen.
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
- Home:
https://www.uitgeest.nl/ - Contact:
https://www.uitgeest.nl/contact-en-openingstijden - Zoeken:
https://www.uitgeest.nl/zoeken?q=verhuren - Toegankelijkheid:
https://www.uitgeest.nl/over-de-site/toegankelijkheid-en-verklaring-1 - Verhuizing:
https://www.uitgeest.nl/aanvragen-en-regelen/verhuizing/ - Afvalkalender rolcontainers:
https://www.uitgeest.nl/aanvragen-en-regelen/afval/afvalkalender-rolcontainers/ - Omgevingsvergunning:
https://www.uitgeest.nl/aanvragen-en-regelen/omgevingsvergunning/ - PDF formulier:
https://www.uitgeest.nl/fileadmin/Uitgeest/formulieren/burgerzaken/Conceptverzoek_omgevingsvergunning_Uitgeest.pdf - 18 worden:
https://www.uitgeest.nl/aanvragen-en-regelen/18-worden/ - Naamkeuze kind:
https://www.uitgeest.nl/aanvragen-en-regelen/naamskeuze-kind/ - PDF checklist:
https://www.uitgeest.nl/fileadmin/BUCH/formulieren/burgerzaken/Checklist-afspraken-naamskeuze-gecombineerde-achternaam.pdf - Evenementenkalender:
https://www.uitgeest.nl/over-de-gemeente/recreatie-en-toerisme/evenementenkalender - Paspoort en ID-kaart:
https://www.uitgeest.nl/aanvragen-en-regelen/paspoort-en-identiteitskaart - Afspraak maken:
https://www.uitgeest.nl/afspraak-maken#select/productguid/F8ACDC25-ADE9-424A-9893-1F5910C3447C/Paspoort-of-Identiteitskaart-aanvragen - 404:
https://www.uitgeest.nl/IkBestaOokNiet - Gemeenteraad samenstelling:
https://www.uitgeest.nl/raad-en-college/samenstelling-gemeenteraad - Verzoek om informatie:
https://www.uitgeest.nl/aanvragen-en-regelen/verzoek-om-informatie/
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.