Toegankelijke versie: https://www.toegankelijkheidscertificaat.nl/webarchief.online/table/
Toegankelijkheidsonderzoek 
Toegankelijke versie: https://www.toegankelijkheidscertificaat.nl/webarchief.online/table/
Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Screenshots uit het rapport worden niet automatisch meegekopieerd. Deze functie werkt alleen met JavaScript. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.
| Naam website | DIP Webarchief |
|---|---|
| Scope |
|
nr |
Bevinding |
WCAG SC |
Mogelijk verantwoordelijk |
Status |
1 | Als je op pagina https://demo.webarchief.online/ voor zoeken kiest en zoekt op bijvoorbeeld 'jules' verschijnen er resultaten. De resultaten worden voorafgegaan door een screenshot. Deze afbeelding heeft en deels Engelstalige alternatieve tekst 'Thumbnail van website'. Deze screenshot is er enkel voor een visuele herkenning toegevoegd. De naam van de website die al in beeld is volstaat. Een alternatieve tekst is niet nodig. Geef de afbeelding een leeg alt-attribuut (alt=""), zodat hulpsoftware weet dat de afbeelding genegeerd kan worden. Krijgt de afbeelding wel een (unieke) alternatieve tekst, houd dan ook rekening met SC 1.3.2 Betekenisvolle volgorde. | 1.1.1 | techniek, content, visuele vormgeving | |
2 | Als je op pagina https://demo.webarchief.online/ zoekt op 'jules' verschijnen er resultaten. Elk resultaat staat in een ongeordende opsomming (<li>). Dat is goed. Binnen de opsomming zit content, achtereenvolgens, de naam van de webpagina, het oorspronkelijke webadres, een deel van de tekst waarin het zoekwoord zich bevindt en de datum dat de pagina is gearchiveerd. Deze resultaat is niet semantisch opgebouwd zoals dit visueel wel is gedaan. pas de HTML-code aan zodat de visuele betekenis ook met hulpsoftware is te bepalen.
 | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
