Alleen de bevindingen:
Audit digitale toegankelijkheid website Veilig Thuis ZHZ

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren wijkt het design af van de rest van de website. Het logo in de kop van 'Veilig Thuis Zuid-Holland Zuid' is een afbeelding met geen (goede) alternatieve tekst. Met spraaksoftware is het klikbare logo mogelijk niet te bedienen. De alternatieve tekst van een logo moet minimaal de tekst uit de afbeelding bevatten dus 'Zuid-Holland Zuid' uitgeschreven in plaats van 'ZHZ'. De afbeelding is ook een link. Dan moet er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden. Bouw de naam als volgt op: "Naam organisatie logo, naar homepage". Dit geldt voor alle pagina's met dit design.

Bevinding 2: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren wijkt het design af van de rest van de website. Het logo in de footer van 'Veilig Thuis Zuid-Holland Zuid' is een afbeelding met geen (goede) alternatieve tekst. De alternatieve tekst van een logo moet minimaal de tekst uit de afbeelding bevatten dus 'Zuid-Holland Zuid' uitgeschreven in plaats van 'ZHZ'. Dit geldt voor alle pagina's met dit design.

Uitkomst: Onvoldoende

Bevinding 3: Op pagina https://www.veiligthuiszuidhollandzuid.nl/nieuws/eveline-schurink-benoemt-als-directeur-publieke-gezondheid staat de alinea "vandaag 7 december ... in de regio (GHOR)". Deze is in zijn geheel opgemaakt met het strong-element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Maak bijvoorbeeld gebruik van de stylesheet om een introtekst in een vet lettertype te tonen.

Bevinding 4: Op pagina https://www.veiligthuiszuidhollandzuid.nl/nieuws/eveline-schurink-benoemt-als-directeur-publieke-gezondheid zijn visuele koppen aanwezig die niet als koppen zijn opgemaakt, maar zijn opgemaakt met het strong- of em-element. Voorbeelden hiervan zijn de visuele koppen "De zorg doet het licht uit" en "Wat doet de DPG?". Gebruik de juiste HTML-code om deze koppen op te maken. Hetzelfde probleem doet zich voor op pagina https://www.veiligthuiszuidhollandzuid.nl/contact-vt

Bevinding 5: Op pagina https://www.veiligthuiszuidhollandzuid.nl/zoekresultaten?q=veilig staan zoekresultaten die zijn opgemaakt met het strong en/of em-element. Het gaat om "Geweld stopt niet vanzelf" en "We laten pas ... verder kan leven". Verwijder hier dus het em- en strong-element en gebruik eventueel CSS om een bepaalde opmaak te bereiken.

Bevinding 6: Op pagina https://www.veiligthuiszuidhollandzuid.nl/nieuws/eveline-schurink-benoemt-als-directeur-publieke-gezondheid staat een foto met het onderschrift "Eveline Schurink, benoemt als Directeur Publieke Gezondheid." Dit onderschrift is opgemaakt met het em-element. Verwijder hier het em-element en gebruik eventueel CSS om een bepaalde opmaak te bereiken.

Bevinding 7: Helemaal onderin de footer zijn 3 items zichtbaar: '(c) 2025 DGJ zhz', 'Cookie instellingen' en 'Privacy'. Deze lijken in een opsomming te staan, maar in de code zijn hier 2 opsommingen gebruikt. In de eerste opsomming staat "Cookie instellingen", in de tweede staat "Privacy". Voeg deze twee opsommingen samen.

Bevinding 8: Op pagina https://www.veiligthuiszuidhollandzuid.nl/zoekresultaten?q=veilig staan zoekresultaten. Dit is opsomming van zoekresultaten. Deze opsomming is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om deze opsomming weer te geven. De vormgeving hoeft niet aangepast te worden.

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.veiligthuiszuidhollandzuid.nl/ staat boven de kop "Huwelijksdwang en achterlating" de badge "Uitgelicht". Deze hoort in de code onder de kop te staan, dat is nu niet het geval. Visueel mag het ongewijzigd blijven.

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.veiligthuiszuidhollandzuid.nl/contact-vt staat de tekst "Vul hiervoor onderstaand contactformulier in ". Dit is een verwijzing naar een visuele locatie die voor niet ziende gebruikers verwarrend kan zijn op het moment dat het formulier waar naar verwezen wordt er niet direct onder staat. Een vergelijkbaar probleem doet zich voor op pagina https://www.veiligthuiszuidhollandzuid.nl/bestaatniet waar verwezen wordt naar "bovenstaande navigatie".

Uitkomst: Onvoldoende

Bevinding 11: Onderaan elke pagina staat de mogelijkheid om een chat op te starten. De bezoeker moet hier onder andere een naam en een postcode invullen. Het doel van deze invoervelden 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.

Uitkomst: Onvoldoende

