Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website VNG Klaar voor de start

(Alleen de bevindingen)

Scope van de evaluatie

Naam website VNG Klaar voor de start
Datum 19 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op omgevingswet.vng.nl.
  • Alle pdf's op omgevingswet.vng.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 14

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 de pagina https://omgevingswet.vng.nl/themes/dienstverlening/lokale-toepasbare-regels/ wordt met witte of gekleurde keuzerondjes aangegeven of een stelling al is ingevuld of niet. Deze informatie is enkel visueel aanwezig, er is geen alternatief voor bezoekers die gebruik maken van hulpsoftware en het scherm niet kunnen zien. Zorg ervoor dat deze informatie ook in tekst, zoals een alternatieve tekst of screenreader-only tekst, aanwezig is zoals dat op de homepagina is gebeurd. Hetzelfde komt op meer pagina's binnen de website voor, zoals op pagina https://omgevingswet.vng.nl/themes/mens/frontoffice/

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: De geëxporteerde PDF is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 3: Advies: Op de homepage staat een legenda. De tekst in de legende is opgemaakt als labels, maar deze labels zijn nergens aan gekoppeld. De tekst wordt wel voorgelezen, maar er is geen relatie tussen de visuele keuzerondjes en de tekst ernaast.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 4: Op de homepage wordt verwezen naar 'de bolletjes'. Bezoekers die het scherm niet kunnen zien, weten niet waar dit naar verwijst. Alle instructies om content te kunnen begrijpen of te bedienen, moeten ook tekstueel en/of semantisch aanwezig zijn zodat de instructies ook te begrijpen zijn voor mensen die het beeld niet zien. Denk hierbij aan vorm, omvang, locatie, geluid en oriëntatie van de content, die ook tekstueel beschreven moet zijn op dezelfde pagina.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 5: In de geëxporteerde PDF komt lichtblauwe tekst (HEX #04A5EF) op een witte achtergrond voor. De contrastratio is hier 2,7:1 waar dat minimaal 4,5:1 moet zijn voor normale tekst en 3:1 voor grote, dikgedrukte tekst. Dit geldt ook voor de witte tekst op de blauwe achtergrond, in de tabellen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 6: De geëxporteerde PDF heeft geen titel, alleen een bestandsnaam. Zorg voor een beschrijvende titel (bijvoorbeeld de titel die de bezoeker zelf geeft) en zorg ervoor dat niet de bestandsnaam maar de titel wordt getoond bij openen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 7: Wanneer bezoekers inzoomen op de pagina verandert het navigatiemenu bovenaan de pagina in een hamburgermenu. Wanneer bezoekers met het toetsenbord het menu openen, is er geen element dat focus heeft. Het eerstvolgende element dat focus krijgt is de eerste link in het menu. Als de focus in omgekeerde volgorde wordt verplaatst (Shift tab) komt de focus niet op de sluitkop maar buiten de pagina in de browser. Pas als alle menu-items focus gehad hebben krijgt de sluitknop focus. Zorg er voor dat de eerste knop die focus krijgt als een venster geopend wordt de sluiten knop is.

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 8: Pagina https://omgevingswet.vng.nl/bestaatniet heeft geen taalaanduiding. Hierdoor weet voorleessoftware niet in welke taal de pagina moet worden voorgelezen. Zorg ervoor dat de pagina een taalaanduiding krijgt door gebruik te maken van het lang-attribuut op het html-element. De content van deze pagina is nu in het Engels, het is beter om een Nederlandse 404-pagina te hebben omdat de rest van de website ook in het Nederlands is.

Bevinding 9: De geëxporteerde PDF heeft geen ingestelde taal. Hierdoor wordt de PDF mogelijk in de verkeerde taal voorgelezen (wanneer er tags aanwezig zouden zijn). Zorg ervoor dat de hoofdtaal van de PDF (in dit geval Nederlands), ook in de taalinstellingen van de PDF zijn vastgelegd.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende

Bevinding 10: Advies: Wanneer bezoekers de huidige voortgang exporteren door op de knop 'Exporteren' te drukken, wordt de bezoeker direct naar de homepage geleid. Dit is onverwacht en verwarrend. Aangezien dit succescriterium alleen over invoervelden gaat en niet over knoppen, is dit niet afkeurbaar, maar het advies is geen contextwijzigingen zonder aankondiging uit te voeren.

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 11: Op onder andere pagina https://omgevingswet.vng.nl/themes/dienstverlening/frontoffice/ staan onder 'Acties' invoervelden met daarin placeholdertekst met aanvullende instructies op de labeltekst, zoals 'datum of maand' en 'naam'. Deze instructies verdwijnen zodra een bezoeker begint met typen. Zorg ervoor dat labels en instructies permanent zichtbaar blijven zolang de bezoeker het invoerveld kan invullen en aanpassen.

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 12: Op onder andere pagina https://omgevingswet.vng.nl/themes/dienstverlening/frontoffice/ komen knoppen voor zonder toegankelijke naam. Bezoekers die gebruik maken van voorleessoftware weten niet waar deze knoppen voor dienen. Er wordt ook niet aan hulpsoftware gecommuniceerd of de knop is ingedrukt of niet, terwijl dat visueel wel zichtbaar is. Visueel zijn er hier selectievakjes aanwezig. Qua gedrag (bezoekers kunnen per rij in de tabel één keuze kiezen), gáát het hier echter om keuzerondjes. Er zijn wel ook radio buttons aanwezig, maar die zijn niet op de juiste wijze binnen de fieldset genest zodat de labels niet gekoppeld zijn aan de radiobuttons waardoor ze geen toegankelijke naam hebben.
Zorg er voor dat de radiobuttons worden gegroepeerd met een fieldset en legend combinatie (met de tekst uit de linker kolom), met de toegankelijke namen Niet gestart, Mee bezig, of Afgerond, zodat de relatie tussen de kolommen en de radio buttons ook voor hulpsoftware duidelijk is. Zorg er in ieder geval dat er zowel een toegankelijke naam, een staat (aangevinkt of niet) en een relatie tussen de vraag en de invoerelementen aanwezig is, ook wanneer niet voor de voorgedragen oplossing gekozen wordt.

Bevinding 13: Het is voor ziende bezoekers duidelijk welke link uit het navigatiemenu, bijvoorbeeld op pagina https://omgevingswet.vng.nl/themes/dienstverlening/lokale-toepasbare-regels/, momenteel geopend is, doordat de achtergrond van het icoon blauw kleurt en het icoon zelf wit kleurt. Voor hulpsoftware is deze informatie niet beschikbaar. Gebruik bijvoorbeeld aria-current of een vergelijkbare techniek om dit probleem op te lossen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 14: Wanneer bezoekers een rapportage exporteren verschijnt de melding 'Rapportage exporteren'. Deze melding wordt niet voorgelezen aan hulpsoftware. Als de rapportage klaar is wordt dat goed doorgegeven. Zorg ervoor dat bezoekers weten wat er gaande is als de als de loading spinner in beeld is na het drukken op de knop 'Exporteren'.

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-04-12 03:00:31 v2.4-011