Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid van website De Nieuwe Schatkamer

(Alleen de bevindingen)

Scope van de evaluatie

Naam website De Nieuwe Schatkamer
Datum 20 februari 2025
Scope van de website 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 wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 49

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 alle pagina's, in de footer, staat het logo "DeNederlandscheBank eurosysteem" als een SVG-pictogram zonder alternatieve tekst. Informatieve afbeeldingen zoals een logo moeten altijd een alt-tekst hebben. In die alt-tekst moet de volledige tekst staan die in het logo te zien is. Zo weten bezoekers die het plaatje niet kunnen zien, ook wat er staat. Om een alternatief voor SVG-pictogrammen te bieden, moet een title-element worden gebruikt.
Zie pagina https://www.denieuweschatkamer.nl

Bevinding 2: Op deze website heeft elke afbeelding naast de alt-tekst via een alt-attribuut ook een title-attribuut met dezelfde tekst. Deze herhaling zorgt ervoor dat gebruikers van schermlezers dezelfde tekst twee keer achter elkaar te horen krijgen.Voegt een title-attribuut geen nieuwe informatie toe? Dan kan dit beter achterwege worden gelaten. Hierdoor vermindert het aantal herhalingen voor bezoekers met een schermlezer. Zie pagina https://www.denieuweschatkamer.nl
Op de homepage, onder de kop "Uitgelicht", staan publicaties met afbeeldingen. Sommige afbeeldingen hebben alt-tekst in het alt-attribuut en sommige niet, bijvoorbeeld de afbeelding met de kop "Rokin". Deze afbeeldingen zijn decoratief en hebben geen alt-tekst nodig, maar als het noodzakelijk is om schermlezers deze informatie uit de afbeeldingen te geven, moet dit voor alle afbeeldingen worden gedaan. Zie pagina https://www.denieuweschatkamer.nl Hetzelfde probleem doet zich voor op de pagina https://www.denieuweschatkamer.nl/en/ en op de pagina https://www.denieuweschatkamer.nl/agendaoverzicht/.

Bevinding 3: Op pagina https://www.denieuweschatkamer.nl/algemeen/contact/ staat onder het hoofdmenu een decoratieve afbeelding. Het tekstalternatief is "Image".
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="").
Hetzelfde probleem doet zich voor op de pagina https://www.denieuweschatkamer.nl/geldcollectie/over-de-geldcollectie/, onder de kop "Samenwerkingen".

Bevinding 4: Op pagina https://www.denieuweschatkamer.nl/kunstcollectie/kunstwerken-en-kunstenaars/bijzondere-kunstwerken-bijzondere-verhalen/ staat onder "Bijzondere kunstwerken, bijzondere verhalen" een link "Golden Bread". Deze link bevat een afbeelding met het tekstalternatief "Kunstwerk: Golden Bread". Het tekstalternatief van de afbeelding dupliceert de linktekst.

Bevinding 5: Op pagina https://www.denieuweschatkamer.nl/educatie/weetjes-en-cijfers/ staat binnen de sectie onder "Over valse eurobiljetten" een complexe afbeelding met het tekstalternatief "Grafiek met data over aantal valse eurobiljetten". Complexe afbeeldingen zoals infographics en schema’s bevatten veel informatie die niet binnen de 150 karakters van de alt-tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alt-tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst op de pagina zelf geplaatst worden, maar deze mag ook op een andere pagina of in een downloadbaar bestand staan. Hetzelfde probleem doet zich voor op https://www.denieuweschatkamer.nl/educatie/lespakketten-voor-docenten/, met een geanimeerde afbeelding met het tekstalternatief "image", en op pagina https://www.denieuweschatkamer.nl/geldcollectie/munten-vinden-reinigen-en-laten-onderzoeken/munten-reinigen/ onder de kop "Munten reinigen", met het tekstalternatief "Infographic".

Bevinding 6: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15 staan zoekresultaten. In elk artikel staat een afbeelding met dezelfde alt-tekst "Afbeelding van de voorzijde". Deze tekst is niet uniek.
Het is noodzakelijk om de alternatieve tekst van elke afbeelding aan te vullen met de koptekst, zodat duidelijk is over welke afbeelding het gaat.
Hetzelfde probleem doet zich voor op https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/detail/dnb-04463, onder de kop "Bekijk ook".

