Rapport:
Systeem-audit digitale toegankelijkheid website van Koninklijke Notariële Beroepsorganisatie en subsites

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina, https://www.knb.nl, staat onder de kop “Advertentie” een advertentie met afbeeldingen. Deze afbeeldingen functioneren als links, maar de tekstalternatieven bij de afbeeldingen ontbreken. Hierdoor zijn deze links niet toegankelijk voor bezoekers die schermlezers gebruiken. Dit probleem valt ook succescriteria 2.4.4, 2.5.3 en 4.1.2. Om deze links toegankelijk te maken, moeten de afbeeldingen een tekstalternatief krijgen dat het linkdoel beschrijft. Zo weten bezoekers die schermlezers gebruiken waar de link naartoe leidt.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/, op pagina https://www.knb.nl/english/, op pagina https://www.knb.nl/kennisbank/vastgoedrecht/ en op andere pagina’s.

Op de homepagina, https://www.knb.nl, staat onder de kop “Uitgelicht” een decoratieve afbeelding. Het tekstalternatief is “kennisbank_1”. Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Gebruik voor afbeeldingen in een img-element een leeg alt-attribuut (alt="").

Op pagina Inloggen van knb.nl, toont het logo bovenaan de volledige tekst “KNB Koninklijke Notariёle Beroepsorganisatie”, maar de alt-tekst is alleen “Logo KNB”. In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Zo weten bezoekers die de afbeelding niet kunnen zien, ook precies wat er staat. Verander het tekstalternatief zodat de volledige tekst van het logo erin staat: “KNB Koninklijke Notariёle Beroepsorganisatie”.

Op pagina https://www.knb.nl/mijn-startpagina/ staat onder de kop “Modellen” een afbeelding. Het tekstalternatief van de afbeelding “modellen” komt overeen met de tekst van deze kop. De schermlezer leest nu dezelfde informatie twee keer voor. Laat het alt-attribuut leeg om herhaling van de tekst te voorkomen.

Op pagina https://www.knb.nl/actueel/nieuws/nieuw-lid-maand-jesse-broeils/ staat onder de kop “Deel deze informatie” een link met een kopieericoon. Dit kopieericoon werkt als een link, maar de alternatieve tekst ontbreekt, waardoor de link niet toegankelijk is. De afbeelding is dus interactief. Er is geen tekstalternatief. Daardoor heeft de link geen inhoud (zie ook succescriterium 2.4.4 en 4.1.2). Om deze link toegankelijk te maken, moet de afbeelding een tekstalternatief krijgen dat het linkdoel beschrijft. Zo weten bezoekers die schermlezers gebruiken waar de link naartoe leidt.

Deze link heeft geen toegankelijke naam en daardoor geen herkenbaar linkdoel. Dit kan bijvoorbeeld worden opgelost door tekst toe te voegen aan het a-element of door een aria label toe te voegen. Zorg ervoor dat alle links een duidelijk bestemmingsdoel hebben.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/fraudepreventie-wwft/wwft/, op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ en op andere pagina’s.

