docs: consistente links van Richtlijnen naar WCAG-pagina's

Toevoegen en gelijktrekken van interne WCAG-richtlijnen bij bestaande
formulierrichtlijnen, zodat het er hetzelfde uitziet als bij de
contentrichtlijnen.

Preview:
https://documentatie-git-feat-internal-links-nl-design-system.vercel.app/richtlijnen/formulieren/
(vanaf daar alle tabjes langs)

---------

Co-authored-by: Robbert Broersma <[email protected]>

Author: RenateRoke

.changeset/goblin-desk-neck.md

@@ -0,0 +1,5 @@
+---
+"@nl-design-system-unstable/documentation": minor
+---
+
+Toevoegen en gelijktrekken van interne WCAG-richtlijnen bij bestaande formulierrichtlijnen.

docs/richtlijnen/formulieren/button/1-keyboard/README.mdx

@@ -18,9 +18,12 @@ keywords:
 import FooterInfo from "@nl-design-system-unstable/documentation/richtlijnen/_footer_info.md";
 import Code from "./_code.mdx";
 import Guideline from "./_guideline.md";
+import WCAG from "./_wcag.md";
 
 <Guideline />
 
 <Code />
 
+<WCAG />
+
 <FooterInfo />

docs/richtlijnen/formulieren/button/1-keyboard/_guideline.md

@@ -2,10 +2,8 @@
 
 # Toetsenbordbediening van een button
 
-Veel gebruikers navigeren door een formulier met hun Tab-toets om van focusable element naar focusable element te springen (buttons, links, invoervelden, radio buttons, checkboxes etc).
+Veel gebruikers navigeren door een formulier met hun Tab-toets om van interactief element naar interactief element te springen, zoals buttons, links, invoervelden, radio buttons en checkboxes.
 
 Krijgt een button de toetsenbordfocus, dan kan die met “enter” of “spatiebalk” worden geactiveerd. Zorg ervoor dat deze functionaliteit blijft werken als je een webcomponent bouwt, dit is standaard en verwacht gedrag van een button.
 
-Een consistente toetsenbordbediening is nodig om te voldoen aan het [WCAG-succescriterium 2.1.1 Toetsenbord](/wcag/2.1.1) (niveau A).
-
-En ook volg je dan de [WCAG-richtlijn 3.2 Voorspelbaar](https://www.w3.org/WAI/WCAG22/Understanding/predictable.html): maak het uiterlijk en de bediening van webpagina's voorspelbaar.
+Zorg ervoor dat de volgorde waarin interactieve elementen focus krijgen logisch is en dat er geen onverwachte veranderingen plaatsvinden als een bezoeker de button activeert.

docs/richtlijnen/formulieren/button/1-keyboard/_wcag.md

@@ -0,0 +1,9 @@
+<!-- @license CC0-1.0 -->
+
+## Meer lezen over gerelateerde WCAG-succescriteria op NL Design System
+
+Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.
+
+- [Succescriterium 2.1.1 Toetsenbord](/wcag/2.1.1/)
+- [Succescriterium 3.2.1 Bij focus](/wcag/3.2.1/)
+- [Succescriterium 3.2.3 Consistente navigatie](/wcag/3.2.3/)

docs/richtlijnen/formulieren/button/2-submit/README.mdx

@@ -18,9 +18,12 @@ keywords:
 import FooterInfo from "@nl-design-system-unstable/documentation/richtlijnen/_footer_info.md";
 import Code from "./_code.mdx";
 import Guideline from "./_guideline.md";
+import WCAG from "./_wcag.md";
 
 <Guideline />
 
 <Code />
 
+<WCAG />
+
 <FooterInfo />

docs/richtlijnen/formulieren/button/2-submit/_guideline.md

@@ -9,5 +9,3 @@ Versturen na bijvoorbeeld het kiezen van een optie kan de gebruiker verrassen: w
 Let wel: het gaat hier om het daadwerkelijk versturen van het formulier. Dus als de **context** verandert. Bijvoorbeeld: je gaat naar een bevestigingspagina.
 
 Het updaten van bijvoorbeeld zoekresultaten waarbij alleen de **content** verandert valt hier niet onder. Bijvoorbeeld: alleen het aantal zoekresultaten verandert, maar je blijft op dezelfde pagina.
-
-Een formulier niet onverwacht versturen is nodig om te voldoen aan het [WCAG-succescriterium 3.2.2 Bij Input](/wcag/3.2.2/) (niveau A).

docs/richtlijnen/formulieren/button/2-submit/_wcag.md

@@ -0,0 +1,10 @@
+<!-- @license CC0-1.0 -->
+
+## Meer lezen over gerelateerde WCAG-succescriteria op NL Design System
+
+Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.
+
+- [Succescriterium 2.1.1 Toetsenbord](/wcag/2.1.1/)
+- [Succescriterium 3.2.1 Bij focus](/wcag/3.2.1/)
+- [Succescriterium 3.2.2 Bij input](/wcag/3.2.2/)
+- [Succescriterium 3.2.3 Consistente navigatie](/wcag/3.2.3/)

docs/richtlijnen/formulieren/button/3-placement/README.mdx

@@ -18,9 +18,12 @@ keywords:
 import FooterInfo from "@nl-design-system-unstable/documentation/richtlijnen/_footer_info.md";
 import Code from "./_code.mdx";
 import Guideline from "./_guideline.md";
+import WCAG from "./_wcag.md";
 
 <Guideline />
 
 <Code />
 
+<WCAG />
+
 <FooterInfo />

docs/richtlijnen/formulieren/button/3-placement/_wcag.md

@@ -0,0 +1,8 @@
+<!-- @license CC0-1.0 -->
+
+## Meer lezen over gerelateerde WCAG-succescriteria op NL Design System
+
+Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.
+
+- [Succescriterium 1.4.4 Herschalen van tekst](/wcag/1.4.4/)
+- [Succescriterium 1.4.10 Reflow](/wcag/1.4.10/)

docs/richtlijnen/formulieren/button/4-text/README.mdx

@@ -18,9 +18,12 @@ keywords:
 import FooterInfo from "@nl-design-system-unstable/documentation/richtlijnen/_footer_info.md";
 import Code from "./_code.mdx";
 import Guideline from "./_guideline.md";
+import WCAG from "./_wcag.md";
 
 <Guideline />
 
 <Code />
 
+<WCAG />
+
 <FooterInfo />