Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

blog: Blogpost "Haal in één keer de A-status voor je website in 9 stappen" #1917

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

rianrietveld
Copy link
Contributor

@rianrietveld rianrietveld commented Jan 15, 2025

Gerelateerd issue: #1219
Preview: https://documentatie-git-blog-blogpost-9-steps-nl-design-system.vercel.app/blog/9-stappen-A-status-website

TL;DR

Stappenplan voor de ontwikkeling van een toegankelijk webproject met het NL Design System.
We nemen je aan de hand mee in het hele proces van begin tot eind, en vertellen je hoe het NL Design Systeem in combinatie met de richtlijnen voor toegankelijkheid je hierbij kan helpen.

@jeffreylauwers heeft dit al gereviewd en zijn opmerkingen zijn verwerkt.
@Robbert wil er nog naar kijken, ik assign deze PR aan hem ter review en laat de planning aan hem

@emma-koole gaat de visuals maken in sprint 37.

@MarjonBakker hebjij tijd om er met je a11y- en taalkennis doorheen te lezen?

Ik heb er een PR vangemaakt, zodat de inhoud niet op mij persoonlijke Google account blijft leven. Alle opmerkingen graag bij deze PR en niet meer in de Google doc.

@rianrietveld rianrietveld requested a review from Robbert January 15, 2025 06:23
@rianrietveld rianrietveld self-assigned this Jan 15, 2025
Copy link

vercel bot commented Jan 15, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
documentatie ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 15, 2025 6:23am


In het interactie ontwerp hebben we het nog niet over huisstijlelementen zoals kleur, typografie of fotografie maar puur over de functionaliteit.

Werk nauw samen met de visueel ontwerper, de programmeur en de expert toegankelijkheid. Zijn plannen goed en ook toegankelijk te realiseren? Of kunnen er beter andere keuzes worden gemaakt? Goed overleg scheelt in het latere proces heel veel tijd.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verderop schrijf je elke keer specialist toegankelijkheid. Hier ook doen? Daarnaast... is het niet toegankelijkheid specialist? Dus andersom. Jij zal het beter weten hoor maar ik vroeg me het af :)

Suggested change
Werk nauw samen met de visueel ontwerper, de programmeur en de expert toegankelijkheid. Zijn plannen goed en ook toegankelijk te realiseren? Of kunnen er beter andere keuzes worden gemaakt? Goed overleg scheelt in het latere proces heel veel tijd.
Werk nauw samen met de visueel ontwerper, de programmeur en de specialist toegankelijkheid. Zijn plannen goed en ook toegankelijk te realiseren? Of kunnen er beter andere keuzes worden gemaakt? Goed overleg scheelt in het latere proces heel veel tijd.


Werk nauw samen met de visueel ontwerper, de programmeur en de expert toegankelijkheid. Zijn plannen goed en ook toegankelijk te realiseren? Of kunnen er beter andere keuzes worden gemaakt? Goed overleg scheelt in het latere proces heel veel tijd.

In het interactie-ontwerp neem je op hoe een bezoeker door de website kan navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren'. Wat komt er in de hoofd- of zijnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekoptie? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Die enkele aanhalingsteken kan weg.
  • zijnavigatie las niet lekker, deed met denken aan zijn navigatie. Sub zou ook kunnen?
  • In de tekst gebruiken we de termen 'zoekoptie' en 'zoekfunctie', zou de term 'zoekfunctionaliteit' beter werken?
Suggested change
In het interactie-ontwerp neem je op hoe een bezoeker door de website kan navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren'. Wat komt er in de hoofd- of zijnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekoptie? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?
In het interactie-ontwerp neem je op hoe gebruikers door de website kunnen navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren. Wat komt er in de hoofd- of subnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekfunctionaliteit? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?