Het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf bevat op pagina 1 een logo zonder tekstalternatieven (alt-tekst). Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving (alt-tekst) hebben. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu ontbreekt, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor het gevoel krijgen dat ze inhoud missen. Voeg alt-teksten toe aan deze informatieve afbeeldingen.
Dit probleem komt ook voor in het PDF-document op https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf op pagina 1.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf staan decoratieve afbeeldingen die onjuist zijn getagd als figuren zonder beschrijving. Dit is te zien op pagina 2, 5 en 6. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen en heeft altijd een beschrijving nodig. Markeer deze afbeelding als artefact, zodat deze wordt verborgen voor schermlezers.
Dit probleem komt ook voor in het PDF-document op https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf op pagina 2.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/actueel/podcast/ staan podcasts zonder transcriptie. Er moet een alternatief zijn voor mensen die het geluid niet kunnen horen: de volledig uitgeschreven tekst (transcriptie). Dit is belangrijk voor mensen die doof of slechthorend zijn. Deze tekst kan op verschillende manieren worden geplaatst. Eén manier is om de tekst direct bij de audio te zetten, eventueel visueel verborgen, waarbij de bezoeker de tekst met een link zichtbaar kan maken. De tekst mag ook op een aparte pagina of in een toegankelijke pdf staan, als de link naar de pagina of pdf direct bij de audio staat.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/over-knb/contact/, in het gedeelte met verborgen content onder “Voor notarissen”, staat een datatabel. Het strong-element wordt onjuist gebruikt voor opmaak bij de tabelkoppen, zoals bij “E-mailadres” en “Telefoonnummer”. Dit probleem komt ook voor verder op de pagina, in de secties “Auto” en “Openbaar vervoer”, in de tussenkoppen zoals “Vanuit Utrecht (A12)”. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/fraudepreventie-wwft/wwft/, onder de kop “Hulpmiddelen, cursus-, opleidings- en kennisaanbod”.

Op pagina https://www.knb.nl/actueel/nieuws/nieuw-lid-maand-jesse-broeils/ zijn de volgende teksten koppen, maar de kop-elementen ontbreken. Het strong-element wordt gebruikt om deze teksten eruit te laten zien als koppen. Dit is te zien bij “Wilde je altijd al notaris worden?”, “Wat sprak je zo aan in het werk?” en andere teksten. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h3. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis.

Op pagina https://www.knb.nl/over-knb/medewerkers-knb-bureau/ staat onder de tekst “Het bureau van de KNB telt ruim 80 medewerkers … van het KNB-bestuur.” een groep links die visueel als groep wordt gepresenteerd, maar deze groepering is ontbreekt in de HTML-structuur. Als het voor een ziende bezoeker duidelijk is dat een groep links bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. Plaats de elementen in een nav-element of een ul-element.

Op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ staan in het gedeelte met verborgen content “Van belang bij digitale Belehrung” teksten die onjuist zijn gemarkeerd met em-elementen in plaats van met juiste kop-elementen. Dit is bijvoorbeeld te zien bij “Goed werkende apparatuur en goede verbinding” en andere teksten. Het em-element is bedoeld om woorden extra nadruk te geven. Het heeft daarmee een andere semantische betekenis dan een kop. Dit element moet dan ook niet gebruikt worden voor koppen. Markeer de tussenkopjes als h4-koppen voor een correcte structuur.

Op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ staat onder de kop “Bespreek de huisregels voor digitaal passeren” een lijst met 7 items die onjuist is gemarkeerd als 2 afzonderlijke lijsten. Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in het CMS. Voor lijsten en opsommingen worden de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf zijn alle koppen niet gemarkeerd als koppen. Dit is bijvoorbeeld te zien op pagina 1 bij “Checklist levenstestament”, “Welke keuzes kunt u nu maken voor straks?” en andere teksten. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door een H1 - H6-tag, zodat de tag-structuur gelijk is aan de visuele structuur.
Dit probleem komt ook voor in het PDF-document op https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf. Dit is bijvoorbeeld te zien op pagina 2 bij “De rol van notarissen”, “MELDEN” en andere teksten.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf staat op pagina 1 onder de tekst “In deze checklist staan de volgende onderwerpen:” een lijst met 5 items. De juiste markering ontbreekt. Dit probleem komt ook voor op pagina 4 en pagina 8. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Markeer de lijst met een L-, Li-, Lbl- en LBody-tags.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf staat op pagina 2 onder de tekst “Uw zakelijke belangen” een lijst met 6 items. In de tags is deze lijst gemarkeerd met 6 afzonderlijke L-tags. Dit probleem komt ook voor op pagina 6 en pagina 7. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Markeer de lijst met een L-, Li-, Lbl- en LBody-tags.