Bevinding 7: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf staan op pagina's 1, 2, 3 en verder decoratieve afbeeldingen die zijn toegevoegd via een figure-tag en geen beschrijving hebben.
De figuur-tag is bedoeld voor informatieve afbeeldingen en heeft altijd een beschrijving nodig. Markeer deze afbeelding als artefact om het te verbergen voor schermlezers.

Bevinding 8: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf staat vanaf pagina 2 en verder in de linkerbenedenhoek een logo toegevoegd als een artefact. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor de schermlezer. De informatie in deze afbeeldingen is ontoegankelijk voor blinde bezoekers en gebruikers van screenreaders. Informatieve afbeeldingen moeten via een figuur-tag worden geplaatst en worden voorzien van een beschrijving (alt-tekst).Voeg deze afbeelding alleen aan de eerste pagina om de herhaling te voorkomen. Zie ook pagina 23 voor logo’s zonder een tekstalternatief.

1.2 Op tijd gebaseerde media

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 9: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/over-de-geldcollectie/ staat een video waarin op bepaalde momenten tekst en logo in beeld verschijnen. Deze informatie is niet toegankelijk voor bezoekers die de video niet kunnen zien. Zie 0:06, 0:13 en 2:27. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Je kunt het beste een audiobeschrijving toevoegen die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het toevoegen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet je sowieso een audiobeschrijving toevoegen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/over-de-geldcollectie/ staan video's waar visuele informatie niet toegankelijk is voor bezoekers die deze teksten en logo’s niet kunnen zien. Bij succescriterium 1.2.3 is deze video al beschreven. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie namelijk verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig, en dus moet de audiodescriptie toegevoegd worden. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op alle pagina's staat in de linkerbovenhoek een menuknop met drie horizontale lijnen. In dit mobile menu zijn de volgende teksten niet gemarkeerd als koppen: "Home", "Educatie", "Geldcollectie" en "Kunstcollectie". Blinde bezoekers hebben niets aan een (tussen)kop die er wel uitziet als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Zijn koppen alleen visueel als kop vormgegeven (bijvoorbeeld vetgedrukt), maar niet in de code gemarkeerd? Dan ontstaat nog een ander probleem. De structuur van de informatie in de code wijkt dan namelijk af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast. Zie pagina https://www.denieuweschatkamer.nl.

Bevinding 12: Op de homepage, onder het hoofdmenu, is de volgende tekst niet gemarkeerd als kop: "De Nieuwe Schatkamer". Zie pagina https://www.denieuweschatkamer.nl

Bevinding 13: Op de homepage verschijnt op een klein scherm onderaan de pagina een sectie met verborgen inhoud onder het kopje "Direct naar". De rol van kop ontbreekt.
De teksten waarmee delen van een accordion kunnen worden in- en uitgeklapt, doen dienst als koppen voor deze delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten niet in de code als kop zijn gemarkeerd met een h-element zoals h2 of h3. Zie pagina https://www.denieuweschatkamer.nl
Hetzelfde probleem staat op pagina https://www.denieuweschatkamer.nl/en/.

Bevinding 14: Op de homepage verschijnt op een klein scherm onder de kop "Uitgelicht" een slider met een voortgangsbalk. Voortgangsbalk laat zien op welk punt de bezoeker is in een proces. Deze informatie is zichtbaar voor ziende bezoekers, en moet ook toegankelijk zijn voor bezoekers met een schermlezer. Daarvoor moet de informatie over de voortgang in de code worden vastgelegd. Gebruik hiervoor bijvoorbeeld een visueel verborgen tekst of een aria-label. Dit probleem heeft ook betrekking op succescriterium 4.1.3. Zie pagina https://www.denieuweschatkamer.nl. Hetzelfde probleem staat op pagina https://www.denieuweschatkamer.nl/en/.

Bevinding 15: Op pagina https://www.denieuweschatkamer.nl/educatie/weetjes-en-cijfers/ staat onder de kop "Over eurobiljetten" een lijst met vier items. In de HTML is deze lijst echter opgemaakt als vier 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.
Hetzelfde probleem staat hieronder, onder het kopje "Over valse eurobiljetten".

