Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website notaris.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website notaris.nl
Datum 30 juni 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op notaris.nl
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar verwezen wordt.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 92

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op iedere pagina staat in de footer het logo van de Koninklijke Notariële Beroepsorganisatie. Het bevat een alt attribuut echter is deze niet van alternatieve tekst voorzien. Voorleessoftware ziet het hierdoor als decoratief en zal het negeren waardoor hun gebruikers informatie missen. Geef het logo een toegankelijke alternatieve tekst mee zoals; "Logo Koninklijke Notariële Beroepsorganisatie".

Bevinding 2: Op de pagina https://www.notaris.nl/levenstestament staat een contentblok met de kop "Steffie legt uit". De afbeelding betreft het logo van de website Steffie.nl. De afbeelding bevat een title attribuut met de tekst "Steffie legt uit" en een leeg alt attribuut. Gebruikers van voorleessoftware weten niet dat het gaat om een afbeelding van een logo. Haal het title-attribuut weg en gebruik het alt-attribuut voor de alternatieve tekst van de afbeelding. Pas de tekst aan zodat het het toegankelijke alternatieve tekst is zoals; "Logo website Steffie.nl". Dit contentblok doet zich op meerdere pagina's voor. Zie tevens SC 1.3.1.

Bevinding 3: Op de pagina https://www.notaris.nl/ volgt na het contentonderdeel "Meer nieuws" een groepering afbeeldingen met thema's opgemaakt als lijst, van "Bij overlijden" tot "De Notaris". Doordat de afbeeldingen niet van een alt attribuut voorzien zijn, leest in de meeste gevallen hulpsoftware de URL voor wat verwarrend is. Voeg een leeg alt attribuut toe zodat de afbeelding genegeerd kan worden. Wanneer de afbeelding decoratief is, wordt dit op de volgende wijze, in de HTML-code, geschreven; <img src="voorbeeld.plaatje.jpg" alt="" >
Deze opmaak doet zich op meerdere pagina's voor.

Bevinding 4: Op de pagina https://www.notaris.nl/page/notaristelefoon staat in de header een banner met een afbeelding van een persoon die middels CSS is toegevoegd. De naam en functieomschrijving staan wel als platte tekst op de banner. Hulpsoftware kan geen verband leggen tussen de tekst een de afbeelding, wat verwarrend is voor hun gebruikers. Er zijn meerdere oplossingen, bijvoorbeeld een alternatieve tekst via de content property van CSS toe te voegen, bijvoorbeeld door de afbeelding als img element toe te voegen waardoor er een alt attribuut met tekstalternatief opgegeven kan worden. Houd er met implementatie wel rekening mee dat er in de huidige vorm verschillende profielen voordoen bij het herladen van de pagina. Dit komt op meerdere pagina's met deze opmaak voor, bijvoorbeeld op https://www.notaris.nl/de-notaris/offerte-en-afspraak/digital-identification-at-your-notary-how-does-it-work.

Bevinding 5: Op de pagina https://www.notaris.nl/samen-verder staat bij de kop "Wat spreken jullie af?" een afbeelding met de tekst "Stappenplan" in een title element. Indien decoratief bedoeld is het niet noodzakelijk om alternatieve teksten toe te voegen, dit veroorzaakt extra ruis voor gebruikers van hulpsoftware. Verwijder hier wel het title attribuut en plaats een leeg alt attribuut zodat de afbeelding genegeerd kan worden door hulpsoftware. Dit doet zich op meerdere pagina's voor, bijvoorbeeld op https://www.notaris.nl/stichting-en-vereniging bij de kop "Checklist WBTR" en op https://www.notaris.nl/wonen bij de kop "Huis verkopen?"

Bevinding 6: Op de pagina https://www.notaris.nl/wonen staan de cards "Overdrachtsbelasting" en "De Familiehypotheek" bestaande uit een afbeelding, tekst en een link naar het betreffende artikel. Bij de eerste card heeft de afbeelding een leeg alt-attribuut en een title-attribuut met de tekst "Overdrachtsbelasting". Hoewel afbeeldingen met lege alt attributen genegeerd worden door voorleessoftware, kan de tekst van het title-attribuut voorgelezen worden. Verwijder de title-attribuut en geef de afbeelding een leeg alt-attribuut mee.

Bevinding 7: Op de pagina https://www.notaris.nl/vertaal staat, bij iedere term, een afbeelding met tekst erin (zie succescriterium 1.4.5). De afbeeldingen staan in een link en hebben een leeg alt-attribuut. Gebruikers van voorleessoftware krijgen wel te horen dat het om de link gaat (bv: "zaaksvervanging") maar krijgen niet alle tekst uit de afbeelding mee. Deze tekst staat ook niet in de aangrenzende, bijbehorende paragraaf. Hierdoor missen gebruikers van voorleessoftware dat het gaat om een link met een video. Voor de oplossing zie succescriterium 1.4.5.

Bevinding 8: Op de pagina https://www.notaris.nl/levenstestament staan onder de kop “Wat regelen anderen?” vier getekende portretten van persona’s en bevatten de alternatieve tekst “Portret van (naam)”. Dit is geen toegankelijke alternatieve tekst omdat het geen omschrijving geeft van wat op de afbeelding staat. Gebruikers met slechtzicht of die blind zijn krijgen van voorleessoftware te horen "Portret van (naam)" en vragen zich hoogstwaarschijnlijk af wie dat is en hoe die persoon eruit ziet. De afbeeldingen vallen in de categorie decoratieve afbeelding, want ze hebben geen toegevoegde waarde en je kunt ze weglaten zonder verlies van context. Geef de afbeeldingen een lege alternatieve tekst mee, dan weet voorleessoftware dat het gaat om decoratieve afbeeldingen en zal deze niet voorlezen.

Dit soort afbeeldingen staan ook op de pagina's:

Bevinding 9: Op de pagina https://www.notaris.nl/page/notaristelefoon staat bij de footer de tweede helft van de afbeelding van een persoon die in de header staat. Deze is niet als achtergrondafbeelding middels CSS ingevoegd, maar daadwerkelijk als img. Echter ontbreekt het alt-attribuut, dat altijd aanwezig moet zijn. Omdat deze tweede helft van de foto puur decoratief is, hoeft er geen alt-tekst opgegeven te worden. Dit probleem komt ook voor op https://www.notaris.nl/levenstestament, https://www.notaris.nl/stichting-en-vereniging, https://www.notaris.nl/wonen, https://www.notaris.nl/testament/digitale-nalatenschap, https://www.notaris.nl/ondernemen/een-onderneming-starten/besloten-vennootschap/incorporating-a-private-limited-company-digitally, https://www.notaris.nl/schenken/hoe-regelen-anderen-het/harry-en-zijn-zoon-wouter, https://www.notaris.nl/bij-overlijden, https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen, https://www.notaris.nl/samen-verder/een-op-een-vergelijken/alle-opties, https://www.notaris.nl/ondernemen/bestaande-onderneming/als-ondernemer-in-uw-pensioen-voorzien, https://www.notaris.nl/de-notaris/offerte-en-afspraak/digital-identification-at-your-notary-how-does-it-work en https://www.notaris.nl/samen-verder.

