From 93af5381f22b03a909792c8b51defcbd47998548 Mon Sep 17 00:00:00 2001 From: RenateRoke Date: Thu, 18 Jun 2026 10:13:38 +0200 Subject: [PATCH 1/2] Update acceptance criteria docs --- .../docs/button-docs/docs/acceptance-criteria.md | 12 ++++++++++++ .../docs/acceptance-criteria.md | 2 ++ .../docs/acceptance-criteria.md | 2 ++ .../docs/acceptance-criteria.md | 2 ++ .../ordered-list-docs/docs/acceptance-criteria.md | 2 ++ .../{ => docs}/acceptance-criteria.md | 2 ++ .../unordered-list-docs/docs/acceptance-criteria.md | 2 ++ 7 files changed, 24 insertions(+) rename packages/docs/text-input-docs/{ => docs}/acceptance-criteria.md (94%) diff --git a/packages/docs/button-docs/docs/acceptance-criteria.md b/packages/docs/button-docs/docs/acceptance-criteria.md index 93341672..1f3be02e 100644 --- a/packages/docs/button-docs/docs/acceptance-criteria.md +++ b/packages/docs/button-docs/docs/acceptance-criteria.md @@ -79,3 +79,15 @@ Het moet mogelijk zijn dat een bezoeker met een enkele aanwijzer (zoals een muis - De component kan worden geactiveerd met de `Space` op `keyup`. - De `Space` activatie is cancelable door `Tab` te doen en focus te verplaatsen vooraf aan keyup. - De component ondersteunt pointer-gedrag waarbij een klik geannuleerd wordt wanneer de gebruiker de aanwijzer indrukt, buiten de component beweegt en pas dan loslaat. + +## Acceptatiecriteria toegankelijkheid van de component + +- Het is mogelijk om relaties met andere componenten aan te geven. +- Als je de tekst vergroot tot 200% blijft deze in zijn geheel zichtbaar. +- Als je de tekstafstand vergroot blijft de tekst in zijn geheel zichtbaar. +- Je kunt de button focussen met de tabtoets en activeren met de spatiebalk en de entertoets. +- Wanneer een button de toetsenbordfocus krijgt is de focus zichtbaar. +- Als de gebruiker een button indrukt met een aanwijzer zoals een muis of vinger, is er de mogelijkheid om de actie te voorkomen of ongedaan te maken. +- De button heeft een rol van button en het type is instelbaar. + +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/button/) diff --git a/packages/docs/form-field-description-docs/docs/acceptance-criteria.md b/packages/docs/form-field-description-docs/docs/acceptance-criteria.md index 58d890aa..15ba98bf 100644 --- a/packages/docs/form-field-description-docs/docs/acceptance-criteria.md +++ b/packages/docs/form-field-description-docs/docs/acceptance-criteria.md @@ -34,6 +34,8 @@ Dit zijn de acceptatiecriteria welke HTML elementen en HTML attributen het beste - De Form Field Description is standaard niet bereikbaar en bedienbaar met het toetsenbord. - De Form Field Description komt standaard niet voor in de focusvolgorde van de pagina. +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/form-field-description/) + ## Acceptatiecriteria APIs van de component ### CSS API diff --git a/packages/docs/form-field-error-message-docs/docs/acceptance-criteria.md b/packages/docs/form-field-error-message-docs/docs/acceptance-criteria.md index d2c0afcb..cae10fcf 100644 --- a/packages/docs/form-field-error-message-docs/docs/acceptance-criteria.md +++ b/packages/docs/form-field-error-message-docs/docs/acceptance-criteria.md @@ -14,6 +14,8 @@ Er zijn géén specifieke varianten nodig voor de Candidate component. - De Form Field Error Message komt standaard niet voor in de focusvolgorde van de pagina. - Het is mogelijk om de Form Field Error Message de rol `alert` te geven. +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/form-field-error-message/) + ## Acceptatiecriteria APIs van de component ### CSS API diff --git a/packages/docs/form-field-label-docs/docs/acceptance-criteria.md b/packages/docs/form-field-label-docs/docs/acceptance-criteria.md index 510612f3..8f789283 100644 --- a/packages/docs/form-field-label-docs/docs/acceptance-criteria.md +++ b/packages/docs/form-field-label-docs/docs/acceptance-criteria.md @@ -9,3 +9,5 @@ - Tekst in het Form Field Label blijft leesbaar wanneer de tekstafstand vergroot wordt. - Het Form Field Label is standaard niet bereikbaar en bedienbaar met het toetsenbord. - Het Form Field Label komt standaard niet voor in de focusvolgorde van de pagina. + +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/form-field-label/) diff --git a/packages/docs/ordered-list-docs/docs/acceptance-criteria.md b/packages/docs/ordered-list-docs/docs/acceptance-criteria.md index bb6fbc73..15dd2ffa 100644 --- a/packages/docs/ordered-list-docs/docs/acceptance-criteria.md +++ b/packages/docs/ordered-list-docs/docs/acceptance-criteria.md @@ -9,3 +9,5 @@ - Tekst in de Ordered List blijft leesbaar wanneer de tekstafstand vergroot wordt. - De Ordered List is standaard niet bereikbaar en bedienbaar met het toetsenbord. - De Ordered List komt standaard niet voor in de focusvolgorde van de pagina. + +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/ordered-list/) diff --git a/packages/docs/text-input-docs/acceptance-criteria.md b/packages/docs/text-input-docs/docs/acceptance-criteria.md similarity index 94% rename from packages/docs/text-input-docs/acceptance-criteria.md rename to packages/docs/text-input-docs/docs/acceptance-criteria.md index 648d4cae..3f4d1a52 100644 --- a/packages/docs/text-input-docs/acceptance-criteria.md +++ b/packages/docs/text-input-docs/docs/acceptance-criteria.md @@ -128,3 +128,5 @@ Boolean - Je kunt de Text Input bereiken en bedienen met het toetsenbord. - Als de Text Input de toetsenbordfocus krijgt is de focus zichtbaar. - Het is mogelijk de Text Input een toegankelijke naam en de juiste rol te geven en het `value`-attribuut is aanwezig en instelbaar. + +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/text-input/) diff --git a/packages/docs/unordered-list-docs/docs/acceptance-criteria.md b/packages/docs/unordered-list-docs/docs/acceptance-criteria.md index 0dfd107d..3c88009f 100644 --- a/packages/docs/unordered-list-docs/docs/acceptance-criteria.md +++ b/packages/docs/unordered-list-docs/docs/acceptance-criteria.md @@ -9,3 +9,5 @@ - Tekst in de Unordered List blijft leesbaar wanneer de tekstafstand vergroot wordt. - De Unordered List is standaard niet bereikbaar en bedienbaar met het toetsenbord. - De Unordered List komt standaard niet voor in de focusvolgorde van de pagina. + +[Meer informatie over deze acceptatiecriteria lees je op de componentpagina op de website van NL Design System.](https://nldesignsystem.nl/unordered-list/) From 98967f2a4a90bf439b24f6ecb9b76335963ccc52 Mon Sep 17 00:00:00 2001 From: RenateRoke Date: Tue, 23 Jun 2026 10:53:46 +0200 Subject: [PATCH 2/2] Verwijzing naar website changeset --- .changeset/soft-rocks-slide.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/soft-rocks-slide.md diff --git a/.changeset/soft-rocks-slide.md b/.changeset/soft-rocks-slide.md new file mode 100644 index 00000000..c9aca4ca --- /dev/null +++ b/.changeset/soft-rocks-slide.md @@ -0,0 +1,5 @@ +--- +'@nl-design-system-candidate/button-docs': minor +--- + +Verwijzingen naar meer uitleg over toegankelijkheidscriteria op de documentatie website toegevoegd.