Audit toegankelijkheid NLDesignSystem.nl versie 2.0

Over deze evaluatie

Rapport auteur

Rian Rietveld en Hidde de Vries

Evaluatie opdrachtgever

NL Design System

Evaluatiedatum

Origineel: 20 november 2023; bijgewerkt: 26 september 2024

Managementsamenvatting

Dit rapport is een hertest van [v1](/toegankelijkheidsverklaring/rapport-2023).

De problemen uit rapport v1 zijn inmiddels verholpen, met uitzondering van het ontbreken van ondertiteling (1.2.1, 1.2.2). Video's van voor 2023 zijn nog niet ondertiteld.

Scope van de evaluatie

Website naam

NL Design System

Scope van de website

Alle webcontent van de publieke website van het NL Design System op nldesignsystem.nl

WCAG Versie

2.1

Conformiteitsdoel

AA

Basisniveau van toegankelijkheid-ondersteuning

Safari 14 met VoiceOver, Chrome Version 119.0.6045.123 (Official Build) (arm64), FireFox 119.0.1 (64-bit), iOS 16.7.2

Verdere onderzoeksvereisten

In dit rapport worden alleen de gevonden problemen vermeld en geen oplossingen geboden.

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 50 van 50 WCAG 2.1 AA Success Criteria.

• 34 Voldoende
• 1 Onvoldoende
• 0 Onbekend
• 15 Niet van toepassing
• 0 Niet getoetst

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven

Success Criterium	Uitkomst	Bevindingen
1.1.1: Niet-tekstuele content	Voldoende	Geen

1.2 Op tijd gebaseerde media

Success Criterium	Uitkomst	Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)	Hele sample Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)	Hele sample Uitkomst: Onvoldoende	Hele sample Bevindingen: Pagina: nldesignsystem.nl/events/heartbeat YouTube video's van voor 2023 hebben geen ondertiteling.
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)	Hele sample Uitkomst: Voldoende
1.2.4: Ondertitels voor doven en slechthorenden (live)	Hele sample Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)	Hele sample Uitkomst: Voldoende

1.3 Aanpasbaar

Success Criterium	Uitkomst	Bevindingen
1.3.1: Info en relaties	Hele sample Uitkomst: Voldoende
1.3.2: Betekenisvolle volgorde	Hele sample Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen	Hele sample Uitkomst: Voldoende
1.3.4: Weergavestand	Hele sample Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input	Hele sample Uitkomst: Voldoende

1.4 Onderscheidbaar

Success Criterium	Uitkomst	Bevindingen
1.4.1: Gebruik van kleur	Hele sample Uitkomst: Voldoende
1.4.2: Geluidsbediening	Hele sample Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)	Hele sample Uitkomst: Voldoende
1.4.4: Herschalen van tekst	Hele sample Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst	Hele sample Uitkomst: Niet van toepassing
1.4.10: Reflow	Hele sample Uitkomst: Voldoende
1.4.11: Contrast van niet-tekstuele content	Hele sample Uitkomst: Voldoende
1.4.12: Tekstafstand	Hele sample Uitkomst: Voldoende
1.4.13: Content bij hover of focus	Hele sample Uitkomst: Voldoende

2 Bedienbaar

2.1 Toetsenbordtoegankelijk

Success Criterium	Uitkomst	Bevindingen
2.1.1: Toetsenbord	Hele sample Uitkomst: Voldoende
2.1.2: Geen toetsenbordval	Hele sample Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen	Hele sample Uitkomst: Voldoende

2.2 Genoeg tijd

Success Criterium	Uitkomst	Bevindingen
2.2.1: Timing aanpasbaar	Hele sample Uitkomst: Niet van toepassing
2.2.2: Pauzeren, stoppen, verbergen	Hele sample Uitkomst: Niet van toepassing

2.3 Toevallen en fysieke reacties

Success Criterium	Uitkomst	Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde	Hele sample Uitkomst: Niet van toepassing

2.4 Navigeerbaar

