Toegankelijkheidsonderzoek

Issues:
Hercontrole audit digitale toegankelijkheid website Gemeentelijke Ombudsman Den Haag

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeentelijke Ombudsman Den Haag
Datum 23 december 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op ombudsman.denhaag.nl.
  • Alle PDF's op ombudsman.denhaag.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: 12

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 pagina https://formulieren.denhaag.nl/klacht-melden/startpagina is het logo te vinden. Dit logo heeft geen alternatieve tekst waardoor voor bezoekers die niet kunnen zien, niet af te leiden is dat hier het logo staat. Daardoor missen ze mogelijk de informatie dat dit formulier officieel hoort bij 'Gemeentelijke ombudsman Den Haag'. Voeg dit toe aan bijvoorbeeld het aria-label dat op de link staat waarin het logo te vinden is. Zorg dat de tekst 'logo' en alle tekst die in het logo te zien is, hierin terugkomt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: In het formulier op pagina https://formulieren.denhaag.nl/klacht-melden/stap/inleiding komt bij stap 2 een kop zonder content voor. Het gaat om de h2-kop 'Inleiding'. Deze bevat geen content en wordt direct opgevolgd door een kop op hetzelfde kopniveau. De functie van een kop is het beschrijven van bijbehorende content, als deze content er niet is wordt deze functie niet uitgeoefend. Dit kan bijvoorbeeld worden opgelost door de volgende kop op een volgend kopniveau (h3) op te maken, zodat deze kop de content vormt.

Bevinding 3: De PDF https://ombudsman.denhaag.nl/wp-content/uploads/2024/01/Klachtenregeling-gemeentelijke-ombudsman-2015.pdf heeft een codelaag. Hierin hebben niet alle elementen de juiste tag gekregen. Hierdoor is het voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader lastig om de structuur van de tekst te herkennen en de informatie te begrijpen. Een aantal voorbeelden van problemen die zich voordoen:

Bevinding 4: De PDF https://ombudsman.denhaag.nl/wp-content/uploads/2024/01/DenHaag_ombudsman_IG_ExternKlachtrecht_Definitief-1.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen door hulpsoftware. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, wat de alternatieve tekst bij afbeeldingen en 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 alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 5: Advies: Op pagina https://formulieren.denhaag.nl/klacht-melden/startpagina wordt gebruik gemaakt van het br-element om een nieuwe alinea te creëren in de tekst. Dit levert geen toegankelijkheidsprobleem op en wordt daarom niet afgekeurd. Toch is het goed om dit aan te passen en een nieuwe alinea op te maken met een nieuw p-element. Dit maakt het makkelijker voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader, om naar de volgende alinea te springen met sneltoetsen.

Bevinding 6: Advies: Op verschillende pagina's wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop (titel van de pagina), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, et cetera. Sla hierbij geen koppen over.

Een aantal voorbeelden van een onjuiste koppenstructuur zijn:

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 7: Op alle pagina's (bijvoorbeeld https://ombudsman.denhaag.nl/) verdwijnt de cookiemelding nadat de bezoeker een keuze heeft gemaakt. Er staat dan een knop ('Toestemmingsvoorkeuren') waarmee een dialoogscherm kan worden geopend. Als bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd tot 300%, verdwijnt het blok met informatie over cookies uit beeld. Als verder wordt ingezoomd naar 400%, is de laatste keuze-optie ('Alles afwijzen') niet langer in beeld. Ook 'Powered by CookieYes' verdwijnt uit beeld. Zorg dat bij het inzoomen alle content in beeld blijft.

Bevinding 8: Advies: Op alle pagina's (bijvoorbeeld https://ombudsman.denhaag.nl/) staat een lijst met links in de footer. Deze zijn verdeeld in kolommen, de laatste kolom bevat links naar sociale media. Bij het inzoomen komen alle items onder elkaar te staan en staan deze links niet meer bij elkaar. Alle items zijn nog wel te vinden en daarom wordt dit niet op toegankelijkheid afgekeurd. Toch kan het de toegankelijkheid verbeteren als de volgorde van de lijst-items in HTML wordt aangepast, zodat de volgorde van de links hetzelfde blijft bij inzoomen.

2. Bedienbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://formulieren.denhaag.nl/klacht-melden/startpagina staat een cookiemelding als de bezoeker de pagina voor het eerst bezoekt. Deze staat achteraan in de focusvolgorde, waardoor de bezoeker door de hele pagina moet navigeren om hierbij uit te komen. Dit is geen logische focusvolgorde, omdat het goed is als de bezoeker eerst de cookies kan instellen. Voor bezoekers die de pagina in ingezoomde weergave bekijken is dit een groter probleem, omdat de cookiemelding dan andere content bedekt. Zorg ervoor dat de focus eerst langs de cookiemelding gaat.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 10: Pagina https://formulieren.denhaag.nl/klacht-melden/startpagina bevat een link (met daarin het logo) die via een aria-label de tekst 'Terug naar de website van' heeft gekregen. Deze tekst maakt het linkdoel onvoldoende duidelijk. Overigens leidt de link naar de pagina waar de bezoeker zich al bevindt, wat verwarring kan scheppen. Mogelijk kan deze link verwijderd worden. Als de link blijft staan of aangepast wordt zodat deze naar de homepagina leidt, is het belangrijk dat de tekst van het aria-label wordt aangepast zodat het linkdoel duidelijk wordt. Zie ook de bevinding over het logo in deze link, bij succescriterium 1.1.1.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 11: Als de pagina's bij een schermgrootte van 1280 bij 1024 pixels worden bekeken in ingezoomde (vanaf 150%) weergave, vouwt het menu samen onder een knop (hamburgermenu). Na het uitvouwen van dit menu is in de zoekfunctie de zoek-knop te vinden. Als de focus hier via het toetsenbord naartoe wordt gebracht, is dit niet zichtbaar. Bezoekers die navigeren via het toetsenbord weten daardoor niet waar de focus zich op dat moment bevindt. Zorg ervoor dat het altijd zichtbaar is waar de focus op staat, voeg bijvoorbeeld een focusrand toe.

3. Begrijpelijk

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 12: Op pagina https://formulieren.denhaag.nl/klacht-melden/stap/uw-gegevens staat een formulier waarin verplichte velden aanwezig zijn. Voordat het formulier is verzonden is te herkennen om welke velden dit gaat, daar komt de bezoeker pas achter via de foutmelding na het versturen van een formulier waarin een verplicht veld is leeggelaten. Voor sommige bezoekers kan het hierdoor lastig zijn om het formulier op de juiste wijze in te vullen. Los dit bijvoorbeeld op door aan de verplichte velden een asterisk (*) toe te voegen en boven het formulier te verklaren dat dit inhoudt dat het om een verplicht veld gaat. Voeg hier ook het 'aria-required="true"' attribuut toe bij de verplichte velden, zodat dit ook voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader duidelijk is.

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: 2026-02-22 02:26:32 v2.4-011