Merge branch 'main' into docs/opnemen-gerelateerde-componenten-data-op-website-voor-alle-componenten

Author: Charlotte Gieltjes

.changeset/sandy-paintings-walk.md

@@ -0,0 +1,5 @@
+---
+"@nl-design-system-unstable/documentation": minor
+---
+
+NL Design System baseline update voor april 2026.

.changeset/somber-spatulas-ponder.md

@@ -0,0 +1,5 @@
+---
+"@nl-design-system-unstable/documentation": minor
+---
+
+Advies over ingeklapte teksten toegevoegd aan 1.3.1 voor Form Field Description.

.github/ISSUE_TEMPLATE/102-🫶-heartbeat.md

@@ -0,0 +1,76 @@
+---
+name: Community - 🫶 Heartbeat
+about: Omschrijving van een Heartbeart op een specifieke dag
+title: Heartbeat [datum]
+labels:
+  - designer relations
+  - developer relations
+  - event
+type: Task
+---
+
+Volg de [Draft Documentatie Heartbeat](https://codefornl.slack.com/docs/T68FXPFQV/F08FL9TCTT9) met uitgebreide informatie.
+
+## TLDR
+
+<!-- De TLDR is een korte samenvatting voor PM om te verantwoorden wat het kernteam heeft bijgedragen aan NL Design System met dit issue. -->
+
+In de Heartbeat vertelt het kernteam van NL Design System elke twee weken wat de laatste stand van zaken is. Daarnaast laten we organisaties aan het woord die met/aan het NL Design System werken.
+
+## Rollen vanuit kernteam
+
+**MC**: <!-- kernteam github user -->
+
+## Programma
+
+Concept programma in kernteam [Canvas: Heartbeat planning](https://codefornl.slack.com/docs/T68FXPFQV/F082H3ETYLS).
+
+**Programma**:
+
+<!-- Uiteindelijk programma van de Heartbeat. -->
+
+**Titel**:
+
+<!-- Titel van Heartbeat te gebruiken op YouTube, LinkedIn, etc. -->
+
+**Omschrijving**:
+
+<!-- Omschrijving van Heartbeat te gebruiken op YouTube, LinkedIn, etc. met optionele linkjes -->
+
+## Actiepunten
+
+<!-- De actiepunten vormen een handig lijstje voor de verantwoordelijke om aan de acceptatiecriteria te kunnen voldoen. Dit lijstje kan per persoon verschillen, terwijl de acceptatiecriteria voor iedereen gelijk blijven. -->
+
+- [ ] Kondig Heartbeat aan op [Code for NL Slack](http://praatmee.codefor.nl/) in #nl-design-system en/of LinkedIn.
+- [ ] MC de Heartbeat.
+- [ ] Screenshot presentaties in de Heartbeat voor de thumbnail.
+- [ ] Update programma in issue met uitgevoerd programma.
+- [ ] Update titel in issue gebaseerd op uitgevoerd programma.
+- [ ] Update omschrijving in issue gebaseerd op uitgevoerd programma.
+- [ ] Update linkjes in issue gebaseerd op uitgevoerd programma.
+- [ ] Update TLDR in issue met de samenvatting van deze Heartbeat.
+- [ ] Maak thumbnail.
+- [ ] Upload video op [YouTube](https://www.youtube.com/@NLDesignSystem)
+  - [ ] met titel, omschrijving en optionele linkjes.
+  - [ ] met chapterization bovenaan in de omschrijving.
+  - [ ] met thumbnail.
+  - [ ] in de Heartbeat playlist van het correcte jaar.
+  - [ ] indien van toepassing in de juiste Community Sprint playlists.
+- [ ] Plaats video op de [website](https://nldesignsystem.nl/events/heartbeat/videos/).
+- [ ] Kondig YouTube video aan op [Code for NL Slack](http://praatmee.codefor.nl/) in #nl-design-system.
+- Houd kernteam inbox in de gaten voor vragen en/of contact van ondertitelaars LuckyLizard.
+
+## Acceptatiecriteria
+
+<!-- De acceptatiecriteria dienen als een checklist voor de projectmanager. -->
+
+- [ ] Heartbeat is vooraf aangekondigd in de community en/of het netwerk.
+- [ ] Heartbeat heeft plaatsgevonden.
+- [ ] Video staat openbaar op [YouTube](https://www.youtube.com/@NLDesignSystem).
+- [ ] Video staat in de Heartbeat playlist van het correcte jaar.
+- [ ] Video staat indien van toepassing in de juiste Community Sprint playlists.
+- [ ] Video staat op Youtube met titel, chapterization, omschrijving en optionele linkjes.
+- [ ] Video bevat thumbnail.
+- [ ] Video staat op de [website](https://nldesignsystem.nl/events/heartbeat/videos/).
+- [ ] YouTube video is aangekondigd in de community en/of het netwerk.
+- [ ] Video is beschikbaar voor ondertiteling door LuckyLizard.

.github/workflows/cd.yml

@@ -19,12 +19,13 @@ jobs:
         uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
 
       - name: Install pnpm package manager
-        uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
+        uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v5.0.0
 
       - name: Set up Node.js version
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: .nvmrc
+          cache: pnpm
 
       - name: Check for known security issues with npm packages
         run: |

.github/workflows/publish.yml

@@ -21,12 +21,13 @@ jobs:
           token: ${{ secrets.GH_TOKEN }}
 
       - name: Install pnpm package manager
-        uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
+        uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v5.0.0
 
       - name: Set up Node.js version and cache
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: .nvmrc
+          cache: pnpm
 
       - name: Check for known security issues with npm packages
         run: |

.gitignore

@@ -4,6 +4,7 @@ node_modules/
 # Production
 build/
 dist/
+.astro
 
 # Generated files
 .docusaurus

docs/baseline/2026-04.mdx

@@ -0,0 +1,44 @@
+---
+title: Baseline april 2026
+hide_title: true
+hide_table_of_contents: false
+sidebar_label: Baseline april 2026
+sidebar_position: -202604
+pagination_label: Baseline april 2026
+description: De softwareversies waarmee we in april 2026 voor NL Design System testen voor Baseline support.
+slug: /baseline/2026-04
+keywords:
+  - Accessibility Support Baseline
+  - Baseline
+  - browser support
+  - browserversie
+---
+
+{/* @license CC0-1.0 */}
+
+# NL Design System Baseline: april 2026
+
+In de NL Design System Baseline staat de belangrijke software en combinaties van software die wij gebruiken om NL Design System mee te testen. Elke maand maken we een nieuw overzicht.
+
+Oudere softwareversies willen we ook ondersteunen. Die zijn niet onderdeel van de standaard test-methode. Lees meer over onze aanpak in de [NL Design System Baseline](https://nldesignsystem.nl/baseline/).
+
+## Software om mee te testen
+
+De volgende software en combinaties van software moet je mee testen voor functionaliteit en WCAG 2.2 succescriteria. Niet elke [screenreader](/woordenlijst/#screenreader) werkt optimaal met elke browser. De genoemde combinaties moeten geen problemen opleveren.
+
+Als bepaalde functionaliteit niet blijkt te werken in oudere softwareversies, die minder oud zijn dan 30 maanden, overweeg dan wel om het probleem op te lossen en te testen in specifieke oudere softwareversies.
+
+De laatste versies van software op 10 april zijn:
+
+- [Chrome 147](https://chromereleases.googleblog.com/2026/04/stable-channel-update-for-desktop.html) of [Edge 146](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-14703856109-april-6-2026-stable)
+- Chrome 147 of Edge 146 met de [screenreader](/woordenlijst/#screenreader) [JAWS 2026](https://support.freedomscientific.com/Downloads/JAWS/JAWSWhatsNew) op [Windows 11](https://www.microsoft.com/en-us/software-download/windows11)
+- Chrome 147 of Edge 146 met de screenreader [NVDA 2025.3.3](https://www.nvaccess.org/post/nvda-2025-3-3/) op Windows 11
+- [Chrome 147 op Android](https://chromereleases.googleblog.com/2026/04/chrome-for-android-update_023244500.html)
+- Chrome 147 op Android met de screenreader [Talkback 16.2](https://support.google.com/accessibility/android/answer/16800105?hl=en&ref_topic=10601875&sjid=16744481826491229310-EU#)
+- Chrome 147 op Windows 11 of [macOS 26.4 Tahoe](https://developer.apple.com/documentation/macos-release-notes/macos-26_4-release-notes)
+- [Firefox 149](https://www.firefox.com/en-US/firefox/149.0/releasenotes/)
+- Firefox 149 met de screenreader NVDA 2025.3.3 op Windows 11
+- [Safari 26.4](https://developer.apple.com/documentation/safari-release-notes/safari-26_4-release-notes) op [iOS 26.4](https://developer.apple.com/documentation/ios-ipados-release-notes/ios-ipados-26_4-release-notes)
+- Safari 26.4 op iOS 26.4 met de screenreader VoiceOver
+- Safari 26.4 op macOS 26.4
+- Safari 26.4 op macOS 26.4 met de screenreader VoiceOver

docs/baseline/2026-03.mdx docs/baseline/Archief/2026-03.mdxdocs/baseline/2026-03.mdx renamed to docs/baseline/Archief/2026-03.mdx

@@ -45,8 +45,7 @@ Aline Nap, designer bij Logius.
 - vrijdag 30 januari (Utrecht)
 - vrijdag 27 februari (Utrecht)
 - vrijdag 27 maart (RVO)
-- vrijdag 8 mei (nog niet bevestigd)
-- vrijdag 5 juni (nog niet bevestigd)
+- vrijdag 5 juni: jubileumeditie :tada: (Utrecht)
 - vrijdag 3 juli (nog niet bevestigd)
 
 ## Aanmelden

docs/community/events/design-open-dag.mdx

@@ -8,6 +8,8 @@ Koppel de Form Field Description met `aria-describedby` aan het bijbehorende ele
 <input id="name" aria-describedby="description-name" autocomplete="name" />
 ```
 
+Zorg ervoor dat de tekst in de Form Field Description niet ingeklapt is, zoals het geval is in een `details` en `summary` combinatie. De verborgen tekst wordt in de browsers Firefox en Safari ([NL Design System baseline maart 2026](/baseline/2026-03/)) niet door [screenreaders](/woordenlijst/#:~:text=Nederlandstalige%20WCAG%20definitie-,Screenreader,-screen%20reader) voorgelezen.
+
 NL Design System richtlijnen:
 
 - [Toegankelijke instructies en beschrijvingen](/richtlijnen/formulieren/descriptions/)