Alleen de bevindingen:
Audit digitale toegankelijkheid website Serviceorganisatie Jeugd zhz

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.jeugdzhz.nl/ik-ben-een-verwijzer staat onder de kop “Stroomschema Bepaling 2022 GI” een complexe afbeelding met een stroomschema en veel tekst. Deze is inmiddels vervangen door een Word-document. De pijlen in het stroomschema en de samenhangen tussen de teksten ontbreken zodat blinden deze informatie helemaal moeten missen. Zorg dat alle informatie uit het document ook uitgeschreven terug te vinden is in de HTML-tekst op de pagina.

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://www.jeugdzhz.nl/contact staat onder de kop “Contact” de kop “Telefonische bereikbaarheid clientadministratie”. Deze is opgemaakt als alinea met het p-element en wordt vetgedrukt weergegeven met het strong-element. Maak deze kop op als een echte kop, bij voorkeur als h2-kop. Verwijder ook het strong-element. Het strong-element mag niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3).

Bevinding 3: Op pagina https://www.jeugdzhz.nl/contact bevat de eerste tabel twee kolomkoppen die zijn opgemaakt met een td-element en vetgedrukt worden weergegeven met het strong-element. Dat is niet correct. Maak deze op met het th-element als echte tabelkoppen. Verwijder ook het strong-element. Het strong-element mag niet worden gebruikt als visuele kop. Hetzelfde doet zich voor met de tabel op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/gecontracteerde-jeugdhulpaanbieders met de koppen “Aanbieder”, “Hoofdbranche” en “Link beschikbaarheidswijzer”. Controleer alle tabellen op de website.

Bevinding 4: Op pagina https://www.jeugdzhz.nl/contact bevat de tweede tabel de kolomkoppen “Contractmanager” en “Branche” die zijn opgemaakt met een td-element. Dat is niet correct. Maak deze op met het th-element.

Bevinding 5: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/gecontracteerde-jeugdhulpaanbieders staan twee tabellen met Aanbieders. Deze zijn nu over twee tabellen verdeeld, maar horen bij elkaar. Voeg deze tabellen daarom samen tot één tabel.

Bevinding 6: Op pagina https://www.jeugdzhz.nl/zoekresultaten?q=jeugd staat onder de kop “Zoeken” de tekst “Uw zoekopdracht heeft 54 resultaten opgeleverd.”. Deze is volledig met het strong-element opgemaakt. Het strong- en em-element zijn bedoeld om nadruk te geven aan één of enkele woorden, niet voor hele zinnen. Verwijder hier het strong-element en maak deze tekst bijvoorbeeld op met een p-element. Gebruik CSS (code in de stylesheet van de website) om de teksten in deze vorm te tonen.

Bevinding 7: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering is een groot aantal koppen, waaronder “U wijkt af van het normenkader …”, “U heeft een ophoging van het toewijzingsbudget …”en “Inleiding” opgemaakt als alinea met het p-element en deze worden vetgedrukt weergegeven met het strong-element. Maak deze koppen op als een echte koppen, bij voorkeur als h3-koppen en verwijder het strong-element. Het strong-element mag niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3).

Bevinding 8: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering is een groot aantal teksten, waaronder “Ervaringsdeskundigheid is het vermogen …” en “De jeugdhulpregio Zuid-Holland Zuid heeft ervaringsdeskundigen” opgemaakt met een em-element, om deze cursief weer te geven. Hiervoor is het em-element niet bedoeld. Verwijder hier daarom de em-elementen en gebruik CSS om deze teksten cursief weer te geven.

Bevinding 9: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering is de kop “Voorbeelden inzet niet-gecontracteerde onderaannemers” niet opgemaakt als kop. Verwijder hier het em-element en maak deze kop op als een echte kop.

Bevinding 10: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering is alle content vanaf “1. Samenwerking met een gecontracteerde onderaannemer” tot de kop “Ervaringsdeskundigen” opgenomen binnen een p-element. Dat is niet correct. Dit is een genummerde opsomming maak daarom gebruik van de bijbehorende code om deze opsomming op te bouwen. (ol/li-elementen) Dit komt vaker voor; pas dit overal aan.

Bevinding 11: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering staat onder het kopje “Context” een opsomming van drie punten. Maak dit op al een genummerd opsomming. Dit komt vaker voor; pas dit overal aan.

Bevinding 12: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/bedrijfsvoering staat onder het kopje “De waarde van ervaringsdeskundigen op de werkvloer” een opsomming met bolletjes. Maak ook deze op als een echte opsomming (ul/li-elementen). Dit komt vaker voor; pas dit overal aan.

Bevinding 13: Op pagina https://www.jeugdzhz.nl/zoekresultaten?q=jeugd staan zoekresultaten. De zoekresultaten vormen een opsomming van resultaten, zet ze daarom in een opsomming (ul- en li-element). Op pagina https://www.dienstgezondheidjeugd.nl/ staat onder de kop “Onze diensten” een opsomming van diensten. Deze horen bij elkaar, zet ze daarom bij elkaar in een opsomming.