Bevinding 10: Op de pagina https://www.notaris.nl/page/brochures-en-checklists staat een lijst met mogelijk te downloaden brochures. De linkjes hebben een begeleidende tekst en afbeelding. De afbeeldingen hebben allemaal een alt-attribuut en een title-attribuut meegekregen. Bij een aantal zijn beide leeg en bij een aantal, zoals de brochure "Een woning kopen", heeft of het alt-attribuut of het title attribuut een tekst gekregen. Gebruikers van voorleessoftware krijgen bij de ene afbeelding wel een titel/tekst voorgelezen en bij de andere de URL van de afbeelding. Met dat laatste kan een gebruikers niets. Gezien de context waarin deze afbeeldingen staan, zijn het decoratieve afbeeldingen die geen alternatieve tekst nodig hebben. Laat het alt-attribuut leeg en haal het title-attribuut weg.

Bevinding 11: Op de pagina https://www.notaris.nl/nieuws staat, bij ieder voorstukje van het artikel, een afbeelding. Geen enkele afbeelding heeft het alt-attribuut, dat wel altijd aanwezig moet zijn. Voorleessoftware zal in veel gevallen de URL voorlezen. Gebruikers van voorleessoftware kunnen niets met die informatie en zullen zich afvragen wat op de afbeelding staat. Gebruikt het alt-attribuut in het <img> element. Wanneer de afbeelding decoratief is, wordt dit op de volgende wijze, in de HTML-code, geschreven; <img src="voorbeeld.plaatje.jpg" alt="" >

Bevinding 12: Op de pagina https://www.notaris.nl/vertaal staat een lijst met meest gezochte termen. Iedere term heeft een afbeelding, met die term erin en de banner met de tekst "met video". De afbeeldingen hebben een leeg alt-attribuut meegekregen. In de tekst naast de afbeelding komt nergens terug dat het uitleg, met video, betreft. Zorg dat deze informatie tevens in de alternatieve tekst van de afbeelding terugkomt.

Bevinding 13: In PDF-document https://www.notaris.nl/files/Brochures/brochure-client-screening-and-obligation-to-report-in-the-notarial-profession-march-2022.pdf?302c0bd094 staat, onderaan pagina 4, het logo van de Koninklijke Notariële Beroepsorganisatie. Deze afbeelding heeft geen alternatieve tekst gekregen. Gebruikers van voorleessoftware, die slechtzicht hebben of die blind zijn krijgen nu te horen dat op die plek een afbeelding staat, maar niet wat te zien is op deze afbeelding. Dit zorgt voor verwarring. Geef een logo altijd een alternatieve tekst mee. In dit geval kan dat zijn; "Logo Koninklijke Notariële Beroepsorganisatie".

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 14: Op de pagina https://www.notaris.nl/ staat een video met de titel "De Notaris". De video heeft een standaard vaste ondertiteling (open caption) meegekregen. Het is ook mogelijk om de ondertiteling van YouTube aan te zetten. Deze is AI-gegenereerd en klopt niet in de vertaling. De YouTube ondertiteling loopt over de vaste ondertiteling heen waardoor de vaste ondertiteling niet meer leesbaar is. Gebruikers die slechthorend of doof zijn, en afhankelijk zijn van de ondertiteling, ondervinden hinder van deze issues waardoor ze informatie missen. Kies voor 1 van de twee opties en niet voor allebei. Wanneer je kiest voor de YouTube ondertitelingsmogelijkheid, gebruik dan niet de AI gegenereerde versie. Deze versie is niet accuraat met het omzetten van spraak naar tekst. Maak gebruik van de handmatige toevoegingsfunctie voor ondertiteling in YouTube en zorg ervoor dat de ondertiteling volledig is en alles weergeeft wat te horen is, dus ook muziek en belangrijke achtergrondgeluiden. Wanneer je kiest voor de vaste ondertiteling (open caption) zorg dan dat deze volledig is, net als bij de YouTube ondertiteling.

Dit geldt ook voor de video's op de volgende pagina's:

Bevinding 15: Op de pagina https://www.notaris.nl/levenstestament heeft de video, onder de kop "Dementie en wilsbekwaamheid", geen vaste ondertiteling. Wel is in de YouTube speler een ondertiteling aan te zetten. Deze is AI-gegenereerd en de omzetting van spraak naar tekst gaat mis. Sommige woorden kloppen niet met wat gezegd wordt. Gebruikers die slechthorend of doof zijn, en afhankelijk van de ondertiteling, ondervinden hinder van het verkeerd omzetten van de spraak waardoor ze informatie missen. Maak gebruik van de handmatige toevoegingsfunctie voor ondertiteling in YouTube en zorg ervoor dat de ondertiteling volledig is en alles weergeeft wat te horen is, dus ook muziek en belangrijke achtergrondgeluiden.

Dit geldt ook voor de video's op de pagina's:

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 16: Op meerdere pagina's van de sample staan video's, bijvoorbeeld op https://www.notaris.nl/levenstestament, https://www.notaris.nl/bij-overlijden en https://www.notaris.nl/wonen. De video's er komt onder andere tekst in beeld zonder dat dit uitgesproken wordt. Onder andere blinde bezoekers missen hierdoor informatie. Plaats een toegankelijk alternatief zoals een audiodescriptie of transcript om aan dit criterium te voldoen. Dit mag op de website zelf, onder de video, maar ook op een externe pagina. Plaats dan de link naar deze pagina direct in de buurt van de video. Zie tevens SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 17: Op de pagina https://www.notaris.nl/wonen staat een video, behorend bij de kop "Vakantiewoning kopen". Het audiokanaal van de video zelf is niet compleet. De titel van de video wordt niet voorgelezen, de vraag die op het scherm verschijnt wordt ook niet voorgelezen en de spreker verwijst naar de achtergrondbeelden terwijl hier niks over gezegd wordt gedurende de video ("En zeg nou zelf, dat ziet er toch heerlijk uit" op 2:20 min.). De video heeft geen audiodescriptie keuze in de YouTube speler en ook geen aparte audiodescriptie op de website. Blinde en slechtziende gebruikers, die afhankelijk zijn van geluidsbestanden om te begrijpen wat te zien is in video's, krijgen niet alle informatie mee die wordt weergegeven op beeld. Maak het originele audiobestand toegankelijk, door alle belangrijke informatie te horen is en plaats een audiodescriptie op de website.
Dit geldt voor video's op meerdere plaatsen op de website. Zie tevens SC 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://www.notaris.nl/levenstestament staat een contentblok met de kop "Steffie legt uit". De afbeelding betreft het logo van de website Steffie.nl. De afbeelding bevat een title attribuut met de tekst "Steffie legt uit" en een leeg alt attribuut. Title attributen worden niet door alle vormen van hulpsoftware voorgelezen, maak hier liever gebruik van het alt attribuut. Dit contentblok doet zich op meerdere pagina's voor. Zie tevens SC 1.1.1 voor de tekstomschrijving.

Bevinding 19: Op de pagina https://www.notaris.nl/levenstestament zijn alle koppen opgemaakt op niveau 2. Bijvoorbeeld de visuele titel van de pagina "Levenstestament", de subkop "Wat regelen anderen" en het kleinere subkopje "Tante Willy en nicht Carolien". Voor blinde bezoekers die bijvoorbeeld middels de koppenstructuur door pagina's navigeren is de pagina indeling niet helder. Dit zorgt voor verwarring bij gebruikers. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera. Dit probleem doet zich op meerdere pagina's voor, bijvoorbeeld op https://www.notaris.nl/wonen.

Bevinding 20: Op de pagina https://www.notaris.nl/nieuws/vraag-van-de-week-familiehypotheek staat de eerste alinea van het nieuwsartikel in het <strong> element opgemaakt. Dit element is alleen bedoeld om nadruk te leggen op enkele woorden en mag ook niet gebruikt worden voor puur visuele opmaak. Hulpsoftware kan mogelijk een dergelijk element op verhoogde toon voorlezen. Verwijder het <strong> element en gebruik CSS stylingopties om de alinea op te maken.