Success Criterium	Uitkomst	Bevindingen
2.4.1: Blokken omzeilen	Hele sample Uitkomst: Voldoende
2.4.2: Paginatitel	Hele sample Uitkomst: Voldoende
2.4.3: Focus volgorde	Hele sample Uitkomst: Voldoende
2.4.4: Linkdoel (in context)	Hele sample Uitkomst: Voldoende
2.4.5: Meerdere manieren	Hele sample Uitkomst: Voldoende
2.4.6: Koppen en labels	Hele sample Uitkomst: Voldoende
2.4.7: Focus zichtbaar	Hele sample Uitkomst: Voldoende

2.5 Input Modaliteiten

Success Criterium	Uitkomst	Bevindingen
2.5.1: Aanwijzergebaren	Hele sample Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering	Hele sample Uitkomst: Niet van toepassing
2.5.3: Label in naam	Hele sample Uitkomst: Voldoende
2.5.4: Bewegingsactivering	Hele sample Uitkomst: Niet van toepassing

3 Begrijpelijk

3.1 Leesbaar

Success Criterium	Uitkomst	Bevindingen
3.1.1: Taal van de pagina	Hele sample Uitkomst: Voldoende
3.1.2: Taal van onderdelen	Hele sample Uitkomst: Voldoende

3.2 Voorspelbaar

Success Criterium	Uitkomst	Bevindingen
3.2.1: Bij focus	Hele sample Uitkomst: Voldoende
3.2.2: Bij input	Hele sample Uitkomst: Voldoende
3.2.3: Consistente navigatie	Hele sample Uitkomst: Voldoende
3.2.4: Consistente identificatie	Hele sample Uitkomst: Voldoende

3.3 Assistentie bij invoer

Success Criterium	Uitkomst	Bevindingen
3.3.1: Foutidentificatie	Hele sample Uitkomst: Niet van toepassing
3.3.2: Labels of instructies	Hele sample Uitkomst: Voldoende
3.3.3: Foutsuggestie	Hele sample Uitkomst: Niet van toepassing
3.3.4: Foutpreventie (wettelijk, financieel, gegevens	Hele sample Uitkomst: Niet van toepassing

4 Robuust

4.1 Compatibel

Success Criterium	Uitkomst	Bevindingen
4.1.1: Parsen	Hele sample Uitkomst: Voldoende
4.1.2: Naam, rol, waarde	Hele sample Uitkomst: Voldoende
4.1.3: Statusberichten	Hele sample Uitkomst: Niet van toepassing

Sample met getoetste webpagina's

1. Voorpagina - https://nldesignsystem.nl/
2. Documentatie - nldesignsystem.nl/documentatie
3. Richtlijnen - nldesignsystem.nl/richtlijnen
4. Formulierenoverzicht - nldesignsystem.nl/richtlijnen/formulieren/overzicht
5. Toegankelijkheid - nldesignsystem.nl/richtlijnen/formulieren
6. Componenten - nldesignsystem.nl/componenten/)
7. Onderzoek - nldesignsystem.nl/onderzoek/
8. Project - nldesignsystem.nl/project
9. Kernteam - nldesignsystem.nl/project/kernteam
10. Blog - nldesignsystem.nl/blog
11. Blogpost - nldesignsystem.nl/blog/design-systems-week-2023-komt-eraan
12. Events met Engelse content - nldesignsystem.nl/events/design-systems-week-2023/en/overview
13. Timetable met Engelse content - nldesignsystem.nl/events/design-systems-week-2023/en/timetable
14. Met Video - nldesignsystem.nl/events/design-systems-week-2023/programma/
15. Event Heartbeat - nldesignsystem.nl/events/heartbeat
16. Tijdschema (met tabel) - nldesignsystem.nl/events/design-systems-week-2023/tijdschema/
17. 404 pagina - nldesignsystem.nl/asdasdasd
18. Links - nldesignsystem.nl/project/links
19. Toegankelijkheidsverklaring - nldesignsystem.nl/toegankelijkheidsverklaring

Webtechnologie

HTML,CSS,WAI-ARIA,JavaScript,SVG