3 | Als je op pagina https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt met toetsenbord verschijnt er een kalender. De naam van de knop om deze kalender te openen heet 'Kalender openen'. De datum is nu echter verborgen voor hulpsoftware. Mensen die het scherm niet kunnen zien krijgen zo niet te weten van welke datum de gearchiveerde website is. Zorg ervoor dat er en goede naam op de knop zit, maar dat tevens de huidig getoonde datum niet ontbreekt.
Zie ook SC 4.1.2 en SC 4.1.3. | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
4 | Als je op pagina https://demo.webarchief.online/ zoekt op 'jules' verschijnen er resultaten. Deze resultaten verschijnen in een popupvenster. Deze popup komt voor de pagina te staan. Het openen van een popup heeft bepaalde eisen met betrekking tot de toetsenbordfocus. Zolang de popup open staat mag de toetsenbordfocus niet teruggaan naar de pagina op de achtergrond. Dat is nu wel mogelijk. Zorg ervoor dat de focus binnen de popup blijft als deze open staat. | 1.3.2 | content, visuele vormgeving | |
5 | In de popup van het zoekvenster is een invulveld. De grijze placeholder-tekst op een lichtgrijze achtergrond heeft een te laag contrast. De contrastverhouding is 2,5:1 waar dit 4,5:1 moet zijn. | 1.4.3 | interactieontwerp | |
6 | Er zijn pagina's die niet gearchiveerd worden. Er verschijnt in het archiefdeel van de pagina de melding "Dit gedeelte wordt niet gearchiveerd". Als je op deze pagina komt verschijnt er een melding met 2 knoppen. Het webadres van de oorspronkelijke pagina verschijnt als grijze tekst op een witte achtergrond. Dit heeft een te laag contrast. De contrastverhouding is 2,5:1 waar dit 4,5:1 moet zijn. | 1.4.3 | interactieontwerp | |
7 | Er zijn pagina's die niet gearchiveerd worden. Er verschijnt in het archiefdeel van de pagina de melding "Dit gedeelte wordt niet gearchiveerd". Als je op deze pagina komt verschijnt er een melding met 2 knoppen. De grijze knop met de witte tekst 'terug naar archief' heeft een te laag contrast. De contrastverhouding is 2,5:1 waar dit 4,5:1 moet zijn. | 1.4.3 | interactieontwerp | |
8 | Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan wordt de knop 'Zoek in alle archieven' vervangen door een knop zonder deze tekst. Op dat moment heeft de knop geen naam meer. Los dit op door aan de andere knop dezelfde naam toe te kennen die niet zichtbaar is. Tip: het is makkelijker om de tekst bij de knop bij hoge resolutie bij een lagere resolutie alleen visueel te verbergen zodat de naam gegarandeerd altijd dezelfde naam houdt. Dat scheelt ook 2x dezelfde werkende knop in de pagina. | 1.4.4 | interactieontwerp, content | |
9 | Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt in de popup van het zoekvenster in het invulveld een deel van de placeholder-tekst. Het gaat om 'Zoek naar pagina's in alle archieven...'. Zorg ervoor dat teksten in beeld blijven staan. Dit is bijvoorbeeld op te lossen door er een echt zichtbaar label van te maken; Bijkomend voordeel is dat de placeholder-tekst ook in beeld blijft als je aan het typen bent. | 1.4.10 | interactieontwerp, content | |
10 | Er zijn pagina's die niet gearchiveerd worden. Er verschijnt in het archiefdeel van de pagina de melding "Dit gedeelte wordt niet gearchiveerd". Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% verdwijnt een deel van de tekst buiten het scherm. Een scrollbalk ontbreekt waardoor een deel van de content niet leesbaar is. | 1.4.10 | interactieontwerp, content | |
11 | Op pagina https://demo.webarchief.online/ is er een knop 'Zoek in alle archieven'. Als je hierop klikt opent er een venster met een invoerveld en een Zoeken-knop. Wanneer je zoekt op 'jules' verschijnen er resultaten. Je kunt met de Tab-toets door de resultaten navigeren. Je kunt alleen niet de Enter-toets een van de resultaten selecteren.
Nabrander: later op de dag (25-09-2025) lijkt het wel te werken. De afgelopen dagen werkte het niet. | 2.1.1 | techniek, content | |
12 | Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de gearchiveerde inhoud zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd. | 2.4.1 | techniek, content | |
13 | Als je door een gearchiveerde website navigeert zie je dit in de webadresbalk veranderen. Echter de titel verandert niet mee. Die luidt Webarchief [naam van de website]. Zorg dat de pagina's, maar zeker ook de datum van de gearchiveerde pagina in het title-element aanwezig is en mee wijzigt. | 2.4.2 | content, visuele vormgeving | |
14 | Op pagina https://demo.webarchief.online/ is er een knop 'Zoek in alle archieven'. Als je hierop klikt opent er een venster met een invoerveld en een Zoeken-knop. Wanneer het venster openstaat, is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord. Hierdoor kunnen toetsenbordgebruikers niet altijd zien welk element focus heeft. Zorg dat de focus binnen het zoekvenster blijft totdat deze gesloten is. De content op de pagina achter het menu moet niet worden opgemerkt door hulpsoftware en mag niet bereikbaar zijn met het toetsenbord, totdat de bezoeker de popup afsluiten. Goed gebruik van het dialog-element zorgt voor een eenvoudige oplossing voor dit probleem..
Lees meer over popups in het blog van Hidde [Dialogs and popovers](https://hidde.blog/dialog-modal-popover-differences/) | 2.4.3 | techniek, content | |
15 | Op pagina https://demo.webarchief.online/ is er een knop 'Zoek in alle archieven'. Als je via deze knop de popup opent, en je sluit deze weer dan kom je op een andere plek... Je verwacht terug te keren naar het vertrekpunt, de knop 'Zoek in alle archieven'. | 2.4.3 | techniek, content | |
16 | Op pagina https://demo.webarchief.online/bibliotheek-nl/20250925000103/https%3A%2F%2Fwww.bibliotheek.nl%2F kun je op de zoekknop klikken van de gearchiveerde pagina. Er verschijnt een popup. De focus verdwijnt van de pagina, terwijl je verwacht dat deze in de popup komt te staan. Zie ook ons eerder advies rondom popups.
 | 2.4.3 | techniek, content | |
17 | Als je op een pagina terecht komt die niet gearchiveerd is kan je door dip Archief navigeren. je komt allereerst op de skiplink. Deze link slaat op deze pagina alle content over. Je verwacht hier op de knop 'Sluit melding' te komen.
 | 2.4.3 | techniek, content | |
18 | Als je op pagina https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt met toetsenbord verschijnt er een kalender. De focus blijft op de knop staan. Je verwacht dat de focus direct naar deze nieuwe content verplaatst. Je moet nog 2x navigeren om op de kalender te komen. Zorg ervoor dat je direct in de kalender staat, met de focus op dezelfde datum in de kalender die boven de kalender in beeld staat. | 2.4.3 | techniek, content | |
19 | Je kunt op de datum klikken om de kalender uit te klappen. Beter is het om hiervoor een zichtbare knop met een label toe te voegen zodat duidelijk is dat je een datum kunt selecteren. | 2.4.6 | techniek, visuele vormgeving | |
20 | Als je op pagina https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt met toetsenbord verschijnt er een kalender. Als je nu met het toetsenbord verder navigeert (Tab-toets) blijft de kalender openstaan als je deze verlaat. Als er achter de kalender interactieve elementen staan, dan kan je de focus niet zien als de kalender uitgeklapt is. Zorg dat de focus binnen de kalender blijft tot de bezoeker ervoor kiest de kalender te sluiten (zelfde regels als een popup/modal) | 2.4.7 | interactieontwerp, content | |
21 | Advies: Let erop dat bij een Nederlandstalige DIP webarchief een Engelstalige website gearchiveerd kan worden. zorg er dan voor dat binnen het iframe de taalsetting overeenkomt met de inhoud. | 3.1.2 | visuele vormgeving | |
22 | Op pagina https://demo.webarchief.online/ is er een knop 'Zoek in alle archieven'. Als je hierop klikt opent er een venster met een invoerveld en een Zoeken-knop. Het label van het invoerveld 'Zoek naar pagina's in alle archieven...' is alleen zichtbaar als placeholder. Zodra je typt is deze uitleg verdwenen. Zorg ervoor dat het voor alle bezoekers altijd duidelijk is welke input gevraagd wordt. | 3.3.2 | techniek | |
23 | Op pagina https://demo.webarchief.online/bibliotheek-nl/ zijn interactieve onderdelen aanwezig waarbij de naam, de rol en de waarde ontbreekt zorg voor goede semantiek door de daarvoor bestemde html-elementen te gebruiken. Geef deze onderdelen een goede naam zodat duidelijk is wat het moet doen. En geef aan van welke datum de huidige gearchiveerde pagina is zodat dit ook door hulpsoftware waargenomen kan worden.
Zie ook SC 1.3.1 en SC 4.1.3 | 4.1.2 | techniek, content, visuele vormgeving | |
24 | Op pagina https://demo.webarchief.online/bibliotheek-nl/ is in de bovenbalk een grijs vlak met daarin het webadres van de pagina die je kunt bekijken. Aan hulpsoftware wordt doorgegeven dat deze content klikbaar is. Dit blijkt niet het geval te zijn; de melding klikbaar is onterecht. Zorg dat hulpsoftware de correcte informatie krijgt. | 4.1.2 | techniek, content, visuele vormgeving | |
25 | Als je op pagina https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt met toetsenbord verschijnt er een kalender. De naam van de knop om deze kalender te openen heet 'Kalender openen'. De datum is nu echter verborgen voor hulpsoftware. Mensen die het scherm niet kunnen zien krijgen zo niet te weten van welke datum de gearchiveerde website is. Zorg ervoor dat er en goede naam op de knop zit, maar dat tevens de huidig getoonde datum niet ontbreekt.
Zie ook SC 1.3.1 en SC 4.1.3. | 4.1.2 | techniek, content, visuele vormgeving | |
26 | Op pagina https://demo.webarchief.online/ is er een knop 'Zoek in alle archieven'. Als je hierop klikt opent er een venster met een invoerveld en een Zoeken-knop. als je hier zoekt, bijvoorbeeld naar 'contact' en op de knop 'Zoeken' klikt worden er resultaten getoond. Mensen die gebruikmaken van schermleessoftware krijgen geen feedback dat er informatie is gevonden. Zorg ervoor dat na klikken op 'Zoeken' feedback wordt gegeven of er resultaat is of dat er 'Geen resultaat gevonden' zijn. | 4.1.3 | techniek, content | |
27 | Als je op pagina https://demo.webarchief.online/ voor zoeken kiest en je klikt op een van de resultaten wordt de pagina opgehaald. Dit gebeurt met JavaScript en dat gaat niet goed. De pagina verandert volledig echter mensen die het scherm niet kunnen zin en gebruikmaken van een screenreader krijgen geen enkele feedback dat er iets is geladen in de pagina. Let bij het toegankelijk maken ook op de focus. Zorg dat dit werkt zoals mensen dit gewend zijn als een pagina via de browser ververst wordt. | 4.1.3 | techniek, content | |
28 | Als je op https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt dan verschijnt er een kalender. Zorg dat de status voor deze kalender op correcte wijze met ARIA is geïmplementeerd en dat de popup aan alle WCAG-eisen voldoet. Iemand die het scherm niet kan zien weet nu niet dat de kalender in beeld verschijnt of verdwijnt. | 4.1.3 | techniek, content | |
29 | Als je op https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt dan verschijnt er een kalender. Als je met de bladerknoppen door de maanden bladert krijg je niet te horen in welk jaar en maand je zit. Zorg ervoor dat elke verandering ook doorgegeven wordt aan hulpsoftware. | 4.1.3 | techniek, content | |
30 | Als je op https://demo.webarchief.online/bibliotheek-nl/ op de datum klikt dan verschijnt er een kalender. Als je door de dagen navigeert krijg je met schermleessoftware te horen om welke dag in de maan en jaar het gaat. De grijze dagen van de vorige en volgende maand zijn ook klikbaar. Hier wordt echter alleen het nummer van de dag genoemd met de tekst 'vorige maand', bijvoorbeeld '30 vorige maand'. Dit maakt onvoldoende duidelijk naar welke dag je springt. Als je na de laatste dag van de huidige maand navigeert heten de knoppen '1 vorige maand', '2 vorige maand'. Dat is helemaal onduidelijk. Maak er concrete namen van dus in augustus: '31 juli 2025' als het om de vorig maand gaat en '1 september 2025' als het om de eerste dag van de volgende maand gaat. | 4.1.3 | techniek, content | |
31 | Als je op de huidige maand zit zie je soms foutieve getallen staan bij de vorige maand. Bijvoorbeeld 31 juni 2025 als je de kalender van juli in beeld hebt. de knop lijkt klikbaar maar is het niet. Er volgt ook geen feedback zodat niet duidelijk is wat er gebeurt. Zorg voor een correcte nummering, of haal de nummering van vorige en volgende maand weg. En haal de rol van knop weg bij onderdelen die niks doen.
Dit gebeurt ook als je naar de eerste maand gaat dat er een archief wordt opgebouwd van de betreffende website. Alle knoppen ervoor zijn grijs op grijs, maar worden aan hulpsoftware aangeboden als werkende knoppen. Mensen die het scherm niet goed kunnen zien hebben geen idee of er iets gebeurt. | 4.1.3 | techniek, content | |
32 | Als je vanuit de kalender een dag selecteert moet er content geladen worden. Dit wordt in het midden van het scherm getoond. Dit kan soms even duren. Zorg dat hulpsoftware dit ook doorgeeft aan mensen die het scherm niet (goed) kunnen zien. | 4.1.3 | techniek, content |
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.
| https://demo.webarchief.online/ |
| https://demo.webarchief.online/ |
| https://demo.webarchief.online/jeugdbibliotheek-nl/20250707010440/https%3A%2F%2Fwww.jeugdbibliotheek.nl%2F12-18-jaar%2Falle-e-books-18-en-ouder.do%3Fwhere%3Dcatalog%26query%3D%26submit%3D |
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.
Rapportinformatie: V2.0.1-WCAG2.1-R3.2-T0.14-nl