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. Let wel goed op systeem-eigen eigschappen zoals kleurgebruik en herschalen.
Toegankelijke componenten
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.
Datatabel
Een sorteerbare tabel laat gebruikers data sorteren op verschillende kolommen.
Dialoogvenster
Een dialoogvenster (modal) vraagt om directe aandacht van de gebruiker.
Navigatie
Een navigatie helpt gebruikers door je website bewegen en belangrijke pagina’s vinden.
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.
Voortgangsbalk
Een voortgangsbalk toont gebruikers hoeveel van een taak voltooid is.
(binnenkort beschikbaar)