Bevinding 12: Onderaan iedere pagina staat een mogelijkheid om een chat op te starten. Ook bij ingeschakeld verhoogd contrast bevat de pop-up contrastproblemen. De witte tekst op de blauwe achtergrond heeft een contrastverhouding van 3,1:1 en bij hover 2,5:1. Zorg voor een minimaal contrast van 4,5:1 bij normale tekst en 3,0:1 bij grote tekst.

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren is een rode balk met witte tekst 'Ik heb nu hulp nodig'. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,2:1 waar dit 4,5:1 moet zijn. Zorg voor een goede contrastverhouding door het rood iets donkerder te maken. Een andere mogelijkheid is om de tekst een groter lettertype te geven. Dit geldt voor alle pagina's met dit design.

Bevinding 14: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren/gescheiden-ouders is een blauwe tekst op een lichtblauwe achtergrond, bijvoorbeeld bij 'Wat kun jij doen?'. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,5:1 waar dit 3:1 moet zijn voor de kopteksten en 4,5:1 voor de normale teksten. Controleer ook de andere kleur links op pagina's met dit design. Dit geldt voor alle pagina's met dit design.f

Bevinding 15: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren/gescheiden-ouders is een oranje met witte tekst 'Start een chatgesprek'. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,1:1 waar dit 4,5:1 moet zijn. Zorg voor voldoende contrast. Dit geldt voor alle pagina's met dit design.

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan staat met mobiele menu onderaan de pagina. Dit menu wordt echter afgedekt door de knop "Chat met Veilig Thuis". Zorg ervoor dat ook bij 200% zoom alle content en functionaliteit zichtbaar en bedienbaar blijft.

Bevinding 17: Bij de standaard-weergave staat rechts onderaan de pagina de knop "sluit website direct". Deze knop is altijd in beeld. Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan wordt deze knop echter niet getoond. Zorg ervoor dat ook bij 200% zoom alle content en functionaliteit zichtbaar en bedienbaar blijft.

Uitkomst: Onvoldoende

Bevinding 18: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 400% dan staat met mobiele menu onderaan de pagina. Dit menu wordt echter afgedekt door de knop "Chat met Veilig Thuis". Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit zichtbaar en bedienbaar blijft.

Bevinding 19: Als onderin het scherm het chatvenster wordt geopend, kan met de knop "Start de chat" een chat worden opgestart. Wanneer de gebruiker dit doet bij een schermgrootte van 1280x1024px en ingezoomd tot 400%, dan vallen de velden "Naam", "Postcode" en "Geslacht" buiten beeld. Deze velden kunnen ook niet meer in beeld worden gebracht. Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit beschikbaar blijft.

Bevinding 20: Wanneer de gebruiker de website bekijkt bij een schermgrootte van 1280x1024px en ingezoomd tot 400%, dan verschijnt na enkele seconden automatisch de pop-up van het Chatvenster schermvullend in beeld.

Bevinding 21: Wanneer de gebruiker pagina https://www.veiligthuiszuidhollandzuid.nl/ bekijkt bij een schermgrootte van 1280x1024px en ingezoomd tot 400%, dan valt het laatste woord van de kop "15 juni: Internationale dag tegen ouderenmishandeling" deels buiten beeld.

Bevinding 22: Bij de standaard-weergave staat rechts onderaan de pagina de knop "sluit website direct". Deze knop is altijd in beeld. Wanneer wordt ingezoomd tot 400% dan wordt deze knop echter niet getoond. Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit zichtbaar en bedienbaar blijft.

Bevinding 23: Bovenaan iedere pagina staat een kruimelpad. Wanneer wordt ingezoomd tot 400% dan wordt dit slechts deels weergegeven. Zorg ervoor dat ook bij 400% zoom alle content en functionaliteit beschikbaar blijft.

Bevinding 24: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt op pagina https://www.veiligthuiszuidhollandzuid.nl/toegankelijkheidsverklaring de kop "Toegankelijkheidsverklaring" voor een deel buiten beeld. Zorg ervoor dat ook bij 400% zoom alle content zichtbaar blijft.

Uitkomst: Onvoldoende

Bevinding 25: Wanneer bezoekers op pagina https://www.veiligthuiszuidhollandzuid.nl/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, is de kop "Je kunt bij ons terecht" niet meer (goed) leesbaar omdat de witte letters op een witte achtergrond komen te staan. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

Uitkomst: Onvoldoende

Bevinding 26: Als je links bovenaan iedere pagina over de menu-knop met de 3 streepjes hovert met de muis, verschijnt er aanvullende content. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de escape-toets kunnen doen. Let op: de escape toets lijkt nu exclusief gereserveerd te zijn om de website direct te sluiten en nu.nl te openen.

Uitkomst: Onvoldoende

Bevinding 27: Op alle pagina’s staat onderin het scherm de knop “Chat met Veilig Thuis”. Daarbinnen staat de link “Informatie”, weergegeven met de letter “i”. Deze link is alleen met de muis te activeren, maar niet met het toetsenbord. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Er zijn meer problemen met deze link. Zie daarvoor SC 4.1.2.

Uitkomst: Onvoldoende

Bevinding 28: Als de website voor het eerst wordt geopend bevindt zich onderaan de pagina een cookievenster in een lightbox. Als de pagina geopend wordt dient de focus daar gelijk heen te gaan en ook mag de focus niet buiten dit venster komen, voordat dit gesloten is. Dat is nu wel het geval.

Bevinding 29: Op pagina https://www.veiligthuiszuidhollandzuid.nl/contact-vt staat een formulier. Als bij het veld ”E-mailadres” een adres met een verkeerd formaat wordt ingevuld verschijnt bovenaan de pagina de melding “Er is helaas iets fout gegaan bij het verzenden” en bij het veld E-mailadres de melding “aa@bb is geen geldig e-mailadres”. De focus op de pagina komt ergens aan het eind van het formulier. iemand die het scherm niet kan zien moet eerst bepalen waar de focus staat en moet vervolgens navigeren naar de fout. Zie SC 4.1.2

Uitkomst: Onvoldoende

Bevinding 30: Links bovenaan de pagina staat een link met de tekst "Veilig Thuis ZHZ". Als je hierop klikt kom je op de homepage van "Veilig Thuis ZHZ". In de linknaam ontbreekt de linkdoel. Vul de tekst aan met ", naar de homepage". Deze tekst hoeft niet zichtbaar in beeld te verschijnen.

Bevinding 31: De links naar 'Contact opnemen' en naar 'Geschiedenis' wissen op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren hebben geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van schermleessoftware niet duidelijk waar de link heen gaat. De namen van de links staan in de code maar worden verborgen door middel van "display none". Zorg dat deze op een andere wijze buiten beeld worden gehouden totdat de link een hover of focus krijgt. Dit geldt voor alle pagina's met dit design.

Uitkomst: Onvoldoende

Bevinding 32: Op https://www.veiligthuiszuidhollandzuid.nl/ is op een aantal momenten de focus niet zichtbaar omdat er een popup over de content heen staat. Dit komt voor bij de cookie-instellingen en de chatbot, met name als de chatbot geopend is.

Uitkomst: Onvoldoende

Bevinding 33: De chatbot is te openen via een blauwe balk met de tekst 'Chat met Veilig Thuis'. Deze balk is tevens de knop om de chatbot te openen. De toegankelijke naam van de knop bevat niet de naam die visueel zichtbaar is. Hierdoor is de knop lastig met spraakbesturing te bedienen. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Zie 4.1.2

Uitkomst: Onvoldoende

Bevinding 34: Op de pagina https://www.veiligthuiszuidhollandzuid.nl/contact-vt staat aan de linkerkant van de pagina het menu-item "Coordinated Vulnerability Disclosure". Deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen. Een andere oplossing is om de tekst te vertalen in Nederlands (beter begrijpelijk).

Uitkomst: Onvoldoende

Bevinding 35: Als de website voor het eerst wordt geopend bevindt zich onderaan de pagina een cookievenster. Dit is een lightbox, omdat deze over andere content heen valt. Deze lightbox mist nu een rol en een naam. Voorzie het div-element met class=”cookiemessage” van de attributen role=”dialog” en aria-modal=”true”. En voorzie deze tevens van een beschrijvende naam met bijvoorbeeld aria-label.

Bevinding 36: De chatbot is te openen via een blauwe balk met de tekst 'Chat met Veilig Thuis'. Deze balk is tevens de knop om de chatbot te openen. De toegankelijke naam van de knop luidt 'Open chat popup'. Dit bevat niet de naam die visueel zichtbaar is. Hierdoor is de knop lastig met spraakbesturing te bedienen. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Ook is door hulpsoftware niet te bepalen of het chatbot-venster geopend of gesloten is. om de chatbot te sluiten is de naam van de knop ook 'Open chat popup'. Zorg dat de status van het chatbot-venster beschikbaar is. Dit kan je bijvoorbeeld oplossen met aria-expanded.

Bevinding 37: Op pagina https://www.veiligthuiszuidhollandzuid.nl/contact-vt staat een formulier. Als bij het veld ”E-mailadres” een adres met een verkeerd formaat wordt ingevuld verschijnt bovenaan de pagina de melding “Er is helaas iets fout gegaan bij het verzenden” en bij het veld E-mailadres de melding “aa@bb is geen geldig e-mailadres”. De focus op de pagina komt ergens aan het eind van het formulier. iemand die het scherm niet kan zien moet eerst bepalen waar de focus staat en moet vervolgens navigeren naar de fout. Als je voorbij het mailadres navigeert verdwijnt de foutmelding. Schermleessoftware heeft de foutmelding niet doorgekregen. Zorg dat de foutmelding in beeld blijft en dat de foutmelding gekoppeld is aan het invoerveld, bijvoorbeeld via aria-labelledby.

Bevinding 38: Op pagina https://www.veiligthuiszuidhollandzuid.nl/voor-jongeren is een knop om het venster te sluiten: 'Sluit website direct'. Deze knop bevindt zich onder de knoppen 'Contact opnemen' en 'Geschiedenis wissen'. Deze knop heeft geen (goede) toegankelijke naam. Dit komt omdat de tekst binnen de knop door middel van "display none" wordt verborgen. De knop is met hulpsoftware niet of niet goed te bedienen. Zorg dat de naam van de knop voor hulpsoftware beschikbaar is, ook als de naam niet in beeld is. Dit geldt voor alle pagina's met dit design.