From a1675c12a5fdf965244533f55af42554f8d0b9fa Mon Sep 17 00:00:00 2001 From: rianrietveld Date: Tue, 17 Dec 2024 08:09:20 +0100 Subject: [PATCH] docs: word-break bij acceptatiecriteria --- .changeset/ac-word-break.md | 5 +++++ docs/componenten/ac/_wcag-1.4.12.md | 2 ++ docs/componenten/ac/_wcag-1.4.4.md | 2 ++ docs/wcag/summaries/_1.4.10-summary.md | 2 ++ docs/wcag/summaries/_1.4.12-summary.md | 2 ++ docs/wcag/summaries/_1.4.4-summary.md | 2 ++ 6 files changed, 15 insertions(+) create mode 100644 .changeset/ac-word-break.md diff --git a/.changeset/ac-word-break.md b/.changeset/ac-word-break.md new file mode 100644 index 00000000000..adb809c6e51 --- /dev/null +++ b/.changeset/ac-word-break.md @@ -0,0 +1,5 @@ +--- +"@nl-design-system-unstable/nlds-design-tokens": minor +--- + +Voegt optie voor word-break to aan de relevante acceptatiecriteria. diff --git a/docs/componenten/ac/_wcag-1.4.12.md b/docs/componenten/ac/_wcag-1.4.12.md index 496b932bb10..a504f8f9d1e 100644 --- a/docs/componenten/ac/_wcag-1.4.12.md +++ b/docs/componenten/ac/_wcag-1.4.12.md @@ -4,6 +4,8 @@ Als je de tekstafstand vergroot blijft de tekst in zijn geheel zichtbaar. Dit ga Zorg ervoor dat het element mee kan groeien met de tekst. Geef de breedte en de hoogte dus niet hard op in pixels. +Definieer in de CSS een wijze om lange woorden af te breken en te laten doorlopen op de volgende regel. Zodat er geen horizontale scrollbar ontstaat of tekst onleesbaar wordt. + Je moet de afstand kunnen vergroten naar deze waardes: - Regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte; diff --git a/docs/componenten/ac/_wcag-1.4.4.md b/docs/componenten/ac/_wcag-1.4.4.md index 34e6169c6ed..1784b7d140e 100644 --- a/docs/componenten/ac/_wcag-1.4.4.md +++ b/docs/componenten/ac/_wcag-1.4.4.md @@ -4,6 +4,8 @@ Als je de tekst vergroot tot 200% (via browserzoom en via de browserinstellingen Zorg ervoor dat het element mee kan groeien met de tekst. Geef de breedte en de hoogte dus niet hard op in pixels. +Definieer in de CSS een wijze om lange woorden af te breken en te laten doorlopen op de volgende regel. Zodat er geen horizontale scrollbar ontstaat of tekst onleesbaar wordt. + NL Design System richtlijnen: - [Let op voorkeursinstellingen voor typografie](/richtlijnen/stijl/typografie/voorkeur) diff --git a/docs/wcag/summaries/_1.4.10-summary.md b/docs/wcag/summaries/_1.4.10-summary.md index f6ec6b4cfca..d8d94988412 100644 --- a/docs/wcag/summaries/_1.4.10-summary.md +++ b/docs/wcag/summaries/_1.4.10-summary.md @@ -7,3 +7,5 @@ Alle functies, zoals het menu, moeten werken en zichtbaar zijn. Alle tekst moet Er mag geen inhoud buiten beeld vallen, onbereikbaar of verborgen zijn of gedeeltelijk verborgen worden door andere inhoud wanneer de gebruiker 400% inzoomt of op een buitengewoon klein scherm werkt (320 bij 256 CSS). Zorg ervoor dat er geen horizontale scrollbar nodig is. Uitzonderingen zijn voor onderdelen die in essentie twee-dimensionaal zijn, zoals bijvoorbeeld: tabellen, grafieken, video's en landkaarten. + +Definieer in de CSS een wijze om lange woorden af te breken en te laten doorlopen op de volgende regel. Zodat er geen horizontale scrollbar ontstaat of tekst onleesbaar wordt. diff --git a/docs/wcag/summaries/_1.4.12-summary.md b/docs/wcag/summaries/_1.4.12-summary.md index 78314dd811b..1e6e34c3b6e 100644 --- a/docs/wcag/summaries/_1.4.12-summary.md +++ b/docs/wcag/summaries/_1.4.12-summary.md @@ -4,6 +4,8 @@ Tekst kan op een aantal manieren aangepast worden, door mensen voor wie dat pret Alle tekst moet leesbaar blijven. Er mag geen inhoud buiten beeld vallen, onbereikbaar of verborgen zijn of maar gedeeltelijk zichtbaar zijn. +Definieer in de CSS een wijze om lange woorden af te breken en te laten doorlopen op de volgende regel. Zodat er geen horizontale scrollbar ontstaat of tekst onleesbaar wordt. + Het gaat om: - De ruimte tussen tekstregels kan relatief groot ingesteld worden, zodat de ruimte tussen tekstregels anderhalf keer groter is dan de hoogte van een tekstregel zelf. diff --git a/docs/wcag/summaries/_1.4.4-summary.md b/docs/wcag/summaries/_1.4.4-summary.md index 48240239d53..a2e736c7ec4 100644 --- a/docs/wcag/summaries/_1.4.4-summary.md +++ b/docs/wcag/summaries/_1.4.4-summary.md @@ -5,3 +5,5 @@ De gebruiker moet tekst twee keer (200%) kunnen vergroten. Het gaat hierbij **al Alle functies, zoals het menu, moeten werken en zichtbaar zijn. Alle tekst moet leesbaar zijn. Er mag geen inhoud buiten beeld vallen, verborgen zijn of maar gedeeltelijk zichtbaar zijn. Maak indien nodig een uitzondering voor de tekstgrootte instellen van tekst in afbeeldingen en van ondertitels in video's. + +Definieer in de CSS een wijze om lange woorden af te breken en te laten doorlopen op de volgende regel. Zodat er geen horizontale scrollbar ontstaat of tekst onleesbaar wordt.