Het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf is gedeeltelijk getagd. Zo is op pagina 9 de lijst onder de kop “5.Wie informeert u over uw levenstestament?” niet getagd. Dit deel van het document kunnen wij hierdoor niet onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen. Bijvoorbeeld met de tekstlabels voor de formuliervelden, maar ook de relaties van de formuliervelden met de kolomkoppen erboven.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf wordt op pagina 3 en pagina 4 een datatabel gebruikt om tekst in kolommen weer te geven. Een datatabel mag in deze situatie niet worden gebruikt. Er zijn tags gebruikt die alleen bedoeld zijn voor een datatabel, namelijk th-tags. Deze mogen niet aanwezig zijn in een lay-outtabel. Dit kan verwarrend zijn voor blinde bezoekers, omdat deze tags het idee geven dat er een relatie is tussen de informatie in de verschillende cellen van de tabel, terwijl dit niet zo is.

Uitkomst: Onvoldoende

Bevindingen: In het PDF-document op https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf is op pagina 4 de leesvolgorde niet logisch. Na de vraag “Hoe staat melden in relatie tot de geheimhoudingsplicht waartoe ik gehouden ben?” volgt de tekst ‘Q3’ en daarna de volgende vraag “Ik ben bang dat ik onterecht een melding doe bij de FIU. Wat nu?”, in plaats van het antwoord op de eerste vraag “Notarissen hebben op grond van … doorbreekt dus de notariële geheimhoudingsplicht”. Schermlezers lezen een pdf-document in de volgorde van de tags die in de codelaag staan. Als die niet logisch is, is de leesvolgorde dat dus ook niet en wordt het voor een blinde bezoeker moeilijk om de inhoud van het document te begrijpen. Zorg dus dat de volgorde van de tags logisch is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina Inloggen op knb.nl staat een formulier waarin persoonsgegevens worden verzameld. De invoervelden “Gebruikersnaam” en “Wachtwoord” hebben onjuiste waarden, zoals "off". Invoervelden voor persoonlijke informatie zoals gebruikersnaam en wachtwoord moeten het autocomplete-attribuut hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

