Skip to main content
UI Patterns

Carrousel / slider

Bied pauze/stopbesturingen. Ondersteun toetsenbordnavigatie (pijlen voor slides). Role="group" op elke slide met aria-roledescription="slide". Auto-rotatie moet prefers-reduced-motion respecteren.

In gewone taal

Bij roterende diavoorstellingen zijn een pauzeknop en toetsenbordbediening nodig — automatisch wisselende inhoud is moeilijk te lezen en raakt gemakkelijk uit het oog.

Waarom dit belangrijk is

Automatisch roterende carrousels verplaatsen inhoud voordat trage lezers klaar zijn, en carrousels zonder toetsenbordondersteuning zorgen ervoor dat gebruikers van toetsenborden en schermlezers in de steek worden gelaten. De beweging kan bovendien afleiden of misselijkheid veroorzaken.

Hoe te detecteren

Snelle controle

Controleer of er een zichtbare pauze-/stopknop aanwezig is, of elke dia en elke bedieningsknop via het toetsenbord bereikbaar is, en of bij het draaien de instelling ‘beweging beperken’ in acht wordt genomen. Controleer of verborgen dia’s niet via de Tab-toets bereikbaar zijn.