From f7e6e1078299789134dfda5803381d418b7e425f Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:13:15 +0100 Subject: [PATCH 01/14] fix typo consistent --- docs/wcag/3.2.04.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/wcag/3.2.04.mdx b/docs/wcag/3.2.04.mdx index 8b268a0b1ed..03d62df2055 100644 --- a/docs/wcag/3.2.04.mdx +++ b/docs/wcag/3.2.04.mdx @@ -38,10 +38,10 @@ Deze inhoud wordt binnenkort aangevuld met uitgebreidere uitleg, bronnen en info ## W3C referenties -- Engelse tekst van het WCAG-succescriterium: [3.2.4 Consistente Identification](https://www.w3.org/TR/WCAG22/#consistent-identification). -- Nederlandse vertaling van het WCAG-succescriterium: [3.2.4 Consistente identificatie](https://www.w3.org/Translations/WCAG22-nl/#consistente-identificatie). -- Engelstalige informatie op How to Meet WCAG: [Quick Reference 3.2.4 Consistente Identification](https://www.w3.org/WAI/WCAG22/quickref/#consistent-identification). -- Engelstalige toelichting: [Understanding SC 3.2.4 Consistente Identification](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification.html). +- Engelse tekst van het WCAG-succescriterium: [3.2.4 Identification](https://www.w3.org/TR/WCAG22/#consistent-identification). +- Nederlandse vertaling van het WCAG-succescriterium: [3.2.4 identificatie](https://www.w3.org/Translations/WCAG22-nl/#-identificatie). +- Engelstalige informatie op How to Meet WCAG: [Quick Reference 3.2.4 Consistent Identification](https://www.w3.org/WAI/WCAG22/quickref/#consistent-identification). +- Engelstalige toelichting: [Understanding SC 3.2.4 Consistent Identification](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification.html). From 1f4bc34023ec96fc7adfdd396ead9ea74ae2aba6 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:19:18 +0100 Subject: [PATCH 02/14] NL ipv EN --- docs/richtlijnen/stijl/icons/6-colour-contrast/_guideline.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/richtlijnen/stijl/icons/6-colour-contrast/_guideline.md b/docs/richtlijnen/stijl/icons/6-colour-contrast/_guideline.md index 875ab6bfa37..b36375514be 100644 --- a/docs/richtlijnen/stijl/icons/6-colour-contrast/_guideline.md +++ b/docs/richtlijnen/stijl/icons/6-colour-contrast/_guideline.md @@ -31,4 +31,4 @@ Soms wordt een icoon gebruikt om een status aan te geven. Denk bijvoorbeeld aan ## Gerelateerde WCAG Richtlijnen - [1.1.1 Niet-tekstuele content](/wcag/1.1.1/) -- [1.4.11 Non text contrast](/wcag/1.4.11) +- [1.4.11 Contrast van niet-tekstuele content](/wcag/1.4.11) From fdce61ea5be1073d6496bce25c5d578001c80ccf Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:22:57 +0100 Subject: [PATCH 03/14] +e --- docs/richtlijnen/formulieren/button/4-text/_guideline.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/richtlijnen/formulieren/button/4-text/_guideline.md b/docs/richtlijnen/formulieren/button/4-text/_guideline.md index 1fe4a14336b..14b2b5063e5 100644 --- a/docs/richtlijnen/formulieren/button/4-text/_guideline.md +++ b/docs/richtlijnen/formulieren/button/4-text/_guideline.md @@ -1,6 +1,6 @@ -# Duidelijk buttontekst die beschrijft wat de button doet +# Duidelijke buttontekst die beschrijft wat de button doet Geef buttons een duidelijke tekst, die beschrijft wat er gaat gebeuren. From 2a2f418ec8af188c7eba83bfc2a48ba6977ee233 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:28:24 +0100 Subject: [PATCH 04/14] Link naar NL vertaling --- docs/wcag/2.4.13.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/wcag/2.4.13.mdx b/docs/wcag/2.4.13.mdx index ce1cc547cc8..9da60030fc1 100644 --- a/docs/wcag/2.4.13.mdx +++ b/docs/wcag/2.4.13.mdx @@ -81,8 +81,8 @@ Additionele testen: ## W3C referenties -- Engelse tekst van het WCAG-succescriterium: [Success Criterion 2.4.13 Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html). -- De Nederlandse vertaling van het WCAG-succescriterium 2.4.13 Focusweergave verschijnt binnenkort. +- Engelse tekst van het WCAG-succescriterium: [2.4.13 Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html). +- Nederlandse vertaling van het WCAG-succescriterium: [2.4.13 Focusweergave](https://www.w3.org/Translations/WCAG22-nl/#focus-appearance) - Engelstalige informatie op How to Meet WCAG: [Quick Reference 2.4.13 Focus Appearance](https://www.w3.org/WAI/WCAG22/quickref/#focus-appearance). - Engelstalige toelichting: [Understanding SC 2.4.13: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html). From e7d9efb3b3adfb6b4a6105a9628bc50e67ef5b16 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:33:22 +0100 Subject: [PATCH 05/14] het ipv de --- docs/wcag/summaries/_2.5.2-summary.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/wcag/summaries/_2.5.2-summary.md b/docs/wcag/summaries/_2.5.2-summary.md index cebc7c96030..26121f39490 100644 --- a/docs/wcag/summaries/_2.5.2-summary.md +++ b/docs/wcag/summaries/_2.5.2-summary.md @@ -6,8 +6,8 @@ Dit voorkomt het per ongeluk aanraken en activeren van functies, waarvan het nie Dat kan op meerdere manieren: -- De actie gebeurt pas bij de `up`-event, en de gebruiker kan nog de aanwijzer verplaatsen naar buiten het element om de up-event te voorkomen. -- De actie gebeurt bij de `down`-event, maar bij de `up`-event wordt het effect weer ongedaan gemaakt. +- De actie gebeurt pas bij het `up`-event, en de gebruiker kan nog de aanwijzer verplaatsen naar buiten het element om het up-event te voorkomen. +- De actie gebeurt bij het `down`-event, maar bij het `up`-event wordt het effect weer ongedaan gemaakt. - Je kunt het effect achteraf weer ongedaan maken. Er is een uitzondering voor acties waarbij het essentieel is dat ze bij het `down`-event gebeuren. From 8de37f497ff9aa8fbfaeaf1a205fa562997c1c80 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:35:25 +0100 Subject: [PATCH 06/14] min spatie --- docs/componenten/ac/_wcag-2.4.7.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/componenten/ac/_wcag-2.4.7.md b/docs/componenten/ac/_wcag-2.4.7.md index 6402e5078f0..022413831e4 100644 --- a/docs/componenten/ac/_wcag-2.4.7.md +++ b/docs/componenten/ac/_wcag-2.4.7.md @@ -6,6 +6,6 @@ Verberg de standaard browserfocusstijl nooit met `outline:none` zonder er een go NL Design System richtlijnen: -- [Maak toetsenbord focus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) +- [Maak toetsenbordfocus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) - [Let op voorkeursinstellingen voor kleur](/richtlijnen/stijl/kleuren/voorkeuren) - [Zorg voor voldoende kleurcontrast voor niet-tekstuele content](/richtlijnen/stijl/typografie/voorkeur) From 54087343e13a24de08f17dcb9c4ca9138d5134ee Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:35:50 +0100 Subject: [PATCH 07/14] min spatie --- docs/wcag/2.4.03.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/wcag/2.4.03.mdx b/docs/wcag/2.4.03.mdx index 45ee3c90364..31b2e03534e 100644 --- a/docs/wcag/2.4.03.mdx +++ b/docs/wcag/2.4.03.mdx @@ -42,7 +42,7 @@ Voor een Nederlandstalige website is leesvolgorde van links naar rechts en van b - Formulieren - Toetsenbordnavigatie: [Gebruik geen positieve tabindex](/richtlijnen/formulieren/toetsenbord/). - Formulieren - Meerdere stappen: [Zorg voor een consistente navigatie en benaming van links en buttons](/richtlijnen/formulieren/meerdere-stappen/consistente-benaming). -- Formulieren - Visueel ontwerp: [Maak toetsenbord focus goed zichtbaar](/visueel-ontwerp/focus-goed-zichtbaar). +- Formulieren - Visueel ontwerp: [Maak toetsenbordfocus goed zichtbaar](/visueel-ontwerp/focus-goed-zichtbaar). ## Gebruikersonderzoek From 53c5395ccabd255008791bd3df68e5c6a9abd229 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:36:19 +0100 Subject: [PATCH 08/14] min spatie --- .../formulieren/visual-design/4-focus-visible/README.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/richtlijnen/formulieren/visual-design/4-focus-visible/README.mdx b/docs/richtlijnen/formulieren/visual-design/4-focus-visible/README.mdx index c5a81f08a1c..cd8aad8e171 100644 --- a/docs/richtlijnen/formulieren/visual-design/4-focus-visible/README.mdx +++ b/docs/richtlijnen/formulieren/visual-design/4-focus-visible/README.mdx @@ -1,5 +1,5 @@ --- -title: Maak toetsenbord focus goed zichtbaar | Visueel ontwerp van een formulier | Richtlijnen +title: Maak toetsenbordfocus goed zichtbaar | Visueel ontwerp van een formulier | Richtlijnen hide_title: true hide_table_of_contents: true sidebar_label: Focus goed zichtbaar From 263637ebc47e1fa9e93408db9ee87bef522d70ec Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:36:43 +0100 Subject: [PATCH 09/14] min spatie --- docs/componenten/ac/_wcag-2.4.13.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/componenten/ac/_wcag-2.4.13.md b/docs/componenten/ac/_wcag-2.4.13.md index 766f09b53a3..c8ea5a13a49 100644 --- a/docs/componenten/ac/_wcag-2.4.13.md +++ b/docs/componenten/ac/_wcag-2.4.13.md @@ -4,6 +4,6 @@ Er is een goed zichtbare focusindicator. Dit doe je met een minimale dikte van 2 NL Design System richtlijnen: -- [Maak toetsenbord focus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) +- [Maak toetsenbordfocus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) - [Let op voorkeursinstellingen voor kleur](/richtlijnen/stijl/kleuren/voorkeuren) - [Zorg voor voldoende kleurcontrast voor niet-tekstuele content](/richtlijnen/stijl/typografie/voorkeur) From ac3ea5cc2e92a307230ceaed1e3deb4b64dda86b Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:37:07 +0100 Subject: [PATCH 10/14] min spatie --- docs/componenten/ac/_wcag-2.4.7-skip-link.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/componenten/ac/_wcag-2.4.7-skip-link.md b/docs/componenten/ac/_wcag-2.4.7-skip-link.md index 6bdbb199bf4..1e7b895980b 100644 --- a/docs/componenten/ac/_wcag-2.4.7-skip-link.md +++ b/docs/componenten/ac/_wcag-2.4.7-skip-link.md @@ -4,6 +4,6 @@ Verberg de Skip Link nooit met `display:none`. Dit haalt de link uit de accessib NL Design System richtlijnen: -- [Maak toetsenbord focus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) +- [Maak toetsenbordfocus goed zichtbaar](/richtlijnen/formulieren/visueel-ontwerp/focus-goed-zichtbaar/) - [Let op voorkeursinstellingen voor kleur](/richtlijnen/stijl/kleuren/voorkeuren) - [Zorg voor voldoende kleurcontrast voor niet-tekstuele content](/richtlijnen/stijl/typografie/voorkeur) From 597b50bdfccfe488d89eb547427520eda7943df1 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:37:34 +0100 Subject: [PATCH 11/14] min spatie --- .../formulieren/visual-design/4-focus-visible/_guideline.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/richtlijnen/formulieren/visual-design/4-focus-visible/_guideline.md b/docs/richtlijnen/formulieren/visual-design/4-focus-visible/_guideline.md index 63723693ad6..23e891cf19a 100644 --- a/docs/richtlijnen/formulieren/visual-design/4-focus-visible/_guideline.md +++ b/docs/richtlijnen/formulieren/visual-design/4-focus-visible/_guideline.md @@ -1,6 +1,6 @@ -# Maak toetsenbord focus goed zichtbaar +# Maak toetsenbordfocus goed zichtbaar Voor gebruikers van een toetsenbord of van spraakherkenning moet duidelijk zijn welk formulierveld de focus heeft. Maak de focusstijl makkelijk te herkennen en geef het voldoende kleurcontrast. Dan kunnen ook slechtziende of kleurenblinde bezoekers het element met focus goed herkennen. From 1d78551148d5e2cd28a1e2cd67315b40def90f8a Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:39:30 +0100 Subject: [PATCH 12/14] on focus, not on inupt --- docs/wcag/3.2.01.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/wcag/3.2.01.mdx b/docs/wcag/3.2.01.mdx index 775bb7180a9..02d8f9b83cb 100644 --- a/docs/wcag/3.2.01.mdx +++ b/docs/wcag/3.2.01.mdx @@ -51,7 +51,7 @@ Bepaal eerst of er interactieve elementen op de pagina zijn, zoals formulierveld - Engelse tekst van het WCAG-succescriterium: [3.2.1 On focus](https://www.w3.org/TR/WCAG22/#on-focus) - Nederlandse vertaling van het WCAG-succescriterium: [3.2.2 Bij focus](https://www.w3.org/Translations/WCAG22-nl/#bij-focus). - Engelstalige informatie op How to Meet WCAG: [Quick Reference 3.2.1 On Focus](https://www.w3.org/WAI/WCAG22/quickref/#on-focus). -- Engelstalige toelichting: [Understanding SC 3.2.1: On Input](https://www.w3.org/WAI/WCAG22/Understanding/on-focus.html). +- Engelstalige toelichting: [Understanding SC 3.2.1: On Focus](https://www.w3.org/WAI/WCAG22/Understanding/on-focus.html). From 636dc5ef8f8ae86b91f75d750e6ed2ed3ed8cc50 Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Thu, 2 Jan 2025 15:42:11 +0100 Subject: [PATCH 13/14] 'aanklikbare formuliervelden' vervangen door 'interactieve elementen Zie #1385 --- .../formulieren/visual-design/5-field-size/_guideline.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/richtlijnen/formulieren/visual-design/5-field-size/_guideline.md b/docs/richtlijnen/formulieren/visual-design/5-field-size/_guideline.md index d0e2026bfc0..018035b4d9e 100644 --- a/docs/richtlijnen/formulieren/visual-design/5-field-size/_guideline.md +++ b/docs/richtlijnen/formulieren/visual-design/5-field-size/_guideline.md @@ -1,6 +1,6 @@ -# Maak aanklikbare formuliervelden groot genoeg +# Maak interactieve elementen groot genoeg Zorg dat het aanwijsgebied (aanklikbare deel) van radio buttons, checkboxes en icons tenminste 24 bij 24 pixels groot is. Dit is nodig om te voldoen aan het [WCAG-succescriterium 2.5.8 Grootte aanwijsgebied (minimum)](/wcag/2.5.8) (niveau AA). From f328b86945758993a6aedace3b66621742243bbc Mon Sep 17 00:00:00 2001 From: Marjon Bakker <20768443+MarjonBakker@users.noreply.github.com> Date: Mon, 6 Jan 2025 08:09:43 +0100 Subject: [PATCH 14/14] typo's --- docs/wcag/3.2.04.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/wcag/3.2.04.mdx b/docs/wcag/3.2.04.mdx index 03d62df2055..e289be1d125 100644 --- a/docs/wcag/3.2.04.mdx +++ b/docs/wcag/3.2.04.mdx @@ -38,8 +38,8 @@ Deze inhoud wordt binnenkort aangevuld met uitgebreidere uitleg, bronnen en info ## W3C referenties -- Engelse tekst van het WCAG-succescriterium: [3.2.4 Identification](https://www.w3.org/TR/WCAG22/#consistent-identification). -- Nederlandse vertaling van het WCAG-succescriterium: [3.2.4 identificatie](https://www.w3.org/Translations/WCAG22-nl/#-identificatie). +- Engelse tekst van het WCAG-succescriterium: [3.2.4 Consistent Identification](https://www.w3.org/TR/WCAG22/#consistent-identification). +- Nederlandse vertaling van het WCAG-succescriterium: [3.2.4 Consistente identificatie](https://www.w3.org/Translations/WCAG22-nl/#-identificatie). - Engelstalige informatie op How to Meet WCAG: [Quick Reference 3.2.4 Consistent Identification](https://www.w3.org/WAI/WCAG22/quickref/#consistent-identification). - Engelstalige toelichting: [Understanding SC 3.2.4 Consistent Identification](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification.html).