Bevinding 21: Op de pagina https://www.notaris.nl/page/notaristelefoon staat in het aside-menu het woord "Notaristelefoon" in het <strong> element. Het element is alleen bedoeld om nadruk te leggen op tekst in content en niet voor opmaak van bedieningselementen (zoals selectie, navigatie, paginering, etc.). Hulpsoftware kan mogelijk een dergelijk element op verhoogde toon voorlezen. Gebruik CSS stylingopties om de tekst op te maken.

Het element wordt op meer plekken op de pagina gebruikt, bijvoorbeeld voor het telefoonnummer in het artikel. Meerdere pagina's bevatten soortgelijke issues, bijvoorbeeld:

Bevinding 22: Op de pagina https://www.notaris.nl/page/brochures-en-checklists staan linkjes naar brochures. De tekst "Brochure erfenis" staat in een <em> element. Het element heeft semantische waarde is alleen bedoeld om nadruk te leggen op tekst in content en mag niet gebruikt worden voor puur visuele opmaak. Voorleessoftware kan dit vertraagd voorlezen. Maak gebruik van CSS stylingopties om de tekst op te maken.

Bevinding 23: In de tabel op pagina https://www.notaris.nl/samen-verder/een-op-een-vergelijken/alle-opties is voor de schuingedrukte tekst onder de headers gebruik gemaakt van het <em> element. Het element is alleen bedoeld om nadruk te leggen op tekst in content en mag niet gebruikt worden voor puur visuele opmaak. Voorleessoftware kan dit vertraagd voorlezen. Verwijder het <em> element en gebruik CSS stylingopties om de tekst op te maken.

Bevinding 24: Het PDF-document https://www.notaris.nl/files/Widgets/knb-checklist-wbtr.pdf?097092f6fc is niet van toegankelijkheidstags voorzien. Hierdoor wordt er niets voorgelezen door hulpsoftware. Zorg dat alle content van de juiste tags zijn voorzien, in een goede leesvolgorde. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Dit probleem doet zich in meerdere PDF's op de website voor, bijvoorbeeld https://www.notaris.nl/files/Brochures/tarievenkaart-erf-schenkbelasting-2025.pdf?6be5b85766

Bevinding 25: Advies: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat de kop van het aside-menu, aan de rechterkant naast de scrollbar, in een <h3> element. De kop van de footer, die na het aside-menu volgt, is gewikkeld in een <h2> element. Hierdoor klopt de volgorde niet meer in de koppen structuur. Dit kan voor verwarring zorgen bij gebruikers van voorleessoftware omdat zij gebruik maken van de koppenstructuur om over de pagina te navigeren. Zorg voor een opeenvolgende koppenstructuur.
Dit geldt ook voor de pagina https://www.notaris.nl/samen-verder/een-op-een-vergelijken/alle-opties

Bevinding 26: Advies: Op de pagina https://www.notaris.nl/levenstestament ontbreekt de kop op niveau 1. Gebruikers van voorleessoftware navigeren aan de hand van koppen door een pagina. Wanneer een kopniveau ontbreekt kan dit voor verwarring zorgen bij deze gebruikers. Advies is om altijd H1 op iedere pagina te gebruiken voor de omschrijving, binnen een goed lopende (sub)koppenstructuur. Dit is structureel het geval op veel pagina's, bijvoorbeeld https://www.notaris.nl/stichting-en-vereniging, https://www.notaris.nl/wonen en https://www.notaris.nl/vertaal.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 27: In de footer, bijvoorbeeld op pagina https://www.notaris.nl/levenstestament, staat de zin "notaris.nl is een website van de KNB" en twee linkjes; "Privacy en Cookies" en "Responsible disclosure". Deze tekst heeft de khaki kleur (HEX #7F7766) op een wit achtergrond. De contrastwaarde is 4,4:1. Gebruikers die slecht zicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Pas de kleur van de tekst aan naar een kleur die voldoet aan een contrastwaarde van minimaal 4,5:1. Dit geldt voor alle pagina's waar de footer een onderdeel van de pagina is.

