Toegankelijkheidsverklaring
Over deze evaluatie
Rapport auteur: Tom Brinkman
Opdrachtgever voor evaluatie: OZJT/Samen14
Evaluatiedatum: 9-1-2026
Managementsamenvatting
Er zijn geen grote toegankelijkheidsproblemen op de website, maar meerdere kleinere dingen die mis gaan. Het merendeel zijn fouten in de techniek, maar op een paar plekken kan de inhoud ook beter, vooral op de pagina vol met foto’s.
Scope van de evaluatie
Websitenaam: Samenwerkingsagenda Jeugdhulp Twente
Scope van de website: Alle publiek toegankelijke pagina’s
WCAG versie: 2.1
Conformiteitsdoel: AA
Basisniveau van toegankelijkheid-ondersteuning:
- Chrome versie 143.0 (Officiële build) (64-bits)
- Edge versie 143.0 (Officiële build) (64-bits)
- NVDA versie 2025.1.2.36913
Overzicht
1 Waarneembaar
| Succescriterium | Uitkomst |
|---|---|
| 1.1.1 Niet-tekstuele content | ❌ Onvoldoende |
| 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) | ➖ Niet van toepassing |
| 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) | ❌ Onvoldoende |
| 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) | ❌ Onvoldoende |
| 1.2.4 Ondertitels voor doven en slechthorenden (live) | ➖ Niet van toepassing |
| 1.2.5 Audiodescriptie (vooraf opgenomen) | ❌ Onvoldoende |
| 1.3.1 Info en relaties | ❌ Onvoldoende |
| 1.3.2 Betekenisvolle volgorde | ✅ Voldoende |
| 1.3.3 Zintuiglijke eigenschappen | ✅ Voldoende |
| 1.3.4 Weergavestand | ❌ Onvoldoende |
| 1.3.5 Identificeer het doel van de input | ❌ Onvoldoende |
| 1.4.1 Gebruik van kleur | ✅ Voldoende |
| 1.4.2 Geluidsbediening | ✅ Voldoende |
| 1.4.3 Contrast (minimum) | ❌ Onvoldoende |
| 1.4.4 Herschalen van tekst | ❌ Onvoldoende |
| 1.4.5 Afbeeldingen van tekst | ❌ Onvoldoende |
| 1.4.10 Reflow | ❌ Onvoldoende |
| 1.4.11 Contrast van niet-tekstuele content | ❌ Onvoldoende |
| 1.4.12 Tekstafstand | ✅ Voldoende |
| 1.4.13 Content bij hover of focus | ❌ Onvoldoende |
2 Bedienbaar
| Succescriterium | Uitkomst |
|---|---|
| 2.1.1 Toetsenbord | ✅ Voldoende |
| 2.1.2 Geen toetsenbordval | ❌ Onvoldoende |
| 2.1.3 Enkel teken sneltoetsen | ❌ Onvoldoende |
| 2.2.1 Timing aanpasbaar | ➖ Niet van toepassing |
| 2.2.2 Pauzeren, stoppen, verbergen | ➖ Niet van toepassing |
| 2.3.1 Drie flitsen of beneden drempelwaarde | ✅ Voldoende |
| 2.4.1 Blokken omzeilen | ✅ Voldoende |
| 2.4.2 Paginatitel | ✅ Voldoende |
| 2.4.3 Focusvolgorde | ✅ Voldoende |
| 2.4.4 Linkdoel (in context) | ❌ Onvoldoende |
| 2.4.5 Meerdere manieren | ✅ Voldoende |
| 2.4.6 Koppen en labels | ❌ Onvoldoende |
| 2.4.7 Focus zichtbaar | ❌ Onvoldoende |
| 2.5.1 Aanwijzergebaren | ➖ Niet van toepassing |
| 2.5.2 Aanwijzerannulering | ✅ Voldoende |
| 2.5.3 Label in naam | ✅ Voldoende |
| 2.5.4 Bewegingsactivering | ➖ Niet van toepassing |
3 Begrijpelijk
| Succescriterium | Uitkomst |
|---|---|
| 3.1.1 Taal van de pagina | ✅ Voldoende |
| 3.1.2 Taal van onderdelen | ➖ Niet van toepassing |
| 3.2.1 Bij focus | ✅ Voldoende |
| 3.2.2 Bij input | ✅ Voldoende |
| 3.2.3 Consistente navigatie | ✅ Voldoende |
| 3.2.4 Consistente identificatie | ✅ Voldoende |
| 3.3.1 Foutidentificatie | ✅ Voldoende |
| 3.3.2 Labels of instructies | ❌ Onvoldoende |
| 3.3.3 Foutsuggestie | ✅ Voldoende |
| 3.3.4 Foutpreventie (wettelijk, financieel, gegevens) | ➖ Niet van toepassing |
4 Robuust
| Succescriterium | Uitkomst |
|---|---|
| 4.1.1 Parsen | ✅ Voldoende |
| 4.1.2 Naam, rol, waarde | ❌ Onvoldoende |
| 4.1.3 Statusberichten | ❌ Onvoldoende |
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 50 van 50 WCAG 2.1 AA succescriteria.
- 21 ✅ Voldoende
- 21 ❌ Onvoldoende
- 8 ➖ Niet van toepassing
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://samenwerkingsagendajeugdhulptwente.nl/nieuws/fotos-samenwerkingsatelier-4-juni-2025/ staat een foto bovenaan de pagina, deze heeft als alternatieve tekst alleen “Foto”. Waarschijnlijk had dit “Foto’s samenwerkingsatelier” moeten zijn als ik in de code kijk, maar dat is nog steeds geen beschrijvende tekst voor deze afbeelding.
Verder hebben alle foto’s op deze pagina geen beschrijvende tekst. Er is in een fotobewerkingsprogramma tekst in de afbeeldingen gezet, maar deze wordt niet gevonden door hulpsoftware. Met HTML en CSS tekst in deze pagina’s zetten zou beter zijn. Voor iemand die hulpsoftware gebruikt, lijkt dit nu een lege pagina.
1.2 Op tijd gebaseerde media
1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen louter-geluid of louter-video aanwezig op de pagina’s binnen de steekproef.
1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Uitkomst: ❌ Onvoldoende
Bevindingen: De animatie op https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/ is niet voorzien van ondertiteling.
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: ❌ Onvoldoende
Bevindingen: Er is geen audiodescriptie of media-alternatief voor de video op https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/
1.2.4 Ondertitels voor doven en slechthorenden (live)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen live-content aanwezig op de pagina’s binnen de steekproef.
1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: ❌ Onvoldoende
Bevindingen: Er is geen audiodescriptie voor de video op https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/
1.3 Aanpasbaar
1.3.1 Info en relaties
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina’s is vlak boven het contactformulier de tekst ‘Een sterke toekomst’ als H3 opgemaakt, maar dit lijkt alleen voor opmaak te zijn en niet vanwege paginastructuur.
Op elke pagina komt het ARIA-landmark ‘navigation’ twee keer voor. Op zich mag dit, maar ze moeten wel te onderscheiden zijn. Nu heet de ene ‘navigatie’ en de ander ‘navigation’, dus dit is niet te onderscheiden. ‘Actielijnen’ en ‘Footerlinks’ zouden hier betere omschrijvingen zijn.
1.3.2 Betekenisvolle volgorde
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef staan zowel visueel als programmatisch in een betekenisvolle volgorde.
1.3.3 Zintuiglijke eigenschappen
Uitkomst: ✅ Voldoende
Bevindingen: Er wordt nergens gebruik gemaakt van alleen zintuigelijke eigenschappen op de pagina’s binnen de steekproef.
1.3.4 Weergavestand
Uitkomst: ❌ Onvoldoende
Bevindingen: De inhoud van de zoekresultaten wordt in meerdere verticale kolommen weergegeven in portretstand op een mobiel apparaat. Hierdoor komen alle letters onder elkaar te staan, waardoor de inhoud niet leesbaar is. Door hier gebruik te maken van bijvoorbeeld display: inline-block in plaats van display: grid kan er al veel opgelost worden.
1.3.5 Identificeer het doel van de input
Uitkomst: ❌ Onvoldoende
Bevindingen: De velden waar een e-mailadres moet worden ingevuld zijn voorzien van het correcte autocomplete-attribuut “email”. Bij het contactformulier is ook een veld waar een naam moet worden ingevuld, hier staat het autocomplete-attribuut ingevuld als “on”. Dit is nooit goed, hier moet “name” of een variant daarvan gebruikt worden.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur
Uitkomst: ✅ Voldoende
Bevindingen: Nergens wordt alleen kleur gebruikt om betekenis, status of functionaliteit over te brengen.
1.4.2 Geluidsbediening
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen pagina’s binnen de steekproef waar audio automatisch begint af te spelen.
1.4.3 Contrast (minimum)
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de homepagina loopt staat een kop ‘Contactformulier’ met tekst eronder over de breedte van het scherm. De achtergrond loopt hier van paars naar roze. Het exacte contrastverschil hangt af van de breedte van het scherm, maar aan de roze kant is dit contrast met de tekst te weinig. Dit gebeurt op meer pagina’s.Op de pagina https://samenwerkingsagendajeugdhulptwente.nl/over-ons/ staan kopjes in een wit vlak met tekstkleur D391AD. Dit heeft een contrastratio van 2,4:1 terwijl het minimaal 4,5 moet zijn. Op de pagina van de animatievideo wordt deze combinatie ook gebruikt voor het categorielabel ‘Algemeen’.
1.4.4 Herschalen van tekst
Uitkomst: ❌ Onvoldoende
Bevindingen: Bij 200% zoom@1280×1024 komt de foutmelding bij het inschrijven van de nieuwsbrief over de tekst eronder heen. Bij het contactformulier gaat dit wel goed.
Bij deze zoom zijn menu-items na ‘Kennisbank’ ook niet meer met de muis te selecteren.
De zoekresultaten worden in horizontale kolommen weergegeven, wat de leesbaarheid moeilijk maakt. Zie ook criterium 1.3.4.
De knop om cookies in te stellen verdwijnt van de pagina bij deze zoom en resolutie.
1.4.5 Afbeeldingen van tekst
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://samenwerkingsagendajeugdhulptwente.nl/nieuws/fotos-samenwerkingsatelier-4-juni-2025/ zijn meerdere afbeeldingen waar tekst is ingeplakt. Deze tekst kan niet worden opgepikt door schermlezers. Als je dit wil, moet dit via CSS gebeuren.
1.4.10 Reflow
Uitkomst: ❌ Onvoldoende
Bevindingen: Bij 400% zoom@1280×1024 komt de foutmelding bij het inschrijven van de nieuwsbrief over de tekst eronder heen. Bij het contactformulier gaat dit wel goed.
De knop om cookies in te stellen verdwijnt van de pagina bij deze zoom en resolutie.
Opsommingstekens zijn maar gedeeltelijk zichtbaar, zoals op de pagina https://samenwerkingsagendajeugdhulptwente.nl/actielijnen/onderwijs-en-zorg/
De zoekresultaten worden in horizontale kolommen weergegeven, wat de leesbaarheid moeilijk maakt. Zie ook criterium 1.3.4. Ook verschijnt er hier een extra horizontale scrollbalk om deze inhoud goed zichtbaar te maken.
1.4.11 Contrast van niet-tekstuele content
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/ is een knop ‘Terug naar Kennisbak’ zichtbaar. Zodra deze knop hover ontvangt, verandert het kleurenschema naar achtergrond #D391AD met tekstkleur #FFFFFF. Dit heeft een contrast van 2,4:1, terwijl dit minimaal 3,0:1 moet zijn. Deze kleuren bij hover komen bij meerdere knoppen voor.
De omgekeerde kleurencombinatie komt voor sommige pijltjes in blokken voor, bij bijvoorbeeld https://samenwerkingsagendajeugdhulptwente.nl/over-ons/
Er is een inschrijfformulier voor de nieuwsbrief. Dit veld heeft een witte achtergrond zonder rand, waardoor het niet duidelijk te onderscheiden is van de gemêleerde grijzige achtergrond. Toch voldoet dit veld hier, omdat de placeholdertekst voldoende contrast heeft. De oplossing in het contactformulier, met een lijn onder het veld is wel netter.
Het contrast van de focusindicator is overal goed te zien wanneer het alleen om het omlijnen van een element gaat wat focus ontvangt. In sommige gevallen verandert echter de hele achtergrond van kleur. Als de tekst de lichtgrijze kleur #DDDCE9 heeft, is het contrast prima. Maar er zijn ook gevallen waar de tekst de kleur #444C88 heeft. Dit levert een contrast van 2,6:1 op, waar dit minimaal 3,0:1 of 4,5:1 moet zijn, afhankelijk van de tekstgrootte.
De knop om het cookiebeleid te accepteren krijgt alleen een zwarte rand om de knop. Dit is normaal niet voldoende contrast, maar dit is de standaardinstelling van de user agent en niet bewerkt met CSS, dus is volgens dit criterium goedgekeurd.
1.4.12 Tekstafstand
Uitkomst: ✅ Voldoende
Bevindingen: Met de CSS-code voor de aangepaste tekst- en regelafstanden blijven de pagina’s binnen de steekproef goed bruikbaar.
Één kleine opmerking: Het woord ‘Menu’ bovenin wordt over twee regels weergegeven met deze instellingen.
1.4.13 Content bij hover of focus
Uitkomst: ❌ Onvoldoende
Bevindingen: Bij de videospeler verschijnen tekstlabels als bepaalde elementen aan de zijkant focus krijgen (“Like”, “Add to watch later”, etc). Deze kunnen niet gesloten worden met bijvoorbeeld de escape-toets. Ze verdwijnen alleen door focus te verplaatsen. Bij de knoppen die de videospeler bedienen gaat dit wel goed, “pause/play” of “settings” kan verborgen worden met de escape-toets.
Deze labels verschijnen ook bij muishover over de elementen. De hulpteksten die dan verschijnen, verdwijnen pas bij het verplaatsen van de muis. Het is ook niet mogelijk om de muis eroverheen te verplaatsen bij de knoppen aan de zijkant, ze zijn dus niet persistent.
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
2.1.1 Toetsenbord
Uitkomst: ✅ Voldoende
Bevindingen: Alle inhoud op de pagina’s binnen de steekproef is met het toetsenbord te bedienen.
2.1.2 Geen toetsenbordval
Uitkomst: ❌ Onvoldoende
Bevindingen: Er zit een toetsenbordval in het menu. Als je het pijltje na ‘Actielijnen’ selecteert en activeert, verschijnt een tweede rij met menu-items. Het is dan niet meer mogelijk om met de tabtoets de tweede rij te sluiten, terug te komen naar de eerste rij met items, bij ‘sluiten’ te komen of om het menu te sluiten met bijvoorbeeld escape.
Het is mogelijk om het menu weer te sluiten door op pijltje naar beneden te klikken, waardoor het gehele menu sluit, omdat de pagina scrollt. Dit is echter geen standaardfunctionaliteit en zou dan van tevoren aan de gebruiker kenbaar gemaakt moeten worden.
2.1.3 Enkel teken sneltoetsen
Uitkomst: ❌ Onvoldoende
Bevindingen: De videospeler op https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/ bevat enkel teken sneltoetsen, zoals ‘k’ voor afspelen/pauze en ‘m’ voor geluid dempen.
2.2 Genoeg tijd
2.2.1 Timing aanpasbaar
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen elementen met timing op de pagina’s binnen de steekproef.
2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen elementen met automatisch bewegende inhoud op de pagina’s binnen de steekproef.
2.3 Toevallen en fysieke reacties
2.3.1 Drie flitsen of beneden drempelwaarde
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen ‘flitsende’ content aanwezig op de pagina’s binnen de steekproef.
2.4 Navigeerbaar
2.4.1 Blokken omzeilen
Uitkomst: ✅ Voldoende
Bevindingen: Er is een skiplink op elke pagina om het logo en het menu te omzeilen. Nadat de cookies zijn ingesteld, is dit ook het eerste item op de pagina dat focus ontvangt.
2.4.2 Paginatitel
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef zijn allemaal voorzien van een duidelijke beschrijvende titel.
2.4.3 Focusvolgorde
Uitkomst: ✅ Voldoende
Bevindingen: De focusvolgorde op de pagina’s binnen de steekproef is logisch en volgt de volgorde van de paginaopbouw.
2.4.4 Linkdoel (in context)
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de homepagina staat twee keer een link met de naam ‘Aanpak wachttijden jeugdhulp’, maar die gaat naar twee verschillende bestemmigen.
2.4.5 Meerdere manieren
Uitkomst: ✅ Voldoende
Bevindingen: Er is een zoekfunctie aanwezig zodat op meerdere manieren kan worden genavigeerd.
2.4.6 Koppen en labels
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://samenwerkingsagendajeugdhulptwente.nl/nieuws/fotos-samenwerkingsatelier-4-juni-2025/ wordt twee keer direct na elkaar de H2 ‘Contact’ gebruikt. Dit is verwarrend. De eerste keer gaat het over het contactformulier, zo heet deze kop ook op alle andere pagina’s. De tweede keer is contactinformatie van de organisatie.
De overige koppen geven in het algemeen duidelijk aan waar de onderliggende inhoud over gaat. De formulieren zijn voorzien van labels. Deze zijn niet zichtbaar, maar worden wel opgepikt door hulpsoftware.
2.4.7 Focus zichtbaar
Uitkomst: ❌ Onvoldoende
Bevindingen: Het menu voor cookiebeleid bevat een knop ‘Bekijk voorkeuren’ die onzichtbaar is gemaakt, maar nog wel tabfocus kan ontvangen tussen ‘weigeren’ en de link naar ‘Cookie beleid’. Hierdoor kan de focus ineens onzichtbaar zijn.
Als het eind van de pagina bereikt is, springt de focus weer terug naar boven. Maar de focus kan op de eerste paar items van de pagina – skiplink, logo, zoekfunctie en menu – komen te liggen, zonder dat de pagina ook mee scrollt. Dit zorgt ervoor dat de focus op dat moment onzichtbaar is. De pagina scrollt wel naar het eerste element na het menu dat tabfocus ontvangt.
Op de homepagina is het in de carrousel met ‘Events’ mogelijk om aan het begin de focus op een onderdeel van de carrousel te leggen wat op dat moment niet zichtbaar is. De carrousel scrollt dan niet automatisch naar dit element, wat voor de latere elementen wel gebeurt. Hierdoor kan de focus ook verdwijnen.
Ook heeft de focus niet altijd voldoende contrast, maar dit is bij 1.4.11 al genoemd.
2.5 Inputmodaliteiten
2.5.1 Aanwijzergebaren
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen multi-touch of pad-gebaseerde gebaren nodig binnen de steekproef.
2.5.2 Aanwijzerannulering
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen functionaliteit die wordt geinitialiseerd bij alleen een down-event. Je kunt dus altijd annuleren door het up-event niet uit te voeren.
2.5.3 Label in naam
Uitkomst: ✅ Voldoende
Bevindingen: De toegankelijke naam om het menu te openen is ‘Menu openen’, terwijl de weergegeven tekst ‘Menu’ is. Dit wordt goedgekeurd, omdat ze beide met hetzelfde woord beginnen. Hetzelfde geldt voor de zoekknop, waar ‘Zoek’ staat, maar die als naam ‘Zoeken’ heeft.
2.5.4 Bewegingsactivering
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen onderdelen met bewegingsactivering aanwezig binnen de pagina’s uit de steekproef.
3 Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina
Uitkomst: ✅ Voldoende
Bevindingen: Op elke pagina binnen de steekproef is het lang-attribuut goed ingesteld op ‘nl’.
3.1.2 Taal van onderdelen
Uitkomst: ➖ Niet van toepassing
Bevindingen: Binnen de steekproef zijn er geen passages in andere talen dan Nederlands.
3.2 Voorspelbaar
3.2.1 Bij focus
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen elementen binnen de steekproef die onverwacht of onvoorspelbaar gedrag vertonen zodra ze focus krijgen
3.2.2 Bij input
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen grote onverwachte veranderingen, er moet altijd eerst op een knop gedrukt worden.
3.2.3 Consistente navigatie
Uitkomst: ✅ Voldoende
Bevindingen: De navigatie-elementen van de pagina’s binnen de steekproef zijn consistent opgebouwd.
3.2.4 Consistente identificatie
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef zijn voorzien van consistente identificatie.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie
Uitkomst: ✅ Voldoende
Bevindingen: De foutmeldingen geven duidelijk aan dat verplichte velden niet zijn ingevuld. Ook krijg je een melding dat er een e-mailadres wordt verwacht bij bepaalde velden welke opbouw dit moet hebben.
3.3.2 Labels of instructies
Uitkomst: ❌ Onvoldoende
Bevindingen: Er zijn geen zichtbare labels in de formulieren. Deze zijn alleen voorzien van placeholdertekst, die verdwijnt zodra je begint met invullen.
3.3.3 Foutsuggestie
Uitkomst: ✅ Voldoende
Bevindingen: Wanneer er geen geldig e-mailadres is ingevuld, wordt in de foutmelding aangegeven welke opbouw verwacht wordt (naam@voorbeeld.nl).
3.3.4 Foutpreventie (wettelijk, financieel, gegevens)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen formulieren aanwezig van deze aard op de website.
4 Robuust
4.1 Compatibel
4.1.1 Parsen
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef zijn opgebouwd uit geldige HTML.
4.1.2 Naam, rol, waarde
Uitkomst: ❌ Onvoldoende
Bevindingen: De zoekbalk heeft geen status om aan te geven of deze uitgeklapt is of niet. Dit zou met aria-expanded moeten, gelijk aan hoe het menu het doet.
Het pijltje achter ‘Actielijnen’ in het menu maakt wel gebruik van aria-expanded, maar hier is aria-titel gebruikt om een naam te geven aan dit besturingselement. Dit attribuut bestaat niet, het moet ‘title’ of ‘aria-label’ zijn, met als voorkeur de laatste. Verder krijgt deze knop na uitklappen tabindex -1, waardoor deze geen toetsenbordfocus meer kan ontvangen. Hierdoor kun je niet terug naar de linkerrij of de sluit menu-knop, waardoor een toetsenbordval ontstaat.
In het Complianz-dialoogvenster wordt een X gebruikt in een <div> met role=button. Hoewel alles goed reageert, zou het veel beter zijn om hier direct een <button> in plaats van een <div> te gebruiken.
4.1.3 Statusberichten
Uitkomst: ❌ Onvoldoende
Bevindingen: De foutmeldingen bij een formulier krijgen netjes aria-live = assertive. Maar als je voor verzenden kiest in het contactformulier, gebeurt er niks. Je krijgt geen foutmelding, maar ook geen melding dat je formulier is verzonden.
Sample met getoetste webpagina’s
| # | Titel | Link |
|---|---|---|
| 1. | Home | https://samenwerkingsagendajeugdhulptwente.nl/ |
| 2. | Over ons | https://samenwerkingsagendajeugdhulptwente.nl/over-ons/ |
| 3. | Nieuws | https://samenwerkingsagendajeugdhulptwente.nl/nieuws/ |
| 4. | Foto’s Samenwerkingsatelier | https://samenwerkingsagendajeugdhulptwente.nl/nieuws/fotos-samenwerkingsatelier-4-juni-2025/ |
| 5. | Onze actielijnen | https://samenwerkingsagendajeugdhulptwente.nl/actielijnen/ |
| 6. | Actielijn 2: Onderwijs en zorg | https://samenwerkingsagendajeugdhulptwente.nl/actielijnen/onderwijs-en-zorg/ |
| 7. | Kennisbank | https://samenwerkingsagendajeugdhulptwente.nl/kennisbank/ |
| 8. | Events | https://samenwerkingsagendajeugdhulptwente.nl/events/ |
| 9. | Animatievideo: Landelijk aanmeldformulier jeugdhulp | https://samenwerkingsagendajeugdhulptwente.nl/kennis-items/animatievideo-landelijk-aanmeldformulier-jeugdhulp/ |
| 10. | Zoekresultaten scheiding | https://samenwerkingsagendajeugdhulptwente.nl/?s=Scheiding&submit=Search |
Webtechnologie
HTML, CSS, JavaScript