1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling.
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: WCAG-EM rapport svn aanvraagstraat 1
Opdrachtgever: SVn
Datum van toetsing: 15 december 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Het voltooien van deze toegankelijkheidsaudit is een waardevolle stap in het verbeteren van de toegankelijkheid en gebruikerservaring voor alle gebruikers. Door de identificeerde problemen aan te pakken, kunt u ervoor zorgen dat uw website voldoet aan de WCAG 2.1-normen op niveau AA, waardoor iedereen, inclusief gebruikers van hulptechnologieën, uw website gemakkelijk en effectief kan gebruiken.
De bevindingen met de hoogste prioriteit omvatten onder andere het ontbreken van een programmaatisch correcte tabelstructuur, onduidelijke linkdoelen en het ontbreken van een duidelijke markering van verplichte invoervelden. Daarnaast zijn er problemen geïdentificeerd met tweedimensionaal scrollen, het verlies van inhoud bij het toepassen van tekstspatiestijlen en het ontbreken van een programmaatisch verband tussen foutmeldingen en invoervelden. Deze problemen kunnen de gebruikerservaring aanzienlijk beïnvloeden, vooral voor gebruikers die afhankelijk zijn van hulptechnologieën.
Om de toegankelijkheid van uw website te verbeteren, raden we aan om de identificeerde problemen zo snel mogelijk aan te pakken. Zorg ervoor dat tabellen programmaatisch correct zijn ingericht, dat linkdoelen duidelijk zijn en dat verplichte invoervelden duidelijk gemarkeerd zijn. Daarnaast is het belangrijk om ervoor te zorgen dat foutmeldingen programmaatisch aan invoervelden zijn gekoppeld en dat er voldoende uitleg wordt gegeven bij foutmeldingen. Door deze aanpassingen te implementeren, kunt u ervoor zorgen dat uw website toegankelijk en gebruiksvriendelijk is voor alle gebruikers.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | https://web-bravo.svn.nl - Aanvraagstraat 1 |
| URL | https://web.-bravo.svn.nl |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Gebruikte tools en technologie
Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, Voice Over, HeadingsMap
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Starterslening: Aanvragen stap 1- Je lening
-
Starterslening: Aanvragen stap 2- Je situatie
-
Starterslening: Aanvragen stap 3- Inkomen en lasten
-
Stap 4: Financiering
-
Stap 5: Persoonsgegevens
-
Stap 6: Akkoord
5. Bevindingen
Bevindingen per WCAG-principe
Afgekeurde bevindingen (26)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.3.1
Tabel programmatisch incorrect of afwezig
Beschrijving: Er is een element dat visueel en functioneel een tabel is, maar deze is in de code niet goed of niet als dusdanig opgemaakt. Dit leidt tot problemen bij het gebruik van hulpsoftware.
Locatie: De tabel bij “Lening”.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: De kop ‘disclaimer’.
Gekoppelde pagina's: Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Programmatische koptekst gebruikt voor tekststyling
Beschrijving: Een heading-tag is onterecht gebruikt om tekst op te maken. Dit maakt het lastiger voor mensen die structuur nodig hebben om te navigeren en de inhoud te begrijpen. Gebruik CSS voor dit soort visuele communicatie.
Locatie: Er worden koppen gebruikt op plekken waar dit onlogisch is, zoals de opties bij de keuzevakjes.
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie, Starterslening: Aanvragen stap 1- Je lening, Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.3.2
Geen betekenisvolle volgorde
Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.
Locatie: Wanneer er genavigeerd wordt naar het volgende onderdeel, blijft de schermlezer hangen op de knop, waardoor de gebruiker niet direct de nieuwe pagina hoort.
Gekoppelde pagina's: Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De tekst in de meer informatie knop.
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De blauwe tekst.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De placeholder teksten.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De wit op blauwe tekst.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening, Stap 6: Akkoord
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze tekst met het minimum/maximum en de placeholder tekst in het invoerveld.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.10
Reflow tweedimensioneel scrollen
Beschrijving: De pagina of onderdeel op de pagina scrolt in twee dimensies, zonder dat dit noodzakelijk is voor het element, zoals bij een tabel of grafiek. Voor kleine schermen is het belangrijk dat content in één scrol (lees) richting geplaatst is.
Locatie: De pagina is scrollbaar.
Gekoppelde pagina's: Stap 5: Persoonsgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Informatie valt weg in reflow.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.11
Icoon met onvoldoende contrast
Beschrijving: Er is een icoon gevonden met onvoldoende contrast met naastgelegen kleuren. De contrastverhouding moet minimaal 3:1 zijn voor iconen.
Locatie: Het vinkje in het selectievakje.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Laag
Uitkomst: Gefaald
Invoerveld met onvoldoende contrast
Beschrijving: Er is een invoerveld gevonden met een rand of achtergrondkleur, met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie: Alle invoervelden & selectievakjes.
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie, Stap 5: Persoonsgegevens, Starterslening: Aanvragen stap 1- Je lening, Stap 4: Financiering, Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.12
Verlies van content of functionaliteit bij toepassen tekstafstand stijlen
Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.
Locatie: De teksten in de tabel komen door elkaar heen te staan.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.1.1
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: Het vakje om akkoord te geven is niet bedienbaar met een toetsenbord.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.3
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: Wanneer je invoert dat je een andere manier van inkomen hebt, komt de focusindicator hier niet op het invoerveld, en gaat direct naar de elementen hieronder.
Gekoppelde pagina's: Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Hoog
Uitkomst: Gefaald
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: Wanneer je verder gaat naar de volgende stap blijft de focusindicator hangen onderaan de pagina en kom je niet in 1x bij de nieuwe elementen.
Gekoppelde pagina's: Stap 4: Financiering, Starterslening: Aanvragen stap 1- Je lening, Starterslening: Aanvragen stap 2- Je situatie, Starterslening: Aanvragen stap 3- Inkomen en lasten, Stap 5: Persoonsgegevens
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.2.1
Context verandert bij focus van een element
Beschrijving: Een handeling op de pagina wordt uitgevoerd wanneer een element focus krijgt. Dit kan desoriënterend en frustrerend zijn. Zorg dat het element alleen geactiveerd wordt op invoer en niet wanneer het focus krijgt.
Locatie: Wanneer de knop “herberekenen” focus krijgt.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 3.3.2
Verplicht veld niet (voldoende) gemarkeerd in tekst
Beschrijving: De verplichte invoervelden zijn niet (voldoende) als verplicht gemarkeerd in tekst. Dit moet zowel in tekst als code terug te vinden zijn. Wanneer gebruik gemaakt wordt van een teken, dan moet het gebruik van dit teken ook duidelijk uitgelegd zijn.
Locatie: Van te voren wordt niet aangegeven dat een invoerveld verplicht is.
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.3
Onvoldoende foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie ontbreekt of onduidelijk is.
Locatie: Er wordt niet duidelijk genoeg uitgelegd wat er nou precies fout is en wat er moeten worden aangepast.
Zo wordt nu verwacht dat je zelf uitrekent of je op 20% zit ja of nee.
Dit is ook zo bij de leencheck.
Gekoppelde pagina's: Starterslening: Aanvragen stap 3- Inkomen en lasten, Starterslening: Aanvragen stap 2- Je situatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Onvoldoende suggestie voor verbetering bij foutmelding
Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer.
Locatie: Er wordt niet duidelijk gezegd waarom het een ongeldige waarde is.
Gekoppelde pagina's: Stap 4: Financiering
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
Invoerveld zonder naam
Beschrijving: Er is een invoerveld gevonden zonder naam.
Locatie: Meerdere invoervelden, zoals het invoerveld “Postcode”.
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De meer informatie knop.
Gekoppelde pagina's: Starterslening: Aanvragen stap 3- Inkomen en lasten, Starterslening: Aanvragen stap 2- Je situatie, Stap 4: Financiering, Stap 5: Persoonsgegevens
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Element met verkeerde rol
Beschrijving: Er is een element gevonden met een verkeerde rol.
Locatie: De knop met extra informatie is niet correct opgemaakt. Dit heeft niet de rol van knop.
Gekoppelde pagina's: Stap 5: Persoonsgegevens, Starterslening: Aanvragen stap 2- Je situatie, Stap 4: Financiering, Starterslening: Aanvragen stap 3- Inkomen en lasten
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De naam van het invoerveld is “€”.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 4.1.3
Laadstatus zonder (correct) bericht
Beschrijving: Er wordt gebruik gemaakt van een visuele indicatie, zoals een tekst of icoon, om aan te geven dat de pagina of een element aan het laden is, maar de daadwerkelijke status wordt niet goed doorgegeven aan schermlezers of andere hulpsoftware. Hierdoor weten schermlezergebruikers niet of er (nog) content aan het laden is. Er kan verwarring ontstaan omdat een actie geen gevolg lijkt te hebben, of de pagina ineens aanpast wanneer de content wel geladen is. Maak gebruik van een goed statusbericht zodat iedereen geïnformeerd wordt over de laadstatus en zorg ook dat het duidelijk is wanneer het voltooid is.
Locatie: Er komt geen status waarin wordt aangegeven dat de informatie wordt geladen.
Gekoppelde pagina's: Starterslening: Aanvragen stap 1- Je lening
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (4)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.3.1
Tabel programmatisch incorrect of afwezig
Beschrijving: Er is een element dat visueel en functioneel een tabel is, maar deze is in de code niet goed of niet als dusdanig opgemaakt. Dit leidt tot problemen bij het gebruik van hulpsoftware.
Locatie: De overzichten van de ingevoerde gegevens.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Gemiddeld
Uitkomst: Advies
Foutmelding niet programmatisch gerelateerd aan invoerveld
Beschrijving: Er is een foutmelding gevonden die aan een invoerveld gerelateerd lijkt te zijn. Dit is echter niet programmatisch te bepalen, waardoor voor een gebruiker van hulpsoftware moeilijker in te zien is of een veld correct is ingevuld. Het zou beter zijn om een duidelijk programmatische connectie te maken waardoor alle relevante informatie over het invullen van een invoerveld in een keer gegeven wordt en er niet voor- en achteruit genavigeerd hoeft te worden om deze informatie te verkrijgen.
Locatie: Een voorbeeld is de melding “Dit veld is verplicht”, bij het invoerveld “Wat is je persoonlijke situatie?”
Gekoppelde pagina's: Starterslening: Aanvragen stap 2- Je situatie
Prioriteit: Laag
Uitkomst: Advies
Principe 2: Bedienbaar
WCAG 2.4.4
Linkdoel onvoldoende uit linktekst
Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.
Locatie: De links “Wijzigen”.
Gekoppelde pagina's: Stap 6: Akkoord
Prioriteit: Gemiddeld
Uitkomst: Advies
Principe 3: Begrijpelijk
WCAG 3.3.2
Vermijd persistent placeholders voor invoerinstructies
Beschrijving: Er is een persistent placeholder gevonden. De placeholder dient als een invoerinstructie voor het invoerveld. Deze invoerinstructie verdwijnt wanneer het veld invoer krijgt en wordt weer weergeven wanneer de invoer is verwijderd. Doordat er niet altijd een visuele invoerinstructie zichtbaar is bij het invoerveld, kan dit problemen opleveren voor bijvoorbeeld mensen met een cognitieve beperking.
Locatie: Bijvoorbeeld bij ‘hoogte van nominale rente’.
Gekoppelde pagina's: Stap 4: Financiering
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 37 | 74.0% |
| Gefaald | 13 | 26.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 5 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 20 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 5 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.