Bevinding 28: In de footer staat een paars contentblok met social media linkjes. Deze heeft de kop "Blijf altijd op de hoogte" meegekregen. De tekst in dit blok is wit en de achtergrond heeft een gradient van lichtpaars/roze (HEX #CD79B5) naar donkerder paars/roze (HEX #A66190). De contrastwaarde voor het lichtere deel van de achtergrond is 3:1 en de contrastwaarde voor het donkere deel is 4,4:1. Gebruikers die slecht zicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en hebben moeite met het lezen van de tekst. Hierdoor missen zij informatie. Pas de kleur van de tekst of de achtergrond aan zodat deze voldoet aan de contrastwaarde van minimaal 4,5:1.
Dit geldt voor alle pagina's waar de footer een onderdeel is van de pagina.

Bevinding 29: Op de pagina https://www.notaris.nl/ staat een card met de kop "8 schenktips waar u blij van wordt. De tekst is wit op een khaki achtergrond (HEX #E4D4C2). De contrastwaarde is 1,4:1. Gebruikers die slecht zicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Pas de kleur van de achtergrond aan zodat de contrastwaarde van de tekst ten opzichte van de achtergrond een waarde heeft van minimaal 4,5:1. Dit geldt ook voor de card met de kop "Huis kopen? Voorkom verrassingen met onze test". Deze tekst heeft een contrastwaarde van 2,2: 1.

Bevinding 30: Op de pagina https://www.notaris.nl/ staat een menu met onderwerpen (begint met het onderwerp "Bij overlijden"). De kop "Stichting en vereniging" heeft de mosgroene kleur (HEX #6A9000) op een witte achtergrond. Dit geeft een contrastwaarde van 3,7:1. Deze kop heeft een contrastwaarde van 4,5:1 nodig om aan de eisen van dit succescriterium te voldoen. Gebruikers die slecht zicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Pas de kleur van de kop aan zodat de voldoet aan de contrastwaarde van minimaal 4,5:1.
Dit geldt ook voor de kop "Wonen". Deze heeft een contrastwaarde van 4:1. Dit issue bevindt zich ook in het onderwerpen menu in de footer.

Bevinding 31: Op de pagina https://www.notaris.nl/levenstestament staan twee card elementen. Het eerste element heeft de titel "Waar zeg ik ja tegen?". De tekst van het <h2> element is wit, de achtergrond is lichtroze/lila (HEX #E0B8CD) en de contrastwaarde is 1,7:1. Gebruikers met slecht zicht of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen ze belangrijke informatie. Pas de achtergrondkleur aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.
Dit geldt ook voor het tweede card element met de titel "Wie geeft u het vertrouwen?". Deze tekst heeft een contrastwaarde van 1,5:1 ten opzichte van de achtergrondkleur (HEX #E9C4D0).
Dit issue doet zich op meerdere pagina's voor zoals; https://www.notaris.nl/stichting-en-vereniging en https://www.notaris.nl/wonen en https://www.notaris.nl/bij-overlijden. Controleer al dit soort elementen op alle pagina's op de contrastwaarde van het <h2> element ten opzichte van de achtergrondkleur.

Bevinding 32: Op de pagina https://www.notaris.nl/levenstestament staat, aan de rechterzijde van de pagina naast de scrollbar, een link naar een survey met de tekst "Geef hier uw mening". De witte tekst staat op een aqua-kleurige (HEX #00B2C2) achtergrond. Dit geeft een contrastwaarde van 2,5:1. Gebruikers met slecht zicht of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen ze informatie. Pas de kleur van de tekst of de achtergrond aan zodat deze voldoet aan een contrastwaarde van minimaal 4,5:1.
Dit geldt voor alle pagina's waarop deze link voorkomt.

Bevinding 33: Op de pagina https://www.notaris.nl/levenstestament staat een content widget element, met de kop "Steffie legt uit". De tekst (HEX #3E1D4C) heeft een contrastwaarde van 4:1 ten opzichte van de achtergrond (HEX #36045). Gebruikers met slechtzicht of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen ze informatie. Pas de kleur van de tekst aan zodat deze voldoet aan een contrastwaarde van minimaal 4,5:1.
Deze content widget staat ook op de pagina's https://www.notaris.nl/samen-verder en https://www.notaris.nl/bij-overlijden en geeft hetzelfde contrastissue.

Bevinding 34: Op de pagina https://www.notaris.nl/stichting-en-vereniging wordt voor een groot deel van de koppen en tekst een groene (HEX #6A9000) kleur gebruikt. Deze kleur zorgt op meerdere plaatsen voor een te lage contrastwaarde (2,6:1 voor de groene achtergrond (HEX #B2EC68) en 3,7:1 voor de witte achtergrond). Onder andere de tekst van het navigatiemenu, de kop "Jessica weet raad: de WBTR" onder de video en de linkjes onder de kop "Stichting en vereniging" geven een contrastissue. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1 op alle plaatsen waar de tekst deze kleur heeft, ook op andere pagina's.
Op de pagina's https://www.notaris.nl/wonen en https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen komt hetzelfde contrastissue voor maar dan met de licht bruine tekst-kleur (HEX #9C783E). Deze heeft een contrastwaarde van 4:1. Pas ook hier de kleur aan.

Bevinding 35:
Op de pagina https://www.notaris.nl/page/brochures-en-checklists staat een lijst met linkjes die verwijzen naar downloads van brochures. De tekst (HEX # 6A9000) van de link naar de "Checklist" WBTR", heeft een contrastwaarde van 2,7:1 ten opzichte van de achtergrond (HEX #BAE8A5). De tekst (HEX #9C783E) van de link naar de brochure "Een woning kopen," heeft een contrastwaarde van 3,3:1 ten opzichte van de achtergrond (HEX #F7E9B9). Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze voldoet aan een contrastwaarde van minimaal 4,5:1.

Bevinding 36: Op de pagina https://www.notaris.nl/testament/digitale-nalatenschap staat, in de footer, een lijst met linkjes onder de kop "Testament". De paarse tekst (HEX #6753A5) heeft een contrastwaarde van 4,1:1 ten opzichte van de lila achtergrond (HEX #D5CAFC). Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.
Controleer ook de andere elementen waar de achtergrond lila is en de tekst paars.
Dit contrastissue, met de footer, bevindt zich ook op de pagina https://www.notaris.nl/schenken/hoe-regelen-anderen-het/harry-en-zijn-zoon-wouter (onder de kop "Schenken"). Hier gaat het om een terra kleur (HEX #BD5142) voor de tekst en een zalmroze kleur (HEX #FFDECA) voor de achtergrond.
Hetzelfde geldt voor de pagina https://www.notaris.nl/bij-overlijden (onder de kop "Bij overlijden") en de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen (onder de kop "Wonen").

Bevinding 37: Op de pagina https://www.notaris.nl/vertaal staat, onder de paginering, een blokje waar je brochures kunt downloaden. De tekst is wit en de achtergrond is paars/roze (HEX #CD79B5). De contrastwaarde is 3:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1 ten opzichte van de achtergrond.

Bevinding 38: Op de pagina https://www.notaris.nl/vertaal/paramedisch staat een zoekterm in de zoekbalk. De tekst van de zoekterm heeft een gele kleur (HEX #E9B13C) en de achtergrond, van de zoekbalk, is wit. Deze combinatie levert een contrastwaarde op van 1,9:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie.
De kleur geel is een lastige kleur om te gebruiken wanneer je moet voldoen aan de gestelde contrastwaarde. Kies een andere kleur dan geel en pas de kleur van de tekst aan zodat deze voldoet aan een contrastwaarde van minimaal 3:1.

Bevinding 39: Op de pagina https://www.notaris.nl/schenken/hoe-regelen-anderen-het/harry-en-zijn-zoon-wouter staat de kop "Hoe regelen anderen het?". Direct daaronder staat de tekst "Harry en zijn zoon Wouter". Deze tekst heeft een beige kleur (HEX #D1CBB9) en staat op een witte achtergrond. Deze combinatie geeft een contrastwaarde van 1,6:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze voldoet aan een contrastwaarde van minimaal 3:1.

Bevinding 40: Op de pagina https://www.notaris.nl/schenken/hoe-regelen-anderen-het/harry-en-zijn-zoon-wouter staat, aan de rechterkant van het scherm (naast de scrollbar), een menu met linkjes. De tekst "Hoe regelen anderen het?" heeft een terracotta kleur (HEX #BD5142) met een zalmroze (HEX #FFBBA8) achtergrond. Deze combinatie heeft een contrastwaarde van 2,9:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.

Bevinding 41: Op de pagina https://www.notaris.nl/bij-overlijden staan, onder de video onder de kop "Verklaring erfrecht", 2 card elementen. Het element met de kop "Speciale spullen erven" heeft een paragraaf met tekst. Deze tekst is donker grijs (HEX #222222) van kleur. de achtergrond is een lichtere kleur grijs (HEX #838691). Deze combinatie geeft een contrastwaarde van 4,3:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.

Bevinding 42: Op de pagina https://www.notaris.nl/page/het-opvolgersarchief staat, onder de kop "Uw notaris gestopt?", een tekst met de grijs/beige (HEX #A29B80) kleur op een witte achtergrond. Deze combinatie geeft een contrastwaarde van 2,7:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 3:1.

Bevinding 43: Op de pagina https://www.notaris.nl/page/het-opvolgersarchief staat, aan de rechterzijde naast de zoekvelden, een button met de tekst "Opvolger zoeken". Wanneer je over deze button hovert verandert deze van kleur. De tekst wordt paars (HEX #8C3A73) en de achtergrond wordt zand/beige (HEX #D4CDBA). Deze combinatie heeft een contrastwaarde van 4,4:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas deze kleurencombinatie aan zodat het een contrastwaarde heeft van minimaal 4,5:1.

Bevinding 44: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat, onder de eerste alinea van de pagina, een testveld. In het testveld staat, onder de stelling, het woord "vorige". De grijze (HEX #999999) kleur van de tekst geeft een contrastwaarde van 1,8:1 met de zandkleurige (HEX #D4CDBA) achtergrond. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze voldoet aan een contrastwaarde van minimaal 4,5:1.

Bevinding 45: Op de pagina https://www.notaris.nl/de-notaris/offerte-en-afspraak/digital-identification-at-your-notary-how-does-it-work staat, aan de rechterkant van het scherm (naast de scrollbar), een menu met linkjes. De kop "Offerte en Afspraak" heeft een paarse (HEX #8C3A73) kleur met een zandkleurige (HEX #D4CDBA) achtergrond. Deze combinatie heeft een contrastwaarde van 4,4:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de tekst aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.

Bevinding 46: Op de pagina https://www.notaris.nl/bij-overlijden staat, onder de kop "Erfgenaam? Let op schulden!", een animatievideo. Deze animatievideo heeft een vaste ondertiteling. De bruin/grijze kleur (HEX #625E56) van de ondertiteling geeft gedurende de video een contrastissue met de achtergrond. (Bijvoorbeeld: op 10 sec in de video is de contrastwaarde 2,2:1 met de achtergrond (HEX #98958B).) Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Wanneer een gebruiker dan ook nog een slecht gehoor heeft of volledig doof is, dan geldt dit helemaal. Plaats een achtergrond achter de ondertiteling die een contrastwaarde geeft van minimaal 4,5:1 met de ondertiteling.
Dit geldt voor alle video's met een vaste ondertiteling, die op de website staan.

Bevinding 47: In PDF-document https://www.notaris.nl/files/Widgets/knb-checklist-wbtr.pdf?097092f6fc worden de koppen in een licht blauwe kleur (HEX #0B9FE1) weergegeven. De achtergrondkleur van het document is wit. De contrastwaarde voor deze combinatie is 2,9:1. Gebruikers die slechtzicht hebben of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de tekst minder goed lezen. Hierdoor missen zij informatie. Pas de kleur van de koppen aan zodat deze een contrastwaarde heeft van minimaal 4,5:1.
Dit geldt ook voor de koppen van PDF-document https://www.notaris.nl/files/Brochures/brochure-client-screening-and-obligation-to-report-in-the-notarial-profession-march-2022.pdf?302c0bd094.

Bevinding 48: Advies: De video’s hebben op iedere pagina een tekst direct onder de video staan. De achtergrond van die tekst is diagonaal gestreept. Dit levert geen contrastissues op, maar wanneer je als gebruiker inzoomt is het heel lastig lezen. Om problemen te voorkomen en usability te bevorderen, plaats een achtergrond in 1 kleur of laat de achtergrond blanco.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 49: Op de pagina https://www.notaris.nl/vertaal staat een lijst met meest gezochte termen. Iedere term heeft een afbeelding, met die term erin en de banner met de tekst "met video". Een afbeelding van een tekst is niet goed leesbaar wanneer de afbeelding vergroot/herschaald wordt. Hierdoor wordt de tekst onduidelijk en hebben gebruikers van een schermvergroter moeite met het lezen van deze tekst.
Een oplossing zou zijn om de tekst dynamisch schaalbaar op de afbeelding te plaatsen, of op andere wijze te presenteren.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 50: Indien men de pagina https://www.notaris.nl/ met 300% zoom op een schermgrootte van 1280x1024 px bezoekt, staat het gesprekswolkje met de tekst "Hé notaris, vertaal eens" over de header heen. Zorg dat dergelijke elementen onderliggende content niet bedekken.

Bevinding 51: Indien men de pagina https://www.notaris.nl/levenstestament met 400% zoom op een schermgrootte van 1280x1024 px bezoekt, valt de kop "Overdrachtsbelasting" gedeeltelijk weg. Pas de CSS styling aan zodat de tekst leesbaar blijft wanneer gebruikers inzoomen. Dit probleem doet zich op meerdere pagina's voor in dergelijke situaties.

Bevinding 52: Indien men de pagina https://www.notaris.nl/levenstestament met 400% zoom op een schermgrootte van 1280x1024 px bezoekt, loopt de tekst van de koppen "Waar zeg ik ja tegen?" en "Wie geeft u het vertrouwen?" en de afbeeldingen van tekst erachter over elkaar heen. Voor gebruikers van schermvergrotingssoftware is de tekst moeilijker leesbaar. Er zijn diverse oplossingen voor, bijvoorbeeld een andere reflow van de afbeelding, of de opmaak aan te passen zodat de tekst leesbaar blijft wanneer gebruikers inzoomen, bijvoorbeeld door de achtergrondkleur van de tekst minder doorzichtig te maken.

Bevinding 53: Indien men de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen met 400% zoom op een schermgrootte van 1280x1024 px bezoekt vallen tekst en buttons buiten beeld in het iframe met de vraag "Is de woning ouder dan tien jaar?". Voor gebruikers van schermvergrotingssoftware is de test niet uit te voeren. Zorg voor goede reflow zodat alle tekst zichtbaar blijft.

Bevinding 54: Indien men de pagina https://www.notaris.nl/samen-verder vanaf 300% zoom op een schermgrootte van 1280x1024 px bezoekt vallen placeholders van de invoervelden in de vergelijkingstool gedeeltelijk weg. Zorg voor goede reflow zodat alle tekst zichtbaar blijft.

Bevinding 55: Advies: Indien men de pagina https://www.notaris.nl/page/brochures-en-checklists vanaf 300% zoom op een schermgrootte van 1280x1024 px bezoekt loopt de tekst van de kop "Infographic samenlevingscontract" buiten het achtergrondblok door. Dit gebeurt bij een inzoompercentage van 400% op een schermgrootte van 1280 x 1024. Informatie gaat niet verloren, maar goede reflow wel wenselijk.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 56: In de footer, bijvoorbeeld op https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen, staat een lijst met een vijftal linkjes van "Zoek een notaris" tot "Uw notaris gestopt?". Bij deze linkjes staan afbeeldingen/iconen met de HEX-kleur #D2CCBA. De contrastwaarde ten opzichte van de achtergrond (HEX #E5E1D6) is 1,2:1. Gebruikers met slechtzicht of die kleurenblind zijn ondervinden hinder van een te lage contrastwaarde en kunnen de iconen niet goed zien. Pas de kleur van de iconen aan naar een contrastwaarde van minimaal 3:1.
Dit geldt voor alle pagina's waar deze iconen voorkomen.

Bevinding 57: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat, onderaan de pagina de vraag; "Vond u deze informatie nuttig?". Onder deze vraag staan twee knoppen, "ja" en "nee". Wanneer de gebruiker voor nee kiest met toetsenbordnavigatie, dan opent een veld waarin verbeterpunten aangegeven kunnen worden. Wanneer je door het nieuwe gedeelte heen navigeert met het toetsenbord krijgt rechts bovenin een sluitknop de focus, echter is er geen icoon niet zichtbaar. Dit met name voor ziende gebruikers van toetsenbordnavigatie, die verder geen hulpsoftware gebruiken, verwarrend. De focusrand is namelijk wel zichtbaar, maar de knop niet. Maak het visueel duidelijk wat de knop doet, of haal de knop weg.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 58: In de header, bijvoorbeeld op https://www.notaris.nl/samen-verder staat een navigatiebalk met de items ""nieuws", "zoeken" en "menu". De twee laatstgenoemden zijn opgemaakt als button, waar het laatste een uitklapmenu betreft. Dit navigatiemenu bestaat visueel uit twee kolommen. De rechterkolom is met het toetsenbord, de linkerkolom niet. Kopelementen, geen <a> elementen hebben meegekregen. Middels JavaScript is het wel een link voor de muis, maar het toetsenbord werkt niet. Gebruikers die alleen met een toetsenbord navigeren (mensen met een motorische beperking of blinden en slechtzienden) komen nu niet bij dat deel van het menu. Geef de <h3> elementen direct een <a> element mee.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 59: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat een test, met de kop "Een woning kopen". Na een bepaalde tijd geeft de test aan dat de tijd verstreken is en dat de pagina ververst moet worden. Je kunt dan niet meer verder met de test. Dit is niet te bepalen/aan te passen door de gebruiker. Gebruikers die vanwege hun beperking( zoals bijvoorbeeld; slechtzicht, mobiliteitsbeperking of cognitieve beperking) meer tijd nodig hebben om de vragenlijst te doorlopen, lopen de kans dat ze de vragenlijst niet af kunnen maken. Haal de tijdslimiet van de test af of zorg voor een mogelijkheid voor aanpassing door de gebruiker zelf. Geef sowieso een waarschuwing aan de gebruiker dat de vragenlijst een tijdslimiet heeft en doe dit ook wanneer deze bijna verstrijkt.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 60: Geen van de onderzochte pagina's uit de sample hebben een skiplink. Gebruikers die alleen gebruik kunnen maken van toetsenbordnavigatie moeten nu, op alle pagina's, eerst door de hele header heen om bij de hoofdinhoud van een pagina aan te komen. Dit is zeer vervelend en frustrerend. Plaats op iedere pagina een skiplink en zorg dat deze na de cookiemelding de focus krijgt.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 61: De pagina https://www.notaris.nl/search?search=opstarten+bedrijf is een pagina met zoekresultaten en heeft als titel "Notaris.nl | Notaris .nl". Deze titel zegt niks over de inhoud van de pagina en is daarmee een ontoegankelijke paginatitel. Gebruikers die afhankelijk zijn van voorleessoftware, omdat ze blind zijn of slechtzicht hebben, gebruiken de paginatitel om door de verschillende tabbladen te navigeren. Een onduidelijke titel zorgt voor verwarring. Geef de pagina een toegankelijke, beknopte titel die de inhoud van de pagina beschrijft. Dit kan zijn "Zoekresultaten 'opstarten' | Notaris.nl".
Dit geldt ook voor de 404-pagina https://www.notaris.nl/bestaatniet

Bevinding 62: Het PDF-document https://www.notaris.nl/files/Widgets/knb-checklist-wbtr.pdf?097092f6fc heeft geen titel. Gebruikers van voorleessoftware krijgen de bestandsnaam voorgelezen wanneer een PDF-document geen titel heeft. Dit is vaak niet toegankelijk en begrijpelijk. Geef een PDF-document altijd een toegankelijke titel mee, zodat een gebruiker van voorleessoftware weet welk document hij/zij voor zich heeft.
Dit geldt ook voor de PDF-documenten https://www.notaris.nl/files/Brochures/tarievenkaart-erf-schenkbelasting-2025.pdf?6be5b85766 en https://www.notaris.nl/files/Brochures/brochure-client-screening-and-obligation-to-report-in-the-notarial-profession-march-2022.pdf?302c0bd094

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 63: Bij het bezoeken van de website verschijnt een pop-up voor nieuwsbriefaanmelding. Dit element ontvangt als laatste de focus, nadat men door de gehele pagina is genavigeerd, terwijl het over content heen staat. Dit kan problematisch zijn voor ziende toetsenbordgebruikers. Zorg dat de sluitknop vroeg de focus ontvangt, bijvoorbeeld na het logo en skiplink(s).

Bevinding 64: In de footer staat een social media contentblok met een knop om je in te schrijven voor de nieuwsbrief. Wanneer je met het toetsenbord de knop "inschrijven" selecteert opent een modal waar je je e-mailadres in kunt vullen. Dit modal krijgt niet direct de focus. Als gebruiker moet je eerst door de hele footer heen navigeren voordat de focus op de modal terecht komt. Voor gebruikers die slechtziend zijn of die blind zijn is dit heel verwarrend. Zorg ervoor dat de modal focus krijgt wanneer deze opent.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 65: Op de pagina https://www.notaris.nl/ staan boven de footer een drietal cards van "8 schenktips waar u blij van wordt" tot "De notaris". De afbeelding in de laatstgenoemde opent tevens een embedded YouTube video. Deze afbeelding heeft "Still uit de video 'De notaris'" als alternatieve tekst meegekregen. Wanneer een afbeelding tevens een link betreft, dan dient het tevens het linkdoel te omschrijven. Geef de afbeelding een alternatieve tekst mee zoals; "Speel de YouTube-video 'De Notaris' af". Dit geldt voor alle video's die op de geteste pagina's uit de sample staan.

Bevinding 66: Op de pagina https://www.notaris.nl/samen-verder/een-op-een-vergelijken/alle-opties staat in de tabel, onder de kop "Trouwen of geregistreerd partnerschap" "zelf bepalen", in de rij "Eigen zaak", de link met de tekst "denk aan voorwaarden". Deze tekst is niet heel duidelijk. Gebruikers van hulpsoftware, die aan de hand van linkjes door een pagina navigeren, en gebruikers met een cognitieve beperking kunnen moeite hebben met het begrijpen van het doel van deze link. Geef de link een toegankelijke tekst zoals; "Denk aan voorwaarden van huwelijk en partnerschap bij een eigen zaak".

Bevinding 67: Op de pagina https://www.notaris.nl/bij-overlijden staat, onder de kop "direct regelen", een link "Download checklist". Deze wordt voorgelezen als "Download checklist direct regelen". Deze tekst is niet heel duidelijk. Gebruikers van hulpsoftware, die aan de hand van linkjes door een pagina navigeren, en gebruikers met een cognitieve beperking kunnen moeite hebben met het begrijpen van het doel van deze link. Maak daarvan "Download checklist direct regelen bij overlijden".

Bevinding 68: Op de pagina https://www.notaris.nl/stichting-en-vereniging staat, onder de kop "Stichting inschrijven kamer van koophandel", een link met de naam "Hoe werkt dit?". Voor gebruikers die gebruik maken van voorleessoftware of die een cognitieve beperking hebben of die een motorische beperking hebben, en gebruik maken van toetsenbordnavigatie, kan deze link tekst onduidelijk zijn. Zij navigeren van link naar link en dan is deze tekst vaag. Vervang de link tekst voor bijvoorbeeld: "Hoe werkt inschrijven bij Kamer van Koophandel?".

Bevinding 69: Op de pagina https://www.notaris.nl/nieuws staat onderaan de pagina een paginering. Voorleessoftware leest alleen de nummers voor. De laatste link heeft helemaal geen tekst dus daar wordt niks voorgelezen. Gebruikers die slechtzicht hebben of die blind zijn weten nu niet dat het om een paginering gaat en dat ze met de link naar een andere pagina gaan. Voeg een <span> element toe met de tekst 'pagina' en geef deze een class= "sr-only". Style deze in CSS, dan leest voorleessoftware de tekst van de span op voordat hij het nummer opleest. Geef de laatste link de tekst 'volgende pagina'.
Pas dit toe op iedere pagina die een paginering heeft.

Bevinding 70: Advies: De social media linkjes in het blokje “blijf altijd op de hoogte” hebben, in een <span>, de tekst Facebook, Instagram en YouTube meegekregen. In de tekst wordt niet aangegeven waar de linkjes naartoe gaan (eigen pagina of pagina van Notaris.nl). Om het completer te maken; geef in de <span> elementen aan waar de linkjes naartoe gaan. Bijvoorbeeld "Facebook van Notaris.nl".

Bevinding 71: Advies: Op de pagina https://www.notaris.nl/stichting-en-vereniging staat, onder de kop "Checklist WBTR", een link om de checklist te downloaden. De voorleessoftware leest "Download checklist checklist WBTR" voor. Het woord "checklist" staat dubbel in de zin. Dit is storend voor gebruikers van voorleessoftware. Advies is om het woord checklist te ontdubbelen, zodat dit nog maar één maal voorkomt.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 72: In de footer, bijvoorbeeld op pagina https://www.notaris.nl/stichting-en-vereniging staat een social media contentblok met een knop om je in te schrijven voor de nieuwsbrief. Wanneer je hierop klikt/drukt komt een modal met een invoerveld tevoorschijn waar je een e-mailadres kunt invullen. Dit invoerveld, voor je e-mailadres, heeft alleen een placeholdertekst en deze verdwijnt wanneer je begint met typen. Voor gebruikers met een cognitieve beperking kan het lastig zijn om te onthouden wat ze in moeten vullen. Plaats bijvoorbeeld een een permanent label boven het invoerveld met daarin aangegeven dat dit veld voor het e-mailadres is, of laat het bij het typen hier verschijnen.

Bevinding 73: In de footer, bijvoorbeeld op pagina https://www.notaris.nl/stichting-en-vereniging staat een social media contentblok met een knop om je in te schrijven voor de nieuwsbrief. Wanneer je hierop klikt/drukt opent een modal met een invoerveld voor het opgeven van een e-mailadres. De placeholdertekst is "e-mailadres *". De placeholdertekst geeft geen uitleg over het gebruik van de asterisk en wat daar de bedoeling van is. Gebruikers met een cognitieve beperking krijgen niet duidelijk gecommuniceerd dat het veld verplicht is. Dit kan voor verwarring zorgen. Vervang het teken ' * ' voor het woord "verplicht".

Bevinding 74: Op de pagina https://www.notaris.nl/vertaal staat een zoekbalk met de placeholdertekst "Typen maar!". Deze placeholdertekst kan voor mensen met een cognitieve beperking heel verwarrend zijn. Plaats een duidelijke placeholdertekst en geef de zoekbalk ook een begeleidende introductie over wat je op kunt zoeken. Zorg ervoor dat deze introductie blijft staan ongeacht waar de gebruiker zich bevindt in het zoekproces. Een alternatief voor een placeholdertekst kan zijn: "Typ je vakterm hier".

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 75: Op de pagina https://www.notaris.nl/ staat boven de tekst "De notaris. Bekijk de animatie over de notaris." een video. Deze video krijgt wel focus, maar de focusrand is niet zichtbaar wanneer je door de pagina navigeert met het toetsenbord. Gebruikers die met een toetsenbord door een pagina heen navigeren (zoals mensen met slechtzicht en mensen met een motorische beperking die wel het scherm gebruiken) weten niet waar de focus gebleven is wanneer de focus op de video komt. Dit zorgt voor verwarring onder deze gebruikers. Zorg ervoor dat de focusrand overal zichtbaar is.
Dit geldt voor alle video's die op de geteste pagina's, uit de sample, staan.

Bevinding 76: Op de pagina https://www.notaris.nl/vertaal staan contentblokken met terminologie en een afbeelding van tekst. De afbeeldingen zijn linkjes naar de pagina van de desbetreffende vakterm. Wanneer je door de pagina navigeert met het toetsenbord krijgen deze afbeeldingen geen zichtbare focusrand. Voor gebruikers die navigeren met het toetsenbord (zoals mensen met slechtzicht en mensen met een motorische beperking die wel het scherm gebruiken) is dit verwarrend. Ze weten namelijk niet waar de focus is gebleven. Zorg ervoor dat alle afbeeldingen, die gebruikt worden als link, een focusrand krijgen op deze pagina.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 77: De pagina https://www.notaris.nl/bestaatniet heeft de Engelse taal meegekregen in de HTML-code, terwijl de taal die op de pagina gebruikt wordt Nederlands is. Voorleessoftware denkt dat de tekst op de pagina in het Engels is en leest de Nederlandse tekst met Engelse uitspraak voor. Voor gebruikers van voorleessoftware is dit niet begrijpelijk en verwarrend. Zorg ervoor dat het lang-attribuut, in de HTML-code, de juiste taalinstelling meekrijgt. In dit geval Nederlands.

Dit geldt ook voor pagina's:

Bevinding 78: Het PDF-document https://www.notaris.nl/files/Brochures/brochure-client-screening-and-obligation-to-report-in-the-notarial-profession-march-2022.pdf?302c0bd094 heeft de Nederlandse taal gekregen in plaats van de Engelse. Gebruikers die slechtziend of blind zijn en gebruik maken van voorleessoftware krijgen de Engelse tekst op z'n Nederlands voorgelezen. Dit is niet begrijpelijk en kan verwarrend zijn. Pas de taalinstelling van het PDF-document aan naar Engels. Pas wel op dat eventuele Nederlandse tekst wel nog een Nederlandse taalinstelling krijgt.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 79: Op de pagina https://www.notaris.nl/page/brochures-en-checklists staat een lijst met brochures en downloads. Als laatste staat een link naar een brochure in de Engelse taal. De titel en het stukje tekst, dat bij de link staan, zijn ook in het Engels geschreven. De <div> container waar de tekst in staat heeft geen lang-attribuut en het lang-attribuut van de pagina staat op Nederlands. Voorleessoftware denkt nu dat de tekst in het Nederlands is en leest de Engelse tekst met Nederlandse uitspraak voor. Voor gebruikers van voorleessoftware is dit niet begrijpelijk en verwarrend. Geef de <div> container, waar de tekst in staat, het lang-attribuut mee met de juiste taal. In dit geval Engels.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevinding 80: Op de pagina https://www.notaris.nl/nieuws/vraag-van-de-week-familiehypotheek staat onder de kop "Delen" een menu met social media linkjes. Op de pagina's https://www.notaris.nl/vertaal/paramedisch en https://www.notaris.nl/vertaal staat ditzelfde menu, maar heeft daar geen kop. Het niet consistent identificeren van navigatie elementen kan voor gebruikers van hulpsoftware verwarrend zijn en het oriëntatievermogen belemmeren. Geef dit menu op iedere pagina, waar het voorkomt, dezelfde kop mee.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 81: In de footer, bijvoorbeeld op pagina https://www.notaris.nl/stichting-en-vereniging staat een social media contentblok met een knop om je in te schrijven voor de nieuwsbrief. Wanneer het invoerveld verschijnt, een e-mailadres ingevuld wordt en een fout wordt geconstateerd, krijgt de gebruiker een foutmelding. Deze wordt voorgelezen door voorleessoftware, maar dat gaat niet helemaal goed. In de test is een ' , ' ingevuld in plaats van een ' . '. Deze fout wordt geconstateerd en de tekst van de foutmelding luidt dan " Het adresgedeelte na '@' mag niet het teken ' ,' bevatten." Voorleessoftware leest het kommateken niet voor waardoor gebruikers die slechtzicht hebben of die blind zijn niet weten welk teken niet mag. Het is voor hen gissen waar de fout zit. Vervang het teken ', ' door het woord "komma" in de foutmelding.

Bevinding 82: Op de pagina https://www.notaris.nl/page/notaristelefoon staat, onder de kop "Algemene voorwaarden" onderaan de hoofdinhoud, de vraag "Vond u deze informatie nuttig?" met daaronder twee knoppen met "ja" en "nee". Wanneer de gebruiker kiest voor "nee" verschijnt een formulier met een invoerveld en een Captcha. De foutmelding geeft wel aan dat de Captcha invoer ongeldig is, maar niet dat het invoerveld, van de vraag "Wat kunnen we verbeteren?", leeg is. Gebruikers met een cognitieve beperking kunnen moeite hebben met het bepalen wat niet goed gaat en welke aanpassing ze moeten doen. Geef in een foutmelding altijd aan in welk veld het mis gaat en wat daar mis gaat om zo gebruikers te helpen het juiste in te vullen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 83: In de footer, bijvoorbeeld op pagina https://www.notaris.nl/stichting-en-vereniging staat een social media contentblok met een knop om je in te schrijven voor de nieuwsbrief. Wanneer je op de knop klikt/drukt opent een modal zich. Deze modal heeft geen naam en rol. Dit geldt ook voor de sluiten-knop rechts bovenin de modal. Gebruikers van voorleessoftware en toetsenbordnavigatie moeten eerst de rest van de pagina door navigeren voor de modal focus krijgt en de sluit-knop krijgt überhaupt geen focus. Ze kunnen de modal niet sluiten. Dit zorgt voor verwarring onder deze gebruikers. Geef de modal direct focus wanneer deze geopend wordt door de knop "inschrijven" en zorg ervoor dat alles toetsenbordtoegankelijk is en voorgelezen wordt door voorleessoftware.

Bevinding 84: Op de pagina https://www.notaris.nl/search?search=opstarten+bedrijf staat, onderaan de lijst met zoekresultaten, een paginering. De paginanummers hebben alleen het nummer als naam en het pijltje, om naar de volgende pagina te gaan, heeft helemaal geen naam. Gebruikers van voorleessoftware krijgen alleen de nummers te horen en bij het pijltje wordt alleen aangegeven dat het een link is. Dit zorgt voor verwarring bij deze groep gebruikers. Geef de nummers het woord "pagina" mee naast het nummer en geef de link met het pijltje de naam "ga naar volgende pagina" mee. Doe dit wel op een toegankelijke manier en test de aanpassing met voorleessoftware. Voer dit door op alle pagina's met een paginering.

Bevinding 85: Op de pagina https://www.notaris.nl/vertaal staat, naast de zoekbalk met de placeholder "Typen maar!", een knop om het zoeken te activeren. Deze knop krijgt geen naam mee waardoor gebruikers van voorleessoftware alleen te horen krijgen dat het een button is maar niet waarvoor. Geef deze knop een toegankelijke naam mee zoals; "zoeken".

Bevinding 86: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat een woning-kopen test. Deze test staat in een <iframe> element. Dit element heeft geen title attribuut, wat wel altijd aanwezig moet zijn in een <iframe> element. Gebruikers van voorleessoftware weten nu niet wat de inhoud van het <iframe> element is. Dit bemoeilijkt ook het navigeren, door de pagina, aan de hand van titels. Plaats een title attribuut in het <iframe> element en geef de test een duidelijke, korte, beschrijvende titel zoals; "Test voor advies bij woning kopen".

Bevinding 87: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat een woning-kopen test. Daarin staat, links onderin het testvlak, een link met de tekst "vorige". Deze link heeft geen naam en heeft niet de juiste rol meegekregen. De link werkt wel wanneer je erop klikt met de muis, maar krijgt geen focus met toetsenbordnavigatie. Voor gebruikers die alleen gebruik maken van toetsenbordnavigatie, zoals; blinde en slechtziende gebruikers en gebruikers met een motorische beperking, is het niet mogelijk om terug te gaan naar de vorige vraag. Geef deze link een toegankelijke naam en wijs de juiste rol toe zodat hij ook toetsenbordtoegankelijk wordt en wordt voorgelezen door voorleessoftware.

Bevinding 88: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat een woning-kopen test. In het testvlak, rechts onderin, staan twee knoppen "ja" en "nee". Deze knoppen staan beide in een eigen <li> element, die weer in een <ul> element staan. Echter heeft het <ul> element een role="radiogroup" gekregen. Een <li> element dient altijd in een ouderelement te staan met een role="list" of in een <ul>/<ol> element zonder role. Voorleessoftware geeft aan welk element de gebruiker tegenkomt. In het geval van een <ul>/<ol> element geeft voorleessoftware aan hoeveel items in de lijst staan. Zo weet een gebruiker van voorleessoftware wat hij/zij kan verwachten. Bij deze knoppen is dit nu niet het geval. Verwijder het role attribuut bij het <ul> element of pas dit aan naar role="list". Verwijder dan ook het aria-required attribuut, dit attribuut mag niet gebruikt worden in een <ul>/<ol> element.

Bevinding 89: Op de pagina https://www.notaris.nl/wonen/doe-de-test-een-woning-kopen staat een woning-kopen test. In het testvlak, rechts onderin, staan twee knoppen "ja" en "nee". Deze knoppen staan in een <li> element en hebben een aria-required attribuut. Dit attribuut mag niet op deze plek gebruikt worden en kan een verkeerde werking van de knoppen veroorzaken. Voor gebruikers die afhankelijk zijn van hulpsoftware of toetsenbordnavigatie kan de test ontoegankelijk zijn. Haal het aria-required attribuut weg uit het <li> element.

Bevinding 90: Op pagina https://www.notaris.nl/samen-verder hebben de selectievelden van de test, die staan onder de kop "vergelijk de mogelijkheden", geen naam en label meegekregen. Gebruikers van voorleessoftware krijgen voorgelezen "Kies wat u wilt vergelijken", maar weten niet waar dit over gaat. Ook omdat in de omliggende tekst, van de vergelijkingstool, geen uitleg staat over wat vergeleken wordt. Geef de selectievelden een toegankelijke naam en koppel een <label> element aan elk selectieveld. Gebruik hiervoor de for en id attributen. Dit geldt ook voor het selectieveld, in het blok waar de gebruiker brochures kan downloaden, onderaan de pagina https://www.notaris.nl/vertaal.

Bevinding 91: Op de pagina https://www.notaris.nl/ondernemen/een-onderneming-starten/besloten-vennootschap/incorporating-a-private-limited-company-digitally staat, onder de kop "Questions and answers", een lijst met vragen. Wanneer je met de screenreader en toetsenbordnavigatie de focus geeft aan een vraag geeft de screenreader aan dat de knop is uitgevouwen, terwijl de knop is samengevouwen. Bij het uitklappen, van de knop, geeft de screenreader helemaal niks aan. Voor gebruikers van voorleessoftware is dit heel verwarrend. De knop staat in een <h3> element. Het <button> element heeft een aria-expanded gekregen die op "true" staat, dit moet "false" zijn.
Dit geldt ook voor de lijst op de pagina https://www.notaris.nl/de-notaris/offerte-en-afspraak/digital-identification-at-your-notary-how-does-it-work

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 92: Op de pagina https://www.notaris.nl/page/notaristelefoon staat, onder de kop "Algemene voorwaarden" onderaan de hoofdinhoud, de vraag "Vond u deze informatie nuttig?" met daaronder twee knoppen met "ja" en "nee". Wanneer de gebruiker kiest voor "nee" verschijnt een formulier met een invoerveld en een Captcha. Bij een ongeldige invoer wordt wel visueel weergegeven dat een fout zich voordoet, maar deze wordt niet voorgelezen door de voorleessoftware. Gebruikers die slechtzicht hebben of die blind zijn en voorleessoftware gebruiken, krijgen de foutmelding niet te horen en weten niet waarom het formulier niet verstuurd is.
Bij ja krijgt een gebruiker de tekst "Bedankt voor uw reactie!" te zien. Deze is niet hoorbaar voor blinde of slechtziende gebruikers want voorleessoftware leest deze niet voor. Zorg ervoor dat alle belangrijke foutmeldingen in een formulier worden voorgelezen door voorleessoftware.
Dit geldt voor alle pagina's waar deze vraag gesteld wordt.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-07-07 09:52:20 v2.4-011