Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Jeugdombudsman Den Haag

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Jeugdombudsman Den Haag
Datum 8 juli 2024
Scope van de website Binnen de scope van het onderzoek valt:
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: 15

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: De PDF "Jaarverslag-2022-Jeugdombudsman-Leidschendam-Voorburg" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald 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.
Hetzelfde geldt voor de PDF "DenHaag_ombudsman_IG_ExternKlachtrecht_RGB"

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 2: Op de pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens kan je onder andere het eigen e-mailadres en achternaam invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

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://jeugdombudsman.denhaag.nl/over/ staat een groen (HEX #4BB649) blok ("de organisatie") als achtergrondkleur van zwarte tekst, dit is contrast technisch goed. De hyperlink "hier" is blauw (HEX #2867B2) en daarvan is het contrast te laag, nl. 2.2:1 waar een contrast van 4,5:1 is vereist.

Bevinding 4: Op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Inleiding staat een koptekst "Over de Jeugdombudsman" met een witte tekst op een blauwe (HEX #26A2DC) achtergrond. Hier is de contrastratio 2.8:1, maar wordt minimaal een contrastratio van 4,5:1 verwacht.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 5: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt op pagina https://jeugdombudsman.denhaag.nl/inloopspreekuur/ een deel van de tekst van het overzicht met alle data en locaties van de spreekuren buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken.
Zie ook SC 1.4.10

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Voldoende

Bevinding 6: Advies: Op pagina https://jeugdombudsman.denhaag.nl/hoe-werkt-het/ is de tekst op de afbeelding is voor niemand goed te lezen, dit is dus geen toegankelijkheidsprobleem. Slechtziende bezoekers kunnen hierdoor wel het gevoel krijgen dat ze belangrijke informatie missen. Het zou mooier zijn om een ander illustratie bij dit artikel te plaatsen of aan te geven dat dit een afbeelding is van de infographic in de PDF waarnaar op deze pagina naar wordt gelinkt: https://jeugdombudsman.denhaag.nl/wp-content/uploads/2023/10/DenHaag_ombudsman_IG_ExternKlachtrecht_RGB.pdf. Overigens is deze PDF wel goed in te zoomen voor slechtzienden, maar voor blinde bezoekers is de PDF niet toegankelijk gemaakt.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 7: Bij een schermgrootte van 1280x1024px verdwijnt op pagina https://jeugdombudsman.denhaag.nl/inloopspreekuur/ een deel van de tekst van het overzicht met alle data en locaties van de spreekuren buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken.
Zie ook SC 1.4.4

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 8: Wanneer de Zoekknop op pagina https://jeugdombudsman.denhaag.nl/ toetsenbordfocus heeft, is dat zichtbaar door een zwarte focusrand. De contrastverhouding tussen de focusrand en de donkerblauwe (HEX #282E5E) knop is 1.2:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast. Zie ook SC 2.4.7.

Bevinding 9: Wanneer de formuliervelden op pagina https://jeugdombudsman.denhaag.nl/contact/ toetsenbordfocus hebben, is dat zichtbaar door een blauwe (HEX #28A3DC) focusrand. De contrastverhouding tussen de focusrand en de witte achtergrond is 2.8:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Een soortgelijk probleem zien we terug op pagina https://jeugdombudsman.denhaag.nl/klacht-over-de-jeugdombudsman/ bij de focusrand van de formuliervelden. Hier wordt dezelfde blauwe (HEX #28A3DC) kleur gebruikt.

Bevinding 10: Op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Inleiding staat een "Volgende knop" (test) waarmee je naar Stap 2 kunt navigeren. Deze knop is groen (#4CB74A) met witte tekst. Hier is het contrastratio 2.5:1, maar wordt minimaal een contrastratio van 3:1 verwacht. Dezelfde kleurencombinatie wordt gebruikt bij de formulierstappen/de kleur waarmee de actieve pagina wordt aangegeven.
Op de volgende pagina (https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens) staat een vorige knop in dezelfde kleur groen.

Bevinding 11: Op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens staat een formulier. Het contrast van de grijze formulierranden (HEX #D2D2D2) op de witte achtergrond is te laag. De contrastverhouding is hier 1.5:1, waar dit minimaal 3:1 moet zijn.
Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Een soortgelijk probleem zien we terug op de pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Klacht waar de formuliervelden dezelfde grijze kleur hebben.

Bevinding 12: Op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Klacht kun je, wanneer je op de vorige pagina hebt gekozen om een bijlage mee te sturen een bestand kiezen om te uploaden. Deze lichtblauwe (#D3ECF9) knop heeft op de witte achtergrond te weinig contrast, nl. 1.2:1 waar dit minimaal 3:1 moet zijn.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 13: Wanneer bezoekers op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens geen of foutieve invoer invullen, verschijnen er foutmeldingen onder het veld. Bijvoorbeeld 'Vul in a.u.b.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Achternaam is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens is een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 15: Formulierveld "E-mailadres" in het formulier op pagina https://formulier.denhaag.nl/Tripleforms/formulier/nl-NL/jeugdombudsman/scOmbudsmanKlachtJeugd.aspx/Gegevens vraagt om "Maak a.u.b. een keuze", maar het betreft geen keuzemenu of selectievakjes.

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:41:32 v2.4-011