Toegankelijke componenten bouwen kost tijd en kennis. Je moet denken aan toetsenbord-ondersteuning, focus-management en semantische HTML. Voor elke knop, modal of formulier opnieuw.
Deze collectie van componenten biedt een oplossing. Elk component:
- Voldoet aan WCAG 2.2
- Komt met werkende code (HTML, CSS, JavaScript)
- Heeft duidelijke implementatie-instructies
Zo kun je sneller bouwen zonder in te leveren op toegankelijkheid.
Accordeon
Een accordeon toont en verbergt content in uitklapbare secties.
Broodkruimelpad
Een broodkruimelpad helpt gebruikers begrijpen waar ze zich bevinden op je website.
Carrousel
Een carrousel laat meerdere items zien die gebruikers kunnen doorbladeren.
(binnenkort beschikbaar)
Combobox
Een combobox combineert een invoerveld met een keuzelijst voor autocomplete.
Dialoogvenster
Een dialoogvenster (modal) vraagt om directe aandacht van de gebruiker.
(binnenkort beschikbaar)
Switch
Een switch laat gebruikers snel tussen twee opties schakelen.
Tabpaneel
Tabpanelen organiseren gerelateerde content in verschillende secties.
Tooltip
Een tooltip geeft extra informatie bij hover of focus.