@utrecht/button-css/docs/wcag.nl.md

Button component for the Municipality of Utrecht based on the NL Design System architecture

<!-- @license CC0-1.0 -->

# Relevante WCAG-succescriteria

- [WCAG-succescriterium 2.1.2 Geen toetsenbordval](https://nldesignsystem.nl/wcag/2.1.2/): Het is mogelijk met `Tab` en `Shift+Tab` de button focus uit de button te verplaatsen.
- [WCAG-succescriterium 2.1.3 Toetsenbord (geen uitzondering)](https://nldesignsystem.nl/wcag/2.1.3/):
  - Je kan de button activeren met `Enter` of `Space`.
  - Het is mogelijk met `Tab` de button te focussen.
  - `Space` gebruiken heeft dan niet het effect dat de pagina scrollt.
- [WCAG-succescriterium 2.4.6 Koppen en labels](https://nldesignsystem.nl/wcag/2.4.6/): de label van de button moet duidelijk zijn
- [WCAG-succescriterium 2.5.2 Aanwijzerannulering](https://nldesignsystem.nl/wcag/2.5.2/):
  - gebruik niet de `mousedown` event om de button te activeren, gebruik liever de `click` event
  - `mousedown` mag alleen gebruikt worden als `mouseup` het effect weer ongedaan maakt, bijvoorbeeld een "_fast foward_" button om audio of video door te spoelen.
- [WCAG-succescriterium 2.5.5 Grootte van het aanwijsgebied (uitgebreid)](https://nldesignsystem.nl/wcag/2.5.5/): de button moet groot genoeg zijn om aan te klikken, en kleine buttons moeten niet te dicht op een andere button staan.