Bevinding 16: Op alle pagina's hebben de links in het hoofdmenu het attribuut aria-current="page" gekregen. Dit attribuut geeft aan dat dit de link naar de huidige pagina is. Omdat dit attribuut echter aan elke link in het hoofdmenu is toegevoegd, kunnen schermlezers niet duidelijk maken welke link daadwerkelijk de huidige pagina is. Dit attribuut mag alleen worden gebruikt bij de huidige link. Hetzelfde probleem doet zich voor bij de links in het mobile menu. Zie pagina https://www.denieuweschatkamer.nl.

Bevinding 17: Het PDF-document https://www.denieuweschatkamer.nl/media/bkrl3xhq/reinigen-munten.pdf heeft geen codes en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 18: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf staan op pagina's 5-23, 25-35, 37-46 en 48-64 meerdere koppen die niet als koppen zijn gemarkeerd. Zie bijvoorbeeld "Vraag 1", "Vraag 2" en andere.
Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de p-tag door de h-tag om de structuur van het document in de tags te laten overeenkomen met wat te zien is in het document.

Bevinding 19: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf staat op pagina 68 een lijst met drie items. In de tags is deze lijst gemarkeerd met drie L-tags.
Hetzelfde probleem doet zich voor op pagina 69, waar een lijst met vier items ook is gemarkeerd met afzonderlijke L-tags.
Een lijst in de tags moet dezelfde structuur hebben als de lijst in het document om een blinde bezoeker dezelfde informatiestructuur te bieden als in het document. Een ander voordeel van het gebruik van een lijst is dat de schermlezer het aantal items aankondigt voordat ze worden voorgelezen. Zo weet een blinde bezoeker hoeveel informatie er volgt. De lijst moet worden gemarkeerd met een L en LI tags.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15 is de volgorde van HTML-elementen binnen artikelen onjuist, waarbij afbeeldingen boven koppen worden geplaatst. De huidige volgorde is afbeelding, kop en tekst. Dat komt doordat de koppen niet bovenaan staan in de code van elk artikel. Dat kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Dit kan worden opgelost door alle inhoud die bij een bepaalde kop hoort, in de code onder die kop te plaatsen. Dit zorgt voor een logische structuur. De visuele vormgeving mag wel afwijken.