Op pagina https://it-notaris.nl/over-ons/aanmeldingsformulier-lidmaatschap/ staat een formulier met invoervelden voor persoonsgegevens, zoals Voornaam, Achternaam, E-mail en andere velden. Bij deze invoervelden ontbreekt het autocomplete-attribuut. Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut met de juiste waarde hebben. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://www.knb.nl staan in het submenu blauwe links (HEX #0095C9) op een witte achtergrond, zoals “Nieuws”. De contrastratio is te laag en bedraagt 3,4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina Inloggen staat lichtgrijze tekst (HEX #999999) “Log in om naar notarisnet te gaan” op een witte achtergrond. De contrastratio is te laag en bedraagt 2,8:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina Inloggen staat grijze tekst (HEX #797979), zoals “Gebruikersnaam:”, op een lichtgrijze achtergrond (HEX #F2F2F2). De contrastratio is te laag en bedraagt 3,9:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina Inloggen staat lichtblauwe tekst (HEX #1286FF) “Wachtwoord opnieuw instellen” op een lichtgrijze achtergrond (HEX #F2F2F2). De contrastratio is te laag en bedraagt 3,2:1.
Dit probleem komt ook voor bij de lichtblauwe tekst (HEX #1286FF) “Hulp nodig?” op een witte achtergrond. De contrastratio is daar te laag en bedraagt 3,6:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina Inloggen staat in het formulier een foutmelding met oranje tekst (HEX #CC6600) “Ongeldige gebruikersnaam of wachtwoord.” op een lichtgrijze achtergrond (HEX #F2F2F2). De contrastratio is 3,4:1. Foutmeldingen moeten net als andere teksten voldoen aan de minimale contrasteisen. Zorg dat het contrast tussen de kleur van de foutmelding en de achtergrond minimaal 4,5:1 is.

In het PDF-document op https://www.knb.nl/publish/pages/10915/bch01_checklist_levenstestament_.pdf staat op pagina 9 lichtblauwe tekst (HEX #00B0F0) “www.notaris.nl/levenstestament” op een witte achtergrond. De contrastratio is te laag en bedraagt 2,5:1. Zorg dat het contrast minimaal 4,5:1 is.

In het PDF-document op https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf staat lichtblauwe tekst (HEX #009CDA) op een witte achtergrond. Dit is bijvoorbeeld te zien op pagina 2 bij “MELDEN”, op pagina 3 bij “CASUS WAARBORGSOM” en bij andere teksten. De contrastratio is te laag en bedraagt 3,1:1. Voor kleine tekst moet de contrastratio minimaal 4,5:1 zijn en voor grote tekst minimaal 3,0:1.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina, https://www.knb.nl, staat onder de kop “Advertentie” een advertentie met afbeeldingen. Dit zijn afbeeldingen met tekst erin. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de tekst indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/, op pagina https://www.knb.nl/english/, op pagina https://www.knb.nl/kennisbank/vastgoedrecht/ en op andere pagina’s.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://knb.nl gaat bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% de volgende tekst gedeeltelijk verloren: “© Copyright 2025 Koninklijke Notariële Beroepsorganisatie”. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Wanneer pagina https://www.knb.nl/actueel/nieuws/nieuw-lid-maand-jesse-broeils/ wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400%, raken de iconen bij knoppen en links in de buurt van de kop “Deel deze informatie” gedeeltelijk buiten beeld, zoals het kopieericoon. Bezoekers die op de pagina hebben ingezoomd, kunnen hierdoor niet goed zien wat er op de links en knoppen staat en begrijpen daardoor mogelijk niet wat de functie daarvan is. Zorg ervoor dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/fraudepreventie-wwft/wwft/, op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ en op andere pagina’s.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://www.knb.nl staat onder de kop “Blijf op de hoogte” een invoerveld met het label “E-mailadres (verplicht)”. De contrastratio tussen de lichtgrijze randen (HEX #D8D6D1) en de witte achtergrond van de pagina is 1,5:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Op pagina Inloggen staat een formulier. De contrastratio tussen de grijze randen van de invoervelden (HEX #CCCCCC) en de lichtgrijze achtergrond (HEX #F2F2F2) is 1,4:1. Dit is onvoldoende. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Op pagina https://www.knb.nl/actueel/nieuws/ staat een zoekveld. De contrastratio tussen de lichtgrijze randen (HEX #D9D7D2) en de witte achtergrond van de pagina is 1,4:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/modellen/knb-modellen/.

Op pagina https://www.knb.nl/actueel/nieuws/ staan in de filters de select-elementen “Periode jaar” en “Periode maand”. De toetsenbordfocus op deze select-elementen is grijs (HEX #AAAAAA). De contrastratio van deze kleur en de witte achtergrond van de pagina is 2,3:1 en ligt daarmee onder het vereiste minimum van 3,0:1.

Op pagina https://www.knb.nl/kennisbank/modellen/knb-modellen/ staat een zoekveld. De contrastratio tussen de lichtgrijze randen (HEX #D9D7D2) en de witte achtergrond van de pagina is 1,4:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: op alle pagina’s van https://www.knb.nl staat in de header een “ip.”-icoon als de bezoeker is ingelogd. Wanneer de muisaanwijzer over deze knop wordt bewogen, verschijnt een tooltip met daarin een link “Log uit”. Dit gebeurt niet bij toetsenbordfocus. Hierdoor kunnen bezoekers die alleen met het toetsenbord navigeren deze tooltip niet zien. De informatie in de tooltip is voor hen dus niet toegankelijk. Daardoor is de link “Log uit” ook niet met het toetsenbord toegankelijk. Dit wordt nu echter niet afgekeurd, omdat deze knop ook niet met de muisaanwijzer kan worden bediend en omdat er een alternatieve link "Uitloggen" aanwezig is naast de link "Inloggen". Het is te overwegen om het "ip."-icoon te verwijderen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://it-notaris.nl/over-ons/aanmeldingsformulier-lidmaatschap/ staat een formulier met de verificatiemethode reCAPTCHA. Wanneer het selectievakje is aangevinkt maar de verzendknop nog niet is ingedrukt, verschijnt na enige tijd de melding “Verification expired. Please check the checkbox again.” Er is sprake van een tijdslimiet. Dit kan een probleem zijn voor bezoekers die meer tijd nodig hebben. Bezoekers moeten de tijdslimiet kunnen uitzetten, aanpassen of verlengen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/actueel/podcast/ staan podcasts met animatie van bewegende linktekst, zoals “KNB De podcast #1 Ondernemen met meerwaarde”. Deze animatie start automatisch en kan niet worden gepauzeerd, gestopt of verborgen. Het kan storend zijn voor mensen met een cognitieve beperking als een video, GIF of animatie op een website automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding, terwijl ze de tekst op de pagina proberen te lezen. Daarom moet er een manier zijn voor bezoekers om dit soort multimedia te stoppen, pauzeren of verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende content die tegelijk met andere informatie wordt getoond, automatisch start en langer dan 5 seconden speelt.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/test geeft de tekst in het titel-element “404 - Koninklijke Notariële Beroepsorganisatie” geen goede beschrijving van de inhoud van de pagina. Niet alle bezoekers zullen begrijpen wat 404 betekent. In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Wanneer correct ingesteld, wordt deze tekst bovendien getoond in de tab van de browser. Met een duidelijke beschrijving kunnen bezoekers makkelijker navigeren tussen verschillende pagina’s. Zet een duidelijke tekst in het title-element van de pagina die de inhoud van de pagina beschrijft.
Dit probleem komt ook voor op pagina https://vmn-notaris.nl/404 met de titel “404 - Vereniging van Mediators in het Notariaat”, op pagina https://von-notaris.nl/test met de titel “404 - Vereniging Ondernemingsrechtspecialisten Notariaat”, op pagina https://nrs-notaris.nl/test met de titel “404 - Vereniging Notariële Registergoed Specialisten” en op andere pagina’s.

Het PDF-document https://www.knb.nl/publish/pages/9714/handreiking_notariaat_melden_ongebruikelijke_transacties.pdf heeft geen titel die is ingesteld in de bestandseigenschappen. Zelfs als er een titel op de eerste pagina staat, moet in de PDF-instellingen ook een documenttitel worden ingesteld. Bij het openen van een pdf in een pdf-lezer (zoals Adobe Acrobat of een browser) wordt meestal de bestandsnaam bovenaan in de titelbalk getoond, bijvoorbeeld document123.pdf. Wanneer in de pdf-metadata echter een documenttitel is ingesteld, wordt deze titel in plaats van de bestandsnaam weergegeven. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen, omdat zij dan snel en gemakkelijk kunnen bepalen of het document relevant is.

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina https://www.knb.nl, staan onder de koppen “Actueel” en “Agenda” artikelen. Elk artikel bevat twee links met dezelfde tekst. Eén van deze links is verpakt in een h3-element en is visueel verborgen met CSS, maar is nog steeds toegankelijk voor mensen die alleen via een toetsenbord navigeren en voor schermlezers. De andere link, die de zichtbare titel van het artikel bevat, staat in een div-element met het attribuut aria-hidden="true". Dit attribuut zorgt ervoor dat het element en alle onderliggende elementen volledig onbereikbaar zijn voor schermlezers en andere hulpsoftware. De focusbare elementen binnen dit element kunnen echter nog steeds met het toetsenbord worden bereikt. Daardoor komt de toetsenbordfocus op beide links, waarvan er één niet zichtbaar is op het scherm. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen (links, knoppen, formuliervelden). Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren. Het is niet toegestaan om interactieve elementen te verbergen voor schermlezers. Daarnaast kunnen deze elementen nog steeds focus krijgen. Dit is verwarrend voor bezoekers die met de Tab-toets navigeren. Een mogelijke oplossing is om per artikel één link te gebruiken, waarbij de zichtbare titel van het artikel wordt gebruikt als linktekst. Omdat deze tekst ook de functie van een kop heeft, moet de link worden verpakt in een h3-element. De dubbele, visueel verborgen link moet worden verwijderd. Het attribuut aria-hidden="true" moet ook worden verwijderd, omdat interactieve elementen nooit in een container met dit attribuut mogen staan.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/ bij zoekresultaten, op pagina https://www.knb.nl/english/ bij artikelen, op pagina https://www.knb.nl/kennisbank/modellen/knb-modellen/ bij zoekresultaten en op andere pagina’s.

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina, https://www.knb.nl, staat onder de kop “Advertentie” een advertentie met afbeeldingen. Deze afbeeldingen functioneren als links, maar de alt-attributen zijn leeg (alt=""), waardoor de afbeeldingen zijn verborgen voor screenreaders. Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Dit kan worden opgelost door een alt-tekst aan de afbeelding toe te voegen. Andere oplossingen zijn mogelijk.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/, op pagina https://www.knb.nl/english/, op pagina https://www.knb.nl/kennisbank/vastgoedrecht/ en op andere pagina’s.

Op pagina https://www.knb.nl/actueel/nieuws/nieuw-lid-maand-jesse-broeils/ staat onder de kop “Deel deze informatie” een link met een kopieericoon. Deze link heeft geen toegankelijke naam en daardoor geen herkenbaar linkdoel. Dit kan bijvoorbeeld worden opgelost door tekst toe te voegen aan het a-element of door een aria label toe te voegen. Zorg ervoor dat alle links een duidelijk bestemmingsdoel hebben.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/fraudepreventie-wwft/wwft/, op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ en op andere pagina’s.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/test beschrijft de kop “404” niet voldoende welke inhoud er daarna volgt. Gebruik een meer specifieke kop, die duidelijk maakt wat voor soort inhoud of functionaliteit erna komt. Dit kan bijvoorbeeld worden opgelost door de tekst van deze kop “404” samen te voegen met de onderliggende kop “Pagina niet gevonden” tot één kop. Andere oplossingen zijn ook mogelijk.

Op pagina https://www.knb.nl/over-knb/contact/ staat een iframe met een kaart. Het title-attribuut is “google”. Iframes moeten een duidelijke beschrijving hebben meestal via het title-attribuut. Hierin moet staan welk type inhoud het is (bijvoorbeeld een kaart of video) en waar het inhoudelijk over gaat. Deze beschrijving moet uniek en betekenisvol zijn, zodat bezoekers met hulpsoftware kunnen bepalen of ze de inhoud willen verkennen. Voeg het title-attribuut toe aan het iframe-element en geef daarin aan welk type inhoud het iframe bevat en waar het over gaat.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/podcast/ bij podcasts. De titels zijn daar “Aflevering 1: ondernemen met meerwaarde” en “Aflevering 1: Tot dood ons scheidt”.
Dit probleem komt ook voor op pagina https://vmn-notaris.nl/contact/ met een kaart, op pagina https://von-notaris.nl/contact/ met een kaart en op andere pagina’s.

Op pagina https://www.knb.nl/actueel/nieuws/ staan in de filters meerdere knoppen met dezelfde toegankelijke naam “uitklappen”. Deze knoppen hebben echter verschillende functies. Je kunt met deze knoppen een andere actie uitvoeren. Dit kan verwarrend zijn voor bezoekers met een schermlezer. Het is niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben. Ten tijde van het testen van de website functioneerden deze knoppen niet correct. De subfilters werden niet geopend of gesloten. Als dit bewust zo is ingericht, is de beste oplossing om deze knoppen te verwijderen of te verbergen voor screenreaders.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/modellen/knb-modellen/.

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina, https://www.knb.nl, staan in de buurt van de kop “Welkom bij de Koninklijke Notariële Beroepsorganisatie” drie knoppen om de slides te bedienen. De toetsenbordfocus is op deze knoppen niet zichtbaar. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.
Dit probleem komt ook voor op pagina https://vmn-notaris.nl in de buurt van de kop “Welkom bij de Vereniging van Mediators in het Notariaat”, op pagina https://von-notaris.nl/ in de buurt van de kop “Welkom bij de Vereniging Ondernemingsrecht specialisten Notariaat”, op pagina https://it-notaris.nl en op andere pagina’s.

Op pagina Inloggen is in de header de toetsenbordfocus niet zichtbaar op de link met het logo. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://www.knb.nl bevat het zoekveld de placeholdertekst “Type hier om te zoeken”, maar de toegankelijke naam is “Zoekterm”. De zichtbare tekst van een interactief element mag niet te veel afwijken van de toegankelijke naam van het element. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat de zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.
Dit probleem komt ook voor op andere domeinen in dit onderzoek.

Op de homepagina, https://www.knb.nl, staat onder de kop “Advertentie” een advertentie. Deze advertentie bestaat uit een link met een afbeelding met zichtbare tekst, zoals “U kunt het maar beter goed geregeld hebben voor uw huisdier”. De link heeft geen toegankelijke naam en kan daardoor niet met spraak worden bediend. Als de zichtbare tekst van een link niet voorkomt in de toegankelijke naam, kan de link niet met spraakbediening worden bediend. De commando’s die de bezoeker uitspreekt door de tekst van de link voor te lezen, zullen de link dan niet activeren. Dit kan opgelost worden door de zichtbare tekst toe te voegen aan de toegankelijke naam, bij voorkeur vooraan.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/, op pagina https://www.knb.nl/english/, op pagina https://www.knb.nl/kennisbank/vastgoedrecht/ en op andere pagina’s.

Op pagina Inloggen van knb.nl, toont het logo bovenaan de volledige tekst “KNB Koninklijke Notariёle Beroepsorganisatie”, maar de alt-tekst is alleen “Logo KNB”. In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Verander het tekstalternatief zodat de volledige tekst van het logo erin staat: “KNB Koninklijke Notariёle Beroepsorganisatie”.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.knb.nl/english/ staan zinnen in een andere taal zonder taalcode, zoals “The Royal Dutch Association of Civil-law Notaries (KNB) is a professional organisation … the KNB.” Deze tekst wordt nu voorgelezen volgens de uitspraakregels van de primaire taal van de pagina. Die is ingesteld in het lang-attribuut op het html-element, in dit geval op “nl”. De schermlezer moet hier echter op de taal van deze zin overschakelen. Geef het element met deze Engelstalige inhoud daarom een lokaal lang-attribuut met de juiste waarde, in dit geval lang="en".

Advies: op pagina https://vmn-notaris.nl staat in de footer de link “Responsible disclosure” en op pagina https://vmn-notaris.nl/responsible-disclosure/ staat de link “Hall of fame”. Deze teksten zijn in het Engels, terwijl de pagina's de Nederlandse taal hebben. Het zou goed zijn om deze engelse teksten aan te merken als Engelstalig, via lang="en". Dit is echter niet noodzakelijk, omdat dit slechts enkele woorden zijn en omdat deze woorden gezien kunnen worden als eigennamen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://it-notaris.nl/over-ons/aanmeldingsformulier-lidmaatschap/ is het veld “Geslacht” een verplicht veld, maar dit wordt niet vooraf aangegeven als “verplicht”, zoals bij andere verplichte velden in het formulier. Na het verzenden van het formulier verschijnt wel een foutmelding waarin staat dat dit veld verplicht is. Geef het veld vooraf aan als verplicht door het woord “verplicht” op te nemen in het label, net zoals bij de andere verplichte velden in het formulier. Zo is vooraf duidelijk dat dit veld moet worden ingevuld voordat het formulier kan worden verzonden.
Dit komt mogelijk ook voor in andere formulieren op de onderzochte websites.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://www.knb.nl verschijnt een dialoogvenster met cookies. Dit dialoogvenster heeft geen toegankelijke naam. Een bezoeker met een schermlezer heeft deze naam nodig om de inhoud van het dialoogvenster te begrijpen. Momenteel kunnen schermlezers niet voorlezen wat hier staat. Dit kan opgelost worden door een aria-label aan het dialoogvenster toe te voegen met een duidelijke beschrijving van de inhoud.
Dit probleem komt ook voor op andere domeinen in dit onderzoek.

Op alle pagina’s van https://www.knb.nl staat in de cookiebanner een groep selectievakjes die wordt voorafgegaan door de tekst “Cookievoorkeuren beheren”. De checkboxen zijn netjes in een fieldset-element opgenomen, maar het legend-element ontbreekt. Het legend-element is nodig om deze groep een naam te geven. Voeg een legend-element toe binnen de fieldset en vul het met de tekst “Cookievoorkeuren beheren” of een meer beschrijvend en toepasselijk label om duidelijk het doel van de groep aan te geven.
Dit probleem komt ook voor op andere domeinen in dit onderzoek.

Op de homepagina, https://www.knb.nl, staat onder de kop “Advertentie” een advertentie met afbeeldingen. Deze afbeeldingen functioneren als links, maar deze links hebben geen toegankelijke naam. Hierdoor begrijpen bezoekers die een screenreader gebruiken niet wat de bestemming of de functie van de link is. Geef deze link een toegankelijke naam die het doel van de link beschrijft.
Dit probleem komt ook voor op pagina https://www.knb.nl/actueel/nieuws/, op pagina https://www.knb.nl/english/, op pagina https://www.knb.nl/kennisbank/vastgoedrecht/ en op andere pagina’s.

Op pagina https://www.knb.nl/actueel/nieuws/nieuw-lid-maand-jesse-broeils/ staat onder de kop “Deel deze informatie” een link met een kopieericoon. Deze link heeft geen toegankelijke naam. Hierdoor begrijpen bezoekers die een screenreader gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Dit kan bijvoorbeeld door tekst toe te voegen aan het a-element of door een aria label toe te voegen.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/fraudepreventie-wwft/wwft/, op pagina https://www.knb.nl/kennisbank/digitale-dienstverlening/digitaal-oprichten-bv/proces-digitale-oprichting-bv/ en op andere pagina’s.

Op pagina https://www.knb.nl/actueel/podcast/ staan podcasts. Elke podcast bevat een knop met een icoon met drie puntjes die een dialoogvenster opent. Dit dialoogvenster heeft geen juiste rol en geen toegankelijke naam. Schermlezers kunnen hierdoor niet doorgeven dat het om een dialoogvenster gaat, en wat de inhoud ervan is. Dit kan opgelost worden door twee attributen toe te voegen aan het dialoogvenster: een aria-label met een duidelijke beschrijving van de inhoud (aria-label="Beschrijving van de inhoud") of een aria-describedby en role="dialog".

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.knb.nl/actueel/nieuws/ is de inhoud geplaatst in het form-element met het attribuut aria-live="polite". Daardoor wordt bij het selecteren van een filter de volledige inhoud van het formulier, inclusief alle filters, voorgelezen. Dit is storend voor bezoekers die een screenreader gebruiken. Verwijder het attribuut aria-live="polite" van het form-element. Dit attribuut mag niet op een volledig formulier worden toegepast. Live regio’s zijn bedoeld om specifieke dynamische wijzigingen. Wanneer filters bijvoorbeeld de zoekresultaten wijzigen, wordt de melding zoals “Aantal resultaten: 3” dynamisch bijgewerkt zonder dat de pagina wordt herladen. Deze melding is namelijk een statusbericht. Zorg dat dit statusbericht automatisch wordt voorgelezen door schermlezers zodra het verandert.
Dit probleem komt ook voor op pagina https://www.knb.nl/kennisbank/modellen/knb-modellen/.