Toegankelijke componenten bouwen kost tijd en kennis. Je moet denken aan semantische HTML, toetsenbordbediening, focusmanagement en ondersteuning voor hulptechnologieën. Voor elk component opnieuw.
Deze collectie van componenten biedt een oplossing. Elk component:
- Is geoptimaliseerd voor toegankelijkheid (WCAG 2.2)
- Komt met werkende code (HTML, CSS, JavaScript)
- Heeft duidelijke implementatie-instructies
Implementeer ze in je eigen systeem. 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.
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 (schuifschakelaar) laat gebruikers een instelling direct aan- of uitzetten.
Tabpaneel
Tabpanelen organiseren gerelateerde content in verschillende secties.
Toggle
Een toggle (schakelknop) laat gebruikers schakelen tussen verschillende opties.
Tooltip
Een tooltip geeft extra informatie bij hover of focus.