Bevinding 21: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf is de volgorde van tags niet logisch.
Оp pagina 5 volgt de tag met de tekst "Vraag 1" direct na de tag met de tekst "Wat is de waarde van een eurobiljet?". Hetzelfde probleem doet zich voor op andere pagina's.
De schermlezer leest een PDF-document in de volgorde van de tags die in de codelaag staan. Wanneer deze tags niet in een logische volgorde staan, wordt de leesvolgorde niet logisch en wordt het voor een blinde bezoeker moeilijk om de inhoud van het document te begrijpen.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/inschrijfformulieren/inschrijfformulier-evenement/ ontbreekt het autocomplete-attribuut bij een formulier met invoervelden voor persoonlijke informatie (zoals voornaam, achternaam, e-mailadres .
Kan een bezoeker in een formulier persoonlijke gegevens invullen zoals achternaam, e-mailadres of telefoonnummer? Dan moeten deze invoervelden 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. Voor het e-mailadres moet bijvoorbeeld autocomplete="email" worden gebruikt.
Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 23: In het PDF-document op https://www.denieuweschatkamer.nl/media/bkrl3xhq/reinigen-munten.pdf staat op pagina 23 witte tekst op een oranje achtergrond (HEX #FBBE3B): "De Nederlandsche Bank N.V. Postbus 98, 1000 AB Amsterdam 020 524 91 11 dnb.nl". De kleurcontrastverhouding is te laag: 1,7:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 24: In het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf staat op pagina's 2, 66-69 witte tekst op een lichtgroene (HEX #49D380) en groene (HEX #18975E) achtergrond.
De kleurcontrastverhouding is te laag, variërend van 1,9:1 tot 3,7:1. Dit moet minimaal 4,5:1 zijn voor normale tekst en 3,0:1 voor deze dikte en grootte van de tekst.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/munten-vinden-reinigen-en-laten-onderzoeken/munten-reinigen/ staat onder de kop "Munten reinigen" een afbeelding met ingesloten tekst. Als tekst als afbeelding wordt geplaatst, kunnen veel bezoekers er niets meer mee. Dit komt omdat ze de tekst in de afbeelding niet kunnen vergroten of aanpassen. Het is beter om deze tekst gewoon als normale tekst op de pagina te plaatsen. Op die manier kunnen mensen de grootte, kleur of het lettertype aanpassen zodat het voor hen leesbaarder wordt. Als de tekst in de afbeelding staat, kunnen ze dit niet doen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 26: Op de homepage, bij een schermresolutie van 1280 x 1024 en een zoomniveau van 400%, bedekken de sticky header en de knop "Direct naar" een groot deel van de pagina-inhoud tijdens het omhoog scrollen. Als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels, moet alles nog gewoon leesbaar zijn. Zie pagina https://www.denieuweschatkamer.nl. Hetzelfde probleem doet zich voor op de pagina https://www.denieuweschatkamer.nl/en/ en op de pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15, waar de sticky header en de filterknop bij het omhoog scrollen een groot deel van de pagina-inhoud bedekken.

Bevinding 27: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15 verschijnt bij een schermresolutie van 1280 x 1024 en een zoomniveau van 400% een filterknop onderaan de pagina. De inhoud van de filters is niet meer leesbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://www.denieuweschatkamer.nl/algemeen/wat-is-er-te-beleven/ is de huidige link "Wat is er te beleven" in het hoofdmenu onderstreept met een blauwe lijn (HEX #1728D9) op een donkerblauwe achtergrond (HEX #050B2E). De kleurcontrastverhouding is te laag: 2,1:1. Dit moet minimaal 3:1 zijn. Hetzelfde probleem doet zich voor op de pagina https://www.denieuweschatkamer.nl/kunstcollectie/kunstwerken-en-kunstenaars/bijzondere-kunstwerken-bijzondere-verhalen/, waar een roze lijn (HEX #EA615F) op een rode achtergrond (HEX #C51E1C) staat. De kleurcontrastverhouding is te laag: 1,8:1.

Bevinding 29: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/inschrijfformulieren/inschrijfformulier-evenement/ staat een formulier.
De contrastverhouding tussen de grijze rand (HEX #A6A6A6) van de invoervelden en de witte achtergrond van de pagina is 2,4:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Bevinding 30: Op pagina https://www.denieuweschatkamer.nl/educatie/weetjes-en-cijfers/ staat onder het hoofdmenu een video met een pauze- en afspeelknop.
Deze knop is wit en staat op een lichtroze achtergrond (HEX #F48D80). De kleurcontrastverhouding is te laag: 2,3:1.Dit moet minimaal 3:1 zijn.
Hetzelfde probleem is op de pagina https://www.denieuweschatkamer.nl/geldcollectie/over-de-geldcollectie/, boven de heading “Over de geldcollectie” is dezelfde knop wit op een lichtblauwe achtergrond (HEX#73C7FB), contrastverhouding te laag 1,9:1. Onder de heading “Het werk van numismaten” staat een witte knop op een lichtgrijze achtergrond (HEX#E1E2D7) met de contrastverhouding van 1,3:1.

Bevinding 31: Op pagina https://www.denieuweschatkamer.nl/educatie/weetjes-en-cijfers/, onder de heading “Over valse eurobiljetten”, staat een complexe afbeelidng van een grafiek. De lichtgroene kleur (HEX#4AD480) van de balken op een lichtgrijze achtergrond (HEX#F5F1F9) heeft een onvoldoende contrastverhouding van 1,7:1. Dit moet minimaal 3:1 zijn.

Bevinding 32: In het PDF-document https://www.denieuweschatkamer.nl/media/bkrl3xhq/reinigen-munten.pdf, op pagina 23, staan witte sociale media-iconen op een oranje achtergrond (HEX#FBBE3B). De kleurcontrastverhouding is te laag: 1,7:1. Dit moet minimaal 3:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15, onder het zoekveld, staan links met de tekst “Dubbele flabbe”, “Snaphaan” en “Denarius” die niet toegankelijk zijn via het toetsenbord.
Zorg dat alle links ook met de Enter-, Return- of spatietoetsen kunnen worden bediend.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://www.denieuweschatkamer.nl/educatie/lespakketten-voor-docenten/ staat een animatie die automatisch afspeelt.
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 waarmee bezoekers dit soort multimedia kunnen 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.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 35: Het PDF-document op https://www.denieuweschatkamer.nl/media/yxxn3fnm/hoe-word-ik-rijk-2024-de-nederlandsche-bank.pdf heeft geen documenttitel ingesteld in de bestandsinstellingen.
Een PDF-document moet een titel bevatten die duidelijk het onderwerp of het doel van het document beschrijft. Daarnaast dient deze titel in de titelbalk te worden getoond in plaats van de bestandsnaam. Dit is belangrijk voor bezoekers met verschillende beperkingen omdat het hen in staat stelt snel en gemakkelijk vast te stellen of de informatie in het document relevant is voor hen. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het PDF-document.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://www.denieuweschatkamer.nl/algemeen/contact/, onder de heading “Contact”, staat een link met de tekst “veelgestelde vragen”. In de HTML zijn dit echter twee aparte links: “veelgestelde” en “vragen”. Het doel van de links is mogelijk niet duidelijk voor schermlezers, dus combineer de links tot één.

Bevinding 37: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/ staan meerdere links met dezelfde toegankelijke naam, die naar verschillende pagina's leiden. Bijvoorbeeld 5 links “Rondleiding Kunstcollectie (vol)” en 4 links “Rondleiding Geldcollectie (vol)”. Deze links verwijzen naar evenementen op verschillende data, maar de data staan niet in de link, waardoor het doel van de links onduidelijk is.
Hetzelfde probleem doet zich voor op de pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/detail/dnb-04463, onder de heading “Bekijk ook”, waar er twee links met dezelfde toegankelijke naam “Dollar” zijn.

Bevinding 38: Op pagina https://www.denieuweschatkamer.nl/algemeen/veelgestelde-vragen/, in de sectie met de ingeklapte inhoud onder “Zijn er lespakketten?”, staat een link “hier”. Het doel van de link is niet duidelijk. Linkteksten die meerdere nietszeggend zijn (zoals “hier”), helpen niet bij het begrijpen welke bestemming deze links hebben.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 39: Op de homepage, onder het hoofdmenu, staat een video die automatisch wordt afgespeeld. Onderaan deze video bevindt zich een pauze- en afspeelknop, maar de toegankelijke naam ervan is "Introductie", wat de functie niet nauwkeurig beschrijft.
Een blinde bezoeker weet daardoor niet wat deze knop precies doet. Voeg tekst toe die deze knop goed beschrijft. Zie pagina https://www.denieuweschatkamer.nl
Hetzelfde probleem staat op pagina https://www.denieuweschatkamer.nl/en/.

Bevinding 40: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/inschrijfformulieren/inschrijfformulier-evenement/ staat een knop voor taalkeuze. De taalopties “Nederlands” en “English (United States)” hebben de toegankelijke namen “nl” en “en-us”, wat hun functie niet nauwkeurig beschrijft. Deze toegankelijke namen komen van het aria-label.
Een blinde bezoeker weet daardoor niet wat deze knop precies doet.
Dit probleem houdt ook verband met succescriterium 2.5.3.

Bevinding 41: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15 zijn er filters. In het filter “Periode” staat een balk met 2 sliders. De toegankelijke namen van deze sliders zijn “ngx-slider” en “ngx-slider-max”. Deze toegankelijke namen geven onvoldoende informatie over deze sliders en bevatten betekenisloze tekst “ngx”. Verander bijvoorbeeld de namen naar “Period Start” en “Period End”.

Bevinding 42: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/over-de-geldcollectie/, onder de kop “Collectie beheren en toegankelijk maken”, staat een iframe met een video. De waarde van het title-attribuut is “.”. Iframes moeten een goede beschrijving hebben. Die komt meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen blinde bezoekers beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 43: Op de homepage, op een klein scherm, onderaan de pagina, staat een knop met de zichtbare tekst “Direct naar.” De toegankelijke naam van de knop is “Open snelle navigatie”, die afkomstig is van het aria-label. Het aria-label-attribuut overschrijft alle andere methoden voor het benoemen van elementen. Schermlezers en spraakherkenningssoftware gebruikt de naam die in het aria-label staat. Dit wordt de “Open snelle navigatie” genoemd. Als deze toegankelijke naam anders is dan de zichtbare tekst, zal de tekst die schermlezers voorlezen en die door spraakherkenningssoftware wordt gebruikt, dus afwijken van de zichtbare tekst op de knop. Hierdoor kunnen bezoekers de knop niet meer met stemcommando bedienen. Zij lezen daarvoor namelijk de tekst voor die op de knop te zien is. Omdat deze niet hetzelfde is als de toegankelijke naam, weet de spraaksoftware niet om welke knop het gaat. Zorg dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst.
Zie pagina https://www.denieuweschatkamer.nl
Hetzelfde probleem staat op pagina https://www.denieuweschatkamer.nl/en/.

Bevinding 44: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/inschrijfformulieren/inschrijfformulier-evenement/ staat een knop met taalkeuze. De taalopties hebben de zichtbare tekst “Nederlands” en “English (United States)”. De toegankelijke namen zijn “nl” en “en-us”, die afkomstig zijn van het aria-label. Dit kan problemen geven voor bezoekers die stembediening gebruiken.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 45: Op pagina https://www.denieuweschatkamer.nl/en/ staat een zin in een andere taal zonder een taalcode. Zie de tekst “De Nieuwe Schatkamer”. 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 “en”. Staan er op de pagina teksten in een andere taal? Dan moet de schermlezer op die taal overschakelen. Geef hiervoor deze anderstalige inhoud een lokaal lang-attribuut met de juiste waarde. Voeg lang="nl" toe aan de container (een overkoepelend HTML-element) waarin de content in een andere taal staat. Hetzelfde probleem is te zien in alternatieve tekst, onder het kopje "De Nieuwe Schatkamer". Deze alt-tekst kan het beste naar het Engels worden vertaald. Een andere optie is om in de code aan te geven dat er een taalwisseling is, door in een omliggend HTML-element lang="nl" toe te voegen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 46: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/inschrijfformulieren/inschrijfformulier-evenement/ wordt na het indienen van het formulier met lege velden of onjuiste gegevens een bericht weergegeven: "Deze vraag is vereist." Dit bericht fungeert als een instructie en niet als een foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld."

4. Robuust

4.1 Compatibel

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 47: Op de homepage, op een klein scherm, onder de kop 'Uitgelicht', bevindt zich een slider met een voortgangsbalk die aangeeft in welke fase van het proces de bezoeker zich bevindt.
Dit voortgangsbericht is een statusbericht maar mist de nodige attributen om aangekondigd te worden door schermlezers. Om het toegankelijk te maken, voeg je role="status" of een geschikt aria-live attribuut (bijv. aria-live="polite") toe aan het element dat het voortgangsbericht bevat. Dit zorgt ervoor dat screenreaders de updates van de voortgang aankondigen. Zie pagina https://www.denieuweschatkamer.nl. Hetzelfde probleem staat op pagina https://www.denieuweschatkamer.nl/en/.

Bevinding 48: Op pagina https://www.denieuweschatkamer.nl/agendaoverzicht/ staat een filterknop met de tekst “Filter op”. Wanneer een bezoeker een filter selecteert, verschijnt er naast de knop tekst met het aantal actieve filters. Meldingen zoals deze worden statusberichten genoemd. En die moeten altijd opgemerkt worden door schermlezers, zodat die ze automatisch voorlezen. Om dit te bereiken moet role="status" aan de melding worden toegevoegd. Hetzelfde probleem doet zich voor bij de zoekresultaten wanneer een bezoeker een filter selecteert. Deze resultaten zijn een statusbericht.

Bevinding 49: Op pagina https://www.denieuweschatkamer.nl/geldcollectie/tentoonstelling-en-online-collectie/nationale-numismatische-collectie/?p=1&l=15 staan filters. In elke sectie met ingeklapte inhoud staat een zoekveld met selectievakjes. Wanneer een bezoeker een waarde invoert in het zoekveld, verandert de lijst met selectievakjes. Deze lijst met selectievakjes is een statusbericht, omdat het informatie geeft over de resultaten van een actie (typen) en geen focus krijgt. Echter, het wordt niet automatisch aangekondigd door schermlezers, omdat de rol ervan niet is gedefinieerd in de code.

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-03-09 23:40:38 v2.4-011