- Reserveer plek voor [foutmeldingen](https://nldesignsystem.nl/wcag/3.3.1) en [descriptions](https://nldesignsystem.nl/wcag/3.3.3) en [statusberichten.](https://nldesignsystem.nl/wcag/4.1.3)
- Denk na over [tijdslimieten](https://nldesignsystem.nl/wcag/2.2.3) bij het invullen van formulieren, hoe geef je die aan.
- Voorkom [onverwacht gedrag](https://nldesignsystem.nl/wcag/3.2.1/), bijvoorbeeld bij filters of formulieren.
- Zorg voor [meerdere manieren](https://nldesignsystem.nl/wcag/2.4.5) om content te vinden, bijvoorbeeld via een hoofdmenu, de zoekfunctie, informatie en links in de footer, een broodkruimelpad of een sitemap.
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Eerder in de tekst gebruiker we de term hoofdnavigatie. Hier ook aanhouden?
  • In de tekst gebruiken we de termen 'zoekoptie' en 'zoekfunctie', zou de term 'zoekfunctionaliteit' beter werken?
Suggested change
- Zorg voor [meerdere manieren](https://nldesignsystem.nl/wcag/2.4.5) om content te vinden, bijvoorbeeld via een hoofdmenu, de zoekfunctie, informatie en links in de footer, een broodkruimelpad of een sitemap.
- Zorg voor [meerdere manieren](https://nldesignsystem.nl/wcag/2.4.5) om content te vinden, bijvoorbeeld via een hoofdnavigatie, de zoekfunctionaliteit, informatie en links in de footer, een broodkruimelpad of een sitemap.


- Zorg voor een voldoende [kleurcontrast tussen tekst en achtergrond](https://nldesignsystem.nl/wcag/1.4.3) zodat je ook je bezoek ouder dan 50 jaar de tekst kan lezen.
- Zorg voor voldoende kleurcontrast tussen de achtergrondkleur en de kleur van componenten die visuele betekenis hebben. Zoals [formulierelementen en iconen](https://nldesignsystem.nl/wcag/1.4.11).
- Geef [geen betekenis aan kleur](https://nldesignsystem.nl/wcag/1.4.1), blinde en kleurenblinde bezoekers kunnen deze betekenis missen.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ik vind de zin wat vreemd lezen. Is het een idee om net als de punten ervoor terug te grijpen naar de tekst van de richtlijn zelf?

Suggested change
- Geef [geen betekenis aan kleur](https://nldesignsystem.nl/wcag/1.4.1), blinde en kleurenblinde bezoekers kunnen deze betekenis missen.
- Zorg ervoor dat [kleur niet het enige visuele middel is om informatie over te brengen](https://nldesignsystem.nl/wcag/1.4.1). Blinde en kleurenblinde mensen kunnen deze betekenis missen.


Belangrijk om in het visueel ontwerp aan WCAG te voldoen is onder andere:

- Zorg voor een voldoende [kleurcontrast tussen tekst en achtergrond](https://nldesignsystem.nl/wcag/1.4.3) zodat je ook je bezoek ouder dan 50 jaar de tekst kan lezen.
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Zorg voor een voldoende [kleurcontrast tussen tekst en achtergrond](https://nldesignsystem.nl/wcag/1.4.3) zodat je ook je bezoek ouder dan 50 jaar de tekst kan lezen.
- Zorg voor een voldoende [kleurcontrast tussen tekst en achtergrond](https://nldesignsystem.nl/wcag/1.4.3) zodat tekst altijd goed te lezen is. Ook voor mensen met verminderd zicht.


### WCAG en NL Design System richtlijnen

Met de [Web Content Accessibility Guidelines](https://nldesignsystem.nl/wcag) (WCAG) meten we de toegankelijkheid van een website voor bezoekers met een beperking. Leg van te voren vast dat je wilt gaan voldoen aan WCAG, versie 2.2, niveau AA. Dan ben je voor de komende jaren verzekerd dat het project voldoet aan de meest recente richtlijnen voor toegankelijkheid.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Met de [Web Content Accessibility Guidelines](https://nldesignsystem.nl/wcag) (WCAG) meten we de toegankelijkheid van een website voor bezoekers met een beperking. Leg van te voren vast dat je wilt gaan voldoen aan WCAG, versie 2.2, niveau AA. Dan ben je voor de komende jaren verzekerd dat het project voldoet aan de meest recente richtlijnen voor toegankelijkheid.
Met de [Web Content Accessibility Guidelines](https://nldesignsystem.nl/wcag) (WCAG) meten we de toegankelijkheid van een website voor mensen met een beperking. Leg van te voren vast dat je wilt gaan voldoen aan WCAG, versie 2.2, niveau AA. Dan ben je voor de komende jaren verzekerd dat het project voldoet aan de meest recente richtlijnen voor toegankelijkheid.


Wat is het doel van je website? Wees hierin heel concreet. Wat is essentieel, wat zou leuk zijn maar is niet echt nodig. En zet je ego en persoonlijke voorkeur opzij, denk puur vanuit de gebruiker.

Bezoek komt op je website met een doel en niet om zich te verbazen over de prachtige animaties en sliders. Hou altijd het doel op de eerste plaats en je hoeft niets steeds het wiel opnieuw uit te vinden.
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Bezoek komt op je website met een doel en niet om zich te verbazen over de prachtige animaties en sliders. Hou altijd het doel op de eerste plaats en je hoeft niets steeds het wiel opnieuw uit te vinden.
Mensen komen op je website met een doel en niet om zich te verbazen over de prachtige animaties en sliders. Hou altijd het doel op de eerste plaats en je hoeft niets steeds het wiel opnieuw uit te vinden.


Werk nauw samen met de visueel ontwerper, de programmeur en de expert toegankelijkheid. Zijn plannen goed en ook toegankelijk te realiseren? Of kunnen er beter andere keuzes worden gemaakt? Goed overleg scheelt in het latere proces heel veel tijd.

In het interactie-ontwerp neem je op hoe een bezoeker door de website kan navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren'. Wat komt er in de hoofd- of zijnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekoptie? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
In het interactie-ontwerp neem je op hoe een bezoeker door de website kan navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren'. Wat komt er in de hoofd- of zijnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekoptie? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?
In het interactie-ontwerp neem je op hoe gebruikers door de website kan navigeren, wanneer je bepaalde informatie aanbiedt en hoe men met jouw organisatie kan communiceren'. Wat komt er in de hoofd- of zijnavigatie? Zijn er verschillende manieren om inhoud te vinden, bijvoorbeeld via de hoofdnavigatie en de zoekoptie? Hoe zijn de tekstpagina's opgebouwd? Hoe zijn de formulieren samengesteld?

@@ -0,0 +1,246 @@
---
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In de tekst hebben we het soms over 'bezoek' en bezoekers'. Verderop over 'gebruikers', 'mensen' en 'men'. Zouden we die laatste 3 termen als uitgangspunt kunnen nemen zodat er minder termen door elkaar worden gebruikt?


Het doel is om de zogenaamde [A-status voor je website](https://www.digitoegankelijk.nl/toegankelijkheidsverklaring/status) te halen in het [Register van toegankelijkheidsverklaringen](https://www.toegankelijkheidsverklaring.nl/register) voor jouw website. Maar ook om de website gebruiksvriendelijk en voorbereid op de toekomst te bouwen.

Dus, ook als je de website niet voor een overheidsinstelling ontwikkelt, ook dan is het zinvol om deze stappen te volgen om je bezoekers een toegankelijke en gebruiksvriendelijke website aan te bieden.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Dus, ook als je de website niet voor een overheidsinstelling ontwikkelt, ook dan is het zinvol om deze stappen te volgen om je bezoekers een toegankelijke en gebruiksvriendelijke website aan te bieden.
Dus, ook als je de website niet voor een overheidsinstelling ontwikkelt, ook dan is het zinvol om deze stappen te volgen om mensen een toegankelijke en gebruiksvriendelijke website aan te bieden.


- Beschrijf met koppen de inhoud die eronder staat, maak de [koppenstructuur betekenisvol](https://nldesignsystem.nl/wcag/2.4.10). Gebruik kopen niet alleen om tekst vet en groot te maken.
- Geef afbeeldingen een [goede alternatieve tekst.](https://nldesignsystem.nl/wcag/1.1.1)
- Voeg je video? Zorg dan voor [ondertiteling](https://nldesignsystem.nl/wcag/1.2.2) zodat dove bezoekers de inhoud ook kunnen volgen
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Voeg je video? Zorg dan voor [ondertiteling](https://nldesignsystem.nl/wcag/1.2.2) zodat dove bezoekers de inhoud ook kunnen volgen
- Maak je gebruik van video? Zorg dan voor [ondertiteling](https://nldesignsystem.nl/wcag/1.2.2) zodat dove of slechthorende mensen de inhoud ook kunnen volgen


Overheidsinstellingen kunnen een toegankelijkheidsverklaring aanmaken op het [Register van toegankelijkheidsverklaringen](https://www.toegankelijkheidsverklaring.nl/register).

Als je dan een mooie toegankelijke website hebt opgeleverd wil je dat natuurlijk aan alle bezoekers vertellen. Dit kan op een speciale pagina op je website "Toegankelijkheid".
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Als je dan een mooie toegankelijke website hebt opgeleverd wil je dat natuurlijk aan alle bezoekers vertellen. Dit kan op een speciale pagina op je website "Toegankelijkheid".
Als je dan een mooie toegankelijke website hebt opgeleverd wil je dat natuurlijk aan iedereen vertellen. Dit kan op een speciale pagina op je website 'Toegankelijkheid'.


- Hoe de website getest is, met een verwijzing naar het WCAG-EM rapport of met een link naar het Register van toegankelijkheidsverklaringen.
- Welke problemen er eventueel nog zijn en wanneer die worden opgelost.
- Hoe bezoekers contact kunnen opnemen als ze een probleem hebben bij het gebruik van de website.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Hoe bezoekers contact kunnen opnemen als ze een probleem hebben bij het gebruik van de website.
- Hoe mensen contact kunnen opnemen als ze een probleem hebben bij het gebruik van de website.


De documentatie bij de [componenten van het NL Design System](https://nldesignsystem.nl/componenten/) beschrijft hoe een component is opgebouwd en aan welke acceptatiecriteria deze moet voldoen. Kijk bijvoorbeeld bij de [component "button](https://nldesignsystem.nl/button)".

Veel van onze componenten zijn nu (2024) nog in volop ontwikkeling, maar je kunt al meekijken in de keuken.. Samen met [onze community](https://nldesignsystem.nl/community) ontwikkelen we componenten die herbruikbaar, functioneel en toegankelijk zijn en ondersteund worden door gebruikersonderzoek.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Time flies :)

Suggested change
Veel van onze componenten zijn nu (2024) nog in volop ontwikkeling, maar je kunt al meekijken in de keuken.. Samen met [onze community](https://nldesignsystem.nl/community) ontwikkelen we componenten die herbruikbaar, functioneel en toegankelijk zijn en ondersteund worden door gebruikersonderzoek.
Veel van onze componenten zijn nu (2025) nog in volop ontwikkeling, maar je kunt al meekijken in de keuken.. Samen met [onze community](https://nldesignsystem.nl/community) ontwikkelen we componenten die herbruikbaar, functioneel en toegankelijk zijn en ondersteund worden door gebruikersonderzoek.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dubbele punt achter 'keuken'..


Veel van onze componenten zijn nu (2024) nog in volop ontwikkeling, maar je kunt al meekijken in de keuken.. Samen met [onze community](https://nldesignsystem.nl/community) ontwikkelen we componenten die herbruikbaar, functioneel en toegankelijk zijn en ondersteund worden door gebruikersonderzoek.

Het doel is om alle componenten volgens het [estafettemodel](https://nldesignsystem.nl/handboek/estafettemodel) stap voor stap in de "Hall of Fame" te krijgen, waarna ze voor iedereen te gebruiken zijn. Zodat jouw team het wiel niet opnieuw hoeft uit te vinden.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We gebruiken dubbele aanhalingstekens alleen voor citaten. Bij het introduceren van een term die nieuw kan zijn voor de lezer gebruiken we enkele aanhalingstekens.

Suggested change
Het doel is om alle componenten volgens het [estafettemodel](https://nldesignsystem.nl/handboek/estafettemodel) stap voor stap in de "Hall of Fame" te krijgen, waarna ze voor iedereen te gebruiken zijn. Zodat jouw team het wiel niet opnieuw hoeft uit te vinden.
Het doel is om alle componenten volgens het [estafettemodel](https://nldesignsystem.nl/handboek/estafettemodel) stap voor stap in de 'Hall of Fame' te krijgen, waarna ze voor iedereen te gebruiken zijn. Zodat jouw team het wiel niet opnieuw hoeft uit te vinden.

- Beschrijf met koppen de inhoud die eronder staat, maak de [koppenstructuur betekenisvol](https://nldesignsystem.nl/wcag/2.4.10). Gebruik kopen niet alleen om tekst vet en groot te maken.
- Geef afbeeldingen een [goede alternatieve tekst.](https://nldesignsystem.nl/wcag/1.1.1)
- Voeg je video? Zorg dan voor [ondertiteling](https://nldesignsystem.nl/wcag/1.2.2) zodat dove bezoekers de inhoud ook kunnen volgen
- Schrijf duidelijk, betekenisvolle [linkteksten](https://nldesignsystem.nl/wcag/2.4.4) en vermijdt "klik hier".
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Schrijf duidelijk, betekenisvolle [linkteksten](https://nldesignsystem.nl/wcag/2.4.4) en vermijdt "klik hier".
- Schrijf duidelijk, betekenisvolle [linkteksten](https://nldesignsystem.nl/wcag/2.4.4) en vermijdt 'klik hier'.

- Voeg je video? Zorg dan voor [ondertiteling](https://nldesignsystem.nl/wcag/1.2.2) zodat dove bezoekers de inhoud ook kunnen volgen
- Schrijf duidelijk, betekenisvolle [linkteksten](https://nldesignsystem.nl/wcag/2.4.4) en vermijdt "klik hier".

## Stap 7: Eindtest met gebruikers
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bevat wel heel vaak het woord gebruikers. En je hebt van die zuurpruimen die vallen over de term 'gebruikers' omdat ze dit koppelen aan een verslaving. Maargoed dat is meer bij infinite scroll en likes :)

Anyway. Om de term gebruikers iets te verminderen heb ik onderstaande tekst iets aangepast.


Is je website gebouwd en gevuld met inhoud? Test dan nogmaals met gebruikers. Betrek mensen met en zonder beperking.

Het is een misverstand dat testen met gebruikers met een beperking hetzelfde is als testen op toegankelijkheid. Je kunt pas testen met deze gebruikers als de site helemaal toegankelijk is en voldoet aan de WCAG richtlijnen. Een blind persoon ziet niet wat ze mist. Een beperking komt niet met een handleiding. Ook deze mensen worstelen, net als iedereen, met het web.

In deze fase testen we of men een opdracht van begin tot eind succesvol ka afronden. Denk daarbij aan het opzoeken van een telefoonnummer, een melding doen, een klacht indienen of een zwarte wollen trui in de maat M bestellen én afrekenen.

Pas de website aan naar aanleiding van je bevindingen.

Heb je gebruikersonderzoek gedaan en wil je dat delen? Overweeg de resultaten te plaatsen gebruikersonderzoeken.nl. Zo kunnen anderen van jou inzichten leren.


## Stap 8: Toegankelijkheidsverklaring

Alles af? Gebruikerstesten verwerkt? Inhoud helemaal gevuld. Alle formulieren werken?
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Alles af? Gebruikerstesten verwerkt? Inhoud helemaal gevuld. Alle formulieren werken?
Alles af? Bevindingen uit het gebruikersonderzoek verwerkt? Inhoud helemaal gevuld. Alle formulieren werken?

## Stap 8: Toegankelijkheidsverklaring

Alles af? Gebruikerstesten verwerkt? Inhoud helemaal gevuld. Alle formulieren werken?
Laat dan een officiële [WCAG-EM audit](https://www.digitoegankelijk.nl/toegankelijkheidsverklaring/onderzoek) doen. Liefst door een onafhankelijke partij en niet door je eigen specialist toegankelijkheid. Dit voorkomt het "[Wij van WC-eend](https://nl.wikipedia.org/wiki/Wij_van_Wc-eend_adviseren_Wc-eend)" effect. Deze audit is 3 jaar geldig.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Laat dan een officiële [WCAG-EM audit](https://www.digitoegankelijk.nl/toegankelijkheidsverklaring/onderzoek) doen. Liefst door een onafhankelijke partij en niet door je eigen specialist toegankelijkheid. Dit voorkomt het "[Wij van WC-eend](https://nl.wikipedia.org/wiki/Wij_van_Wc-eend_adviseren_Wc-eend)" effect. Deze audit is 3 jaar geldig.
Laat dan een officiële [WCAG-EM audit](https://www.digitoegankelijk.nl/toegankelijkheidsverklaring/onderzoek) doen. Liefst door een onafhankelijke partij en niet door je eigen specialist toegankelijkheid. Dit voorkomt het '[Wij van WC-eend](https://nl.wikipedia.org/wiki/Wij_van_Wc-eend_adviseren_Wc-eend)' effect. Deze audit is 3 jaar geldig.


Als je dan een mooie toegankelijke website hebt opgeleverd wil je dat natuurlijk aan alle bezoekers vertellen. Dit kan op een speciale pagina op je website "Toegankelijkheid".

Vermeld hierin :
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Vermeld hierin :
Vermeld hierin:


Iedereen is verantwoordelijk voor de kwaliteit van het project. Voor de snelheid, veiligheid, leesbaarheid, gebruiksvriendelijkheid en ook voor de toegankelijkheid.

We maken een website niet voor onszelf maar voor de gebruiker. Als alle gebruikers goed met je website overweg kunnen, dan pas is je doel bereikt.
Copy link
Contributor

@jeffreylauwers jeffreylauwers Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
We maken een website niet voor onszelf maar voor de gebruiker. Als alle gebruikers goed met je website overweg kunnen, dan pas is je doel bereikt.
We maken een website niet voor onszelf maar voor de gebruiker. Als mensen goed met je website overweg kunnen, dan pas is je doel bereikt.

date: 2025-01-15
---

Stappenplan voor de ontwikkeling van een toegankelijk webproject met het NL Design System. We nemen je aan de hand mee in het hele proces van begin tot eind, en vertellen je hoe het NL Design Systeem in combinatie met de richtlijnen voor toegankelijkheid je hierbij kan helpen.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NL Design Systeem veranderen in NL Design System


### Train je team

Zorg voor goede training van het hele team, inclusief de ontwerpers, programmeurs, contentmanagers en de tekstschrijvers. Ook als eenmaal de website online staat is het belangrijk het team getraind te houden. Contentmanagers komen en gaan. Garandeer dat mensen die content op de website plaatsen vooraf een goede training krijgt.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

vooraf een goede training krijgt

vervangen door

vooraf een goede training krijgen.

- Voorkom [onverwacht gedrag](https://nldesignsystem.nl/wcag/3.2.1/), bijvoorbeeld bij filters of formulieren.
- Zorg voor [meerdere manieren](https://nldesignsystem.nl/wcag/2.4.5) om content te vinden, bijvoorbeeld via een hoofdmenu, de zoekfunctie, informatie en links in de footer, een broodkruimelpad of een sitemap.
- Help de gebruiker zo goed als het kan de taak te vervullen op je website. Zorg ervoor dat ze [gemakkelijk om hulp kunnen vragen](https://nldesignsystem.nl/wcag/3.3.5) als ze er niet uitkomen.
- Maak het [makkelijk om veilig in te loggen](https://nldesignsystem.nl/wcag/3.3.8). Voorkom captcha's en rekensommen. Sta copy/paste van een wachtwoord toe, zodat een gebruiker een wachtwoordmanager kan gebruiken.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ik zou hieronder ook https://nldesignsystem.nl/wcag/1.3.5 (Identificeer het doel van de input) toevoegen.


## Stap 6: Inhoud vullen

Zorg ervoor dat de contentmanagers en webschrijvers een goede training hebben gehad, en dat elke nieuwkomer een training krijgt voordat deze aan de slag gaat. Een website kan volledig goed ontworpen en gebouwd zijn, toegankelijke content is zeker net zo belangrijk
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Zin afsluiten met een punt.


Pas de website aan naar aanleiding van je bevindingen.

Heb je gebruikersonderzoek gedaan en wil je dat delen? Overweeg de resultaten te plaatsen gebruikersonderzoeken.nl
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

gebruikersonderzoeken.nl vervangen door [https://gebruikersonderzoeken.nl/](gebruikersonderzoeken.nl)

## Stap 8: Toegankelijkheidsverklaring

Alles af? Gebruikerstesten verwerkt? Inhoud helemaal gevuld. Alle formulieren werken?
Laat dan een officiële [WCAG-EM audit](https://www.digitoegankelijk.nl/toegankelijkheidsverklaring/onderzoek) doen. Liefst door een onafhankelijke partij en niet door je eigen specialist toegankelijkheid. Dit voorkomt het "[Wij van WC-eend](https://nl.wikipedia.org/wiki/Wij_van_Wc-eend_adviseren_Wc-eend)" effect. Deze audit is 3 jaar geldig.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deze audit is 3 jaar geldig. veranderen in Deze audit is maximaal 3 jaar geldig.

Ik zou hier iets schrijven in de trant van 'als er grote functionele veranderingen zijn is het aan te raden om eerder een nieuwe audit te laten doen'.


- Hoe de website getest is, met een verwijzing naar het WCAG-EM rapport of met een link naar het Register van toegankelijkheidsverklaringen.
- Welke problemen er eventueel nog zijn en wanneer die worden opgelost.
- Hoe bezoekers contact kunnen opnemen als ze een probleem hebben bij het gebruik van de website.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hier zou ik toevoegen dat de mensen achter het 'kanaal' waarmee contact opgenomen wordt ook op de hoogte zijn van wat ze met eventuele meldingen moeten doen. Als het bijvoorbeeld een algemeen mailadres is dat wordt uitgelezen door een klantenservice, moet die klantenservice wel de juiste service kunnen verlenen.

Copy link
Contributor

@MarjonBakker MarjonBakker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rianrietveld ik heb een aantal comments toegevoegd.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants