-
Notifications
You must be signed in to change notification settings - Fork 13
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
base: main
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
||
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. |
There was a problem hiding this comment.
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 :)
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? |
There was a problem hiding this comment.
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?
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. |
There was a problem hiding this comment.
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?
- 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. |
There was a problem hiding this comment.
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?
- 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 @@ | |||
--- |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 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". |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Time flies :)
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. |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
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.
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". |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 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 |
There was a problem hiding this comment.
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? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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. |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
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. |
There was a problem hiding this comment.
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.
There was a problem hiding this 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.
Quality Gate passedIssues Measures |
Gerelateerd issue: #1219
Preview: https://documentatie-git-blog-blogpost-9-steps-nl-design-system.vercel.app/blog/9-stappen-A-status-website
TL;DR
@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.