Toegankelijkheidsrapport
Over deze evaluatie
Rapport auteur: Tom Brinkman
Opdrachtgever voor evaluatie: GGD Twente
Evaluatiedatum: 18 augustus 2025
Managementsamenvatting
Over het algemeen is de website goed toegankelijk. Er zitten alleen een meerdere fouten in veelal dezelfde onderdelen, waardoor de website toch op meerdere succescriteria afgekeurd moet worden. Hierdoor lijkt de score slechter dan dat deze daadwerkelijk is.
Scope van de evaluatie
Websitenaam: https://www.loes.nl
Scope van de website: Alle pagina’s die onderdeel uitmaken van de website.
WCAG versie: 2.1
Conformiteitsdoel: AA
Basisniveau van toegankelijkheid-ondersteuning:
- Chrome versie 139.0.7258.128 (Officiële build) (64-bits)
- Edge versie 139.0.3405.102 (Officiële build) (64-bits)
- NVDA versie 2025.1.2
Verdere onderzoeksvereisten: Niet van toepassing
Overzicht
1 Waarneembaar
|
Succescriterium |
Uitkomst |
|
1.1.1 Niet-tekstuele content |
❌ Onvoldoende |
|
1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) |
✅ Voldoende |
|
1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) |
➖ Niet van toepassing |
|
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) |
➖ Niet van toepassing |
|
1.2.4 Ondertitels voor doven en slechthorenden (live) |
➖ Niet van toepassing |
|
1.2.5 Audiodescriptie (vooraf opgenomen) |
➖ Niet van toepassing |
|
1.3.1 Info en relaties |
❌ Onvoldoende |
|
1.3.2 Betekenisvolle volgorde |
❌ Onvoldoende |
|
1.3.3 Zintuiglijke eigenschappen |
✅ Voldoende |
|
1.3.4 Weergavestand |
✅ Voldoende |
|
1.3.5 Identificeer het doel van de input |
✅ Voldoende |
|
1.4.1 Gebruik van kleur |
✅ Voldoende |
|
1.4.2 Geluidsbediening |
➖ Niet van toepassing |
|
1.4.3 Contrast (minimum) |
❌ Onvoldoende |
|
1.4.4 Herschalen van tekst |
✅ Voldoende |
|
1.4.5 Afbeeldingen van tekst |
✅ Voldoende |
|
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 |
✅ Voldoende |
2 Bedienbaar
|
Succescriterium |
Uitkomst |
|
2.1.1 Toetsenbord |
❌ Onvoldoende |
|
2.1.2 Geen toetsenbordval |
✅ Voldoende |
|
2.1.3 Enkel teken sneltoetsen |
✅ Voldoende |
|
2.2.1 Timing aanpasbaar |
✅ Voldoende |
|
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 |
❌ Onvoldoende |
|
2.4.4 Linkdoel (in context) |
❌ Onvoldoende |
|
2.4.5 Meerdere manieren |
✅ Voldoende |
|
2.4.6 Koppen en labels |
✅ Voldoende |
|
2.4.7 Focus zichtbaar |
❌ Onvoldoende |
|
2.5.1 Aanwijzergebaren |
✅ Voldoende |
|
2.5.2 Aanwijzerannulering |
✅ Voldoende |
|
2.5.3 Label in naam |
❌ Onvoldoende |
|
2.5.4 Bewegingsactivering |
✅ Voldoende |
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 |
➖ Niet van toepassing |
|
3.2.3 Consistente navigatie |
✅ Voldoende |
|
3.2.4 Consistente identificatie |
❌ Onvoldoende |
|
3.3.1 Foutidentificatie |
✅ Voldoende |
|
3.3.2 Labels of instructies |
✅ Voldoende |
|
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 |
✅ Voldoende |
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 50 van 50 WCAG 2.1 AA succescriteria.
- 28 ✅ Voldoende
- 13 ❌ Onvoldoende
- 9 ➖ Niet van toepassing
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content
Uitkomst: ❌ Onvoldoende
Bevindingen: Bovenaan elke pagina staat het logo van Loes. Uit de alternatieve tekst blijkt niet dat dit een logo is, alleen dat het een link is naar de homepagina.
De foto’s van de bloggers op https://loes.nl/blogs hebben geen alt-tekst, maar zijn ook niet aangemerkt als decoratief.
Wanneer de lightbox van een spreker bij een evenement is geopend, staat er een X in de rechterbovenhoek. Deze X heeft geen alternatieve tekst, zodat het voor mensen die hulpsoftware gebruiken niet direct duidelijk is wat deze knop doet.
Op de pagina met zoekresultaten staat een knop met een vergrootglas om een zoekopdracht te starten. Deze knop heeft alleen geen toegankelijke naam, waardoor het niet duidelijk is wat deze knop doet voor mensen die gebruik maken van hulpsoftware.
1.2 Op tijd gebaseerde media
1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen louter-geluid of louter-videobeeld aanwezig op de pagina’s binnen de steekproef.
1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen media aanwezig binnen de steekproef die van ondertitels voorzien moet worden.
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen media aanwezig binnen de steekproef die van een audiodescriptie of alternatief voorzien moet worden.
1.2.4 Ondertitels voor doven en slechthorenden (live)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen media aanwezig binnen de steekproef die van ondertitels voorzien moet worden.
1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen media aanwezig binnen de steekproef die van een audiodescriptie of alternatief voorzien moet worden.
1.3 Aanpasbaar
1.3.1 Info en relaties
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://loes.nl/ontmoetingsgroepen/enschede klopt de koppenstructuur niet. De titels van de uitklapmenu’s zijn niveau H4, maar de koppen die verschijnen wanneer ‘Klets & Dreumes’ zijn uitgeklapt, zijn niveau H3. Deze zouden H5 moeten zijn. Bij ‘Klets & Baby’ gaat dit wel goed.
1.3.2 Betekenisvolle volgorde
Uitkomst: ❌ Onvoldoende
Bevindingen: Op verschillende plekken gaat er wat mis in de betekenisvolle volgorde.
De blokken bij de agenda zijn in de HTML-structuur zo opgebouwd dat eerst de leeftijdscategorie wordt voorgelezen, dan de titel (die ook fungeert als kop) en vervolgens de samenvatting van het evenement. Vervolgens gebeurt dit opnieuw. Hierdoor lijkt de leeftijdscategorie altijd onder de kop van het vorige evenement te vallen voor mensen met hulpsoftware.
Hetzelfde gebeurt met de leeftijdscategorie van de turquoise blokken die onder actueel vallen.
Iets soortgelijks gebeurt bij de gele blokken met blogs, hier wordt de auteur eerst gelezen, dan pas de titel die hoort bij de blog. Hierdoor lijkt de vorige auteur onder de huidige titel te vallen.
Dit gebeurt op elke plek waar deze blokken worden ingeladen.
1.3.3 Zintuiglijke eigenschappen
Uitkomst: ✅ Voldoende
Bevindingen: Nergens binnen de steekproef wordt alleen gebruik gemaakt van zintuigelijke eigenschappen om informatie over te brengen.
1.3.4 Weergavestand
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef zijn zowel in landschaps- als portretmodus te gebruiken.
1.3.5 Identificeer het doel van de input
Uitkomst: ✅ Voldoende
Bevindingen: De verschillende formulieren op de pagina’s binnen de steekproef zijn voorzien van de correcte autcomplete-attributen.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur
Uitkomst: ✅ Voldoende
Bevindingen: Nergens binnen de steekproef wordt alleen kleur gebruikt om informatie over te brengen.
1.4.2 Geluidsbediening
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen audio aanwezig binnen de pagina’s van de steekproef.
1.4.3 Contrast (minimum)
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://loes.nl/ontmoetingsgroepen/enschede staan uitklapbare secties. Deze hebben een grijze achtergrond met kleur #F2F2F2, de links in deze blokken hebben kleur #E2007D. Het contrast is hier 4,1:1. Omdat het de tekst hier 16px en niet vetgedrukt is, zou de tekst hier een contrast van minimaal 4,5:1 moeten hebben. Ditzelfde probleem doet zich ook voor bij de zoekresultaten.
Een soortgelijk iets gebeurt bij de formulieren om je aan te melden voor een agenda-item. De achtergrond hier is #FADCEB en de tekstkleur is #E2007D. Dit geeft een contrast van 3,6:1. Maar omdat de tekst 12 px groot is, moet dit minimaal 4,5:1 zijn. En oplossing zou kunnen zijn om de tekst te vergroten naar 14 px, omdat deze al dikgedrukt is. Anders moet het contrast omhoog naar minimaal 4,5:1.
Op de pagina https://loes.nl/agenda staat onderaan de tekst ‘Toon 20 van de 72 evenementen’. Deze tekst heeft de kleur #999999. Op de witte achtergrond geeft dit een contrast van 2,85:1. Dit moet voor deze tekst minimaal 4,5:1 zijn.
1.4.4 Herschalen van tekst
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef kunnen bij een breedte van 1280 pixels naar 200% gezoomd worden, zonder dat hierbij informatie wegvalt of functionaliteiten niet meer beschikbaar zijn.
1.4.5 Afbeeldingen van tekst
Uitkomst: ✅ Voldoende
Bevindingen: Er worden geen afleveringen van tekst gebruikt op de pagina’s binnen de steekproef.
1.4.10 Reflow
Uitkomst: ❌ Onvoldoende
Bevindingen: Op de pagina https://loes.nl/ontmoetingsgroepen/enschede schaalt de titel niet goed mee. ‘Ontmoetingsgroepen’ blijft op één regel staan, waardoor het bij 400% zoom te breed wordt voor het venster en niet meer goed te lezen is.
1.4.11 Contrast van niet-tekstuele content
Uitkomst: ❌ Onvoldoende
Bevindingen: Op meerdere pagina’s staat het aanmeldformulier voor de nieuwsbrief. Deze heeft als achtergrondkleur F9DCEB en de bij focus komt er om deze velden een rand met de kleur D1ADC7. Dit zorg voor een contrast van 1,5:1 waar dit minimaal 3:1 moet zijn. Deze rand moet dus donkerder. Dit geldt ook voor het aanmeldformulier bij agenda-items.
Een soortgelijk probleem doet zich voor bij het contactformulier. Hier is de achtergrond E5CBDB en de focuskleur C2A0BB. Ook deze combinatie heeft een contrast van 1,5:1.
1.4.12 Tekstafstand
Uitkomst: ✅ Voldoende
Bevindingen: Als er gebruik wordt gemaakt van het stylescript om te testen, blijft alle inhoud op de pagina’s binnen de steekproef beschikbaar en goed leesbaar.
1.4.13 Content bij hover of focus
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen content die verschijnt bij hover of focus op de pagina’s binnen de steekproef. Deze kan dus ook niet over andere inhoud heen geplaatst worden.
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
2.1.1 Toetsenbord
Uitkomst: ❌ Onvoldoende
Bevindingen: Wanneer je met de tab-toets door het formulier gaat om je aan te melden voor de nieuwsbrief, gaat het mis bij het veld over welke nieuwsbrief je moet ontvangen. Het dropdownmenu wordt automatisch geopend en kan pas gesloten worden wanneer alle mogelijke opties als actief zijn aangemerkt. Proberen met tab uit dit menu te komen, zorgt er alleen voor dat de volgende optie wordt gekozen.
Op een aanmeldpagina voor een agenda-item wordt dit formulier anders weergegeven. Hierdoor is het met het toetsenbord alleen mogelijk om maximaal één nieuwsbrief te selecteren, ook al zou je er meerdere willen. Je kunt hier wel met de tab-toets door naar het volgende veld.
Op de pagina van een webinar staat een foto van een spreker. Met de muis kun je op deze foto klikken, waardoor er meer informatie over deze persoon verschijnt. Deze foto lijkt echter geen tabfocus te ontvangen, waardoor deze aanvullende informatie voor toetsenbordgebruikers niet beschikbaar is.
Is dit pop-upmenu/lightbox wel geopend met de muis, dan is deze met het toetsenbord niet te sluiten. De X bovenin krijgt geen toetsenbordfocus en de escapetoets sluit dit venster ook niet.
2.1.2 Geen toetsenbordval
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen toetsenbordval op de pagina’s binnen de steekproef.
2.1.3 Enkel teken sneltoetsen
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen enkel teken sneltoetsen op de pagina’s binnen de steekproef
2.2 Genoeg tijd
2.2.1 Timing aanpasbaar
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen geanimeerde inhoud aanwezig binnen de steekproef. Ook zijn er geen functies met een tijdslimiet.
2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er is geen geanimeerde media die gepauzeerd of gestopt hoeft te worden binnen de steekproef.
2.3 Toevallen en fysieke reacties
2.3.1 Drie flitsen of beneden drempelwaarde
Uitkomst: ✅ Voldoende
Bevindingen: Er zijn geen flitsen aanwezig binnen de steekproef.
2.4 Navigeerbaar
2.4.1 Blokken omzeilen
Uitkomst: ✅ Voldoende
Bevindingen: Op elke pagina binnen de steekproef is een skiplink aanwezig.
2.4.2 Paginatitel
Uitkomst: ✅ Voldoende
Bevindingen: De paginatitels binnen de steekproef zijn logisch en dekken de inhoud van de pagina. Er zijn geen iframes of pdf-bestanden binnen de steekproef.
2.4.3 Focusvolgorde
Uitkomst: ❌ Onvoldoende
Bevindingen: De algehele focusvolgorde op de pagina is logisch. De problemen zitten alleen bij het nieuwsbriefformulier, waarbij de tab-toets ervoor zorgt dat er een nieuwsbrief wordt geselecteerd en eerste alle nieuwsbrieven moeten zijn geselecteerd voor je naar het volgende veld kan.
En bij de detailpagina van een agenda-item wordt het portret van de spreker overgeslagen. Wanneer dit portret met de muis wordt aangeklikt opent een lightbox, maar de focus verplaatst zich dan niet hierheen.
2.4.4 Linkdoel (in context)
Uitkomst: ❌ Onvoldoende
Bevindingen: Op elke pagina is bovenaan links naast het logo een witruimte. Deze gehele ruimte tussen het logo en de rand van de pagina is een link terug naar de homepagina, ongeacht de breedte van dit vlak. Dit kan voor verwarring zorgen, aangezien er niks is om aan te duiden dat het hier om een link gaat.
2.4.5 Meerdere manieren
Uitkomst: ✅ Voldoende
Bevindingen: De website is te navigeren via de links en er is een zoekmachine die je kan gebruiken om te vinden wat je zoekt.
2.4.6 Koppen en labels
Uitkomst: ✅ Voldoende
Bevindingen: Koppen en labels binnen de steekproef zijn duidelijk en beschrijven de onderliggende inhoud.
2.4.7 Focus zichtbaar
Uitkomst: ❌ Onvoldoende
Bevindingen: Wanneer de lightbox geopend is nadat je op het portret van een spreker heb geklikt, blijft de focus op de pagina op de achtergrond. Hierdoor krijgen de elementen achter de lightbox focus en kun je dus niet zien wat er focus heeft.
Het is niet fout, maar op de homepagina gaat de roze streep onder het invoervak naar zwart. Dit zie je in de andere zoekformulieren niet.
2.5 Inputmodaliteiten
2.5.1 Aanwijzergebaren
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen functionaliteit op de pagina’s binnen de steekproef die afhankelijk is van aanwijzergebaren.
2.5.2 Aanwijzerannulering
Uitkomst: ✅ Voldoende
Bevindingen: Er is geen inhoud op de pagina’s binnen de steekproef die reageert op alleen een down-event. Je kunt dus altijd annuleren.
2.5.3 Label in naam
Uitkomst: ❌ Onvoldoende
Bevindingen: De lightbox die opent wanneer je de foto van een spreker aanklikt, kan gesloten worden door op de X rechtsbovenin te klikken. Deze X heeft alleen geen toegankelijke naam en kan dus moeilijk door gebruikers van hulpsoftware gebruikt worden.
De zoekknop op de pagina met zoekresultaten heeft als afbeeldingen alleen een vergrootglas en verder geen toegankelijke naam.
2.5.4 Bewegingsactivering
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef bevatten geen inhoud die afhankelijk is van beweging om te activeren.
3 Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina
Uitkomst: ✅ Voldoende
Bevindingen: Het lang-attribuut van alle pagina’s binnen de steekproef staat correct ingesteld op nl-nl
3.1.2 Taal van onderdelen
Uitkomst: ➖ Niet van toepassing
Bevindingen: Er zijn geen teksten in een andere taal dan Nederlands op de pagina’s binnen de steekproef.
3.2 Voorspelbaar
3.2.1 Bij focus
Uitkomst: ✅ Voldoende
Bevindingen: Op de pagina’s binnen de steekproef vindt geen contextwijziging plaats op het moment dat een element focus ontvangt.
3.2.2 Bij input
Uitkomst: ➖ Niet van toepassing
Bevindingen: Binnen de steekproef vindt nergens een contextwijziging plaats na gebruik van input.
3.2.3 Consistente navigatie
Uitkomst: ✅ Voldoende
Bevindingen: De navigatie op de verschillende pagina’s binnen de steekproef is consistent. Menu-items staan altijd op dezelfde plekken.
3.2.4 Consistente identificatie
Uitkomst: ❌ Onvoldoende
Bevindingen: Het symbool van de loep op de pagina met zoekresultaten heeft geen toegankelijke naam. Op de Homepagina heeft dit symbool de naam ‘zoeken’, dit zou hier weer terug moeten komen.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie
Uitkomst: ✅ Voldoende
Bevindingen: De foutmeldingen geven duidelijk aan waar de fout zit. Indien de invoer aan bepaalde voorwaarden moet voldoen, wordt dit ook gespecificeerd.
3.3.2 Labels of instructies
Uitkomst: ✅ Voldoende
Bevindingen: Bij invoervelden zijn voldoende beschrijvende labels of instructies aanwezig. Het e-mailadres moet wel aan bepaalde voorwaarden voldoen, maar deze zijn inherent aan een mailadres. Aparte verduidelijking hiervoor is dus niet nodig in het label.
3.3.3 Foutsuggestie
Uitkomst: ✅ Voldoende
Bevindingen: Indien een niet-geldig e-mailadres is ingevuld, wordt door het desbetreffende formulier aangegeven welke notatie benodigd is bij een geldig e-mailadres.
3.3.4 Foutpreventie (wettelijk, financieel, gegevens)
Uitkomst: ➖ Niet van toepassing
Bevindingen: Binnen de steekproef bevinden zich geen formulieren die een onomkeerbare en grote gevolgen kan hebben voor een gebruiker.
4 Robuust
4.1 Compatibel
4.1.1 Parsen
Uitkomst: ✅ Voldoende
Bevindingen: De pagina’s binnen de steekproef voldoen aan dit criterium.
4.1.2 Naam, rol, waarde
Uitkomst: ❌ Onvoldoende
Bevindingen: De X rechtsbovenin om de lightbox te sluiten nadat je op het portret van een spreker hebt gedrukt, heeft de functionaliteit van een knop, omdat er een contextwijziging optreedt. Programmatisch gezien is het alleen geen knop, maar een div die een functie heeft toegewezen wanneer er op wordt geklikt.
4.1.3 Statusberichten
Uitkomst: ✅ Voldoende
Bevindingen: Foutmeldingen binnen de formulieren worden door gebruik van role=”alert” direct doorgegeven aan gebruikers van hulpsoftware.
Sample met getoetste webpagina's
- Home - https://loes.nl/
- Contact - https://loes.nl/contact
- Informatie en tips - https://loes.nl/informatie-en-tips
- Basisschoolkind - https://loes.nl/informatie-en-tips/basisschoolkind
- Mijn kind heeft nachtmerries - https://loes.nl/informatie-en-tips/basisschoolkind/slapen/mijn-kind-heeft-nachtmerries
- Blogs - https://loes.nl/blogs
- Prepuber in pashokje - https://loes.nl/blogs/prepuber-in-pashokje
- Agenda - https://loes.nl/agenda
- Ontmoetingsgroepen Enschede - https://loes.nl/ontmoetingsgroepen/enschede
- Goed voorbereid bevallen MST https://loes.nl/agenda/evenement/2382-goed-voorbereid-bevallen-mst
- Aanmelden goed voorbereid bevallen MST - https://loes.nl/agenda/aanmelden/2382-goed-voorbereid-bevallen-mst
- Webinar Eten, slapen en zindelijk worden - https://loes.nl/agenda/evenement/2365-webinar-eten-slapen-en-zindelijk-worden
- Zoekresultaten peuter - https://loes.nl/zoeken?q=peuter
Webtechnologie
HTML, CSS, JavaScript