Bevinding 14: Helemaal onderin de footer staan twee opsommingen. In de eerste opsomming staat "Cookie instellingen", in de tweede opsomming staat "Privacy". Visueel is het een opsomming, voeg daarom deze twee opsommingen samen.

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.jeugdzhz.nl/contact staat een contactformulier waar de bezoeker het eigen e-mailadres, naam en telefoonnummer kan 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.

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.jeugdzhz.nl/contact heeft de grijze tekst op de grijze achtergrond onder het veld Mijn vraag gaat over ("Maak en keuze aub") een te laag contrast. De contrastverhouding is 2,1:1 waar dit 4,5:1 moet zijn. bij deze controle is de website-instelling hoog-contrast geactiveerd. Beter is om direct zonder deze knop met voldoende contrast te werken. Bezoekers moeten hiervoor een extra handeling verrichten.

Bevinding 17: ADVIES: Er is een hoogcontrastknop waardoor de website een toegankelijk alternatief heeft. Beter is om direct met voldoende contrast te werken. Zo zijn de foutmelding slecht leesbaar in normale modus en voldoende als de website op hoog contrast wordt gezet. Bezoekers moeten hiervoor een extra handeling verrichten.

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Bevinding 19: ADVIES: De webpagina's hebben allemaal een unieke titel. Als eerste wordt de naam van de organisatie genoemd. Dat is niet fout, maar het is beter om het unieke deel van de paginatitel vooraan te zetten en als laatste de naam van de organisatie.

Uitkomst: Onvoldoende

Bevinding 20: Als de website voor het eerst wordt geopend bevindt zich onderaan de pagina een cookievenster in een lightbox over de pagina heen. Als de pagina geopend wordt gaat de focus daar gelijk heen te gaan en ook mag de focus niet buiten deze popup komen voordat dit gesloten is. Dat is nu wel het geval. In de hercontrole is gebleken dat de focus gelijk naar de cookiemelding gaat. Dat is goed, echter de popup staat zodanig in het scherm dat deze niet verlaten mag worden.

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://www.jeugdzhz.nl/inkoop-2022-e-v/gecontracteerde-jeugdhulpaanbieders staat in de derde kolom van de tabellen steeds de link “Link”. Het is hier onvoldoende duidelijk wat het doel van deze links is. Los dit op door dit aan te vullen met de naam van de website / webpagina waarnaar de link verwijst. Visueel hoeft dit deel van de tekst niet zichtbaar te zijn.

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.jeugdzhz.nl/contact staat bovenaan in het contentgedeelte een tabel met de kolomkoppen “Keuze 1” en “Keuze 2”. Deze koppen zijn hier niet voldoende beschrijvend.

Uitkomst: Onvoldoende

Bevinding 23: Wanneer het veld 'Mijn vraag gaat over' op pagina https://www.jeugdzhz.nl/contact focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Dit is getest met de hoogcontrastknop van de website geactiveerd.

Uitkomst: Onvoldoende

Bevinding 24: Via het menu in de footer is het mogelijk om de cookie-instellingen aan te passen. Deze popup verschijnt in het Engels, echter ontbreekt de taalaanduiding van dit onderdeel. Schermleessoftware leest de tekst vreemd voor. Plaats een correcte taalaanduiding of vertaal de teksten naar het Nederlands.

Uitkomst: Onvoldoende

Bevinding 25: Via het menu in de footer is het mogelijk om de cookie-instellingen aan te passen. Dit is een lightbox, omdat deze over andere content heen valt is dit een popup. Deze popup mist nu een rol en een naam. Voorzie het div-element op correcte wijze van code zodat deze zich als popup gedraagt. Beter is het om het dialog-element te gebruiken.

Bevinding 26: Op pagina https://www.jeugdzhz.nl/ik-ben-een-jeugdhulpaanbieder/bestuurlijke-ontwikkeltafel/overleggen-2024 staan in het zijmenu onder de kop “Ik ben een jeugdhulpaanbieder” een aantal inklapbare en uitklapbare submenu’s, die met een knop bediend kunnen worden. De min-en plusknoppen achter de tekst hebben allemaal dezelfde nam. Mensen die het scherm niet (goed) kunnen zien en gebruik maken van schermleessoftware weten zo niet waar de knop bij hoort. Het gaat bijvoorbeeld om de knop bij de link “Bestuurlijke ontwikkeltafel”. Los dit op door dit aan de toegankelijke naam toe te voegen. Doe dat voor al deze knoppen. Visueel hoeft de aanvullende tekst niet getoond te worden. Dit doet zich op meerdere pagina’s voor, waaronder https://www.jeugdzhz.nl/ik-ben-een-jeugdhulpaanbieder/bestuurlijke-ontwikkeltafel/overleggen-2025/19-februari-2025.

Uitkomst: Onvoldoende

Bevinding 27: Bij het sub-menu links bovenaan de pagina is naast de naam van de website een knop waarmee je een navigatiemenu kunt openen. Het attribuut aria-expanded is toegevoegd maar bij openen van het menu met hover wordt de status van aria-expanded niet gewijzigd in "true". Met toetsenbordfocus werkt de knop wel goed.