Carousel
Folien mit Pfeilen, Punkten und optionalem Autoplay. Wischen und Pfeiltasten blättern ohne Zusatzcode; Autoplay pausiert bei Hover, Fokus und reduzierter Bewegung. Der sichtbare Pause-Button bleibt immer erreichbar.
Galerie
Pfeile blättern, Punkte springen direkt zur Folie. Am Rand ohne Loop sind die Pfeile deaktiviert; mit Loop bleiben sie immer aktiv.
Mehrere Folien sichtbar
Über `basis` teilen sich Folien den Viewport, etwa zu zweit oder zu dritt. Die Punkte folgen den Einrastpunkten der Engine.
Autoplay mit Pause
Autoplay pausiert bei Hover, sobald der Fokus ins Karussell wandert und bei prefers-reduced-motion: reduce. Der Pause-Button bleibt immer erreichbar (WCAG 2.2.2).
Vertikal
Mit `orientation="vertical"` wandern die Pfeile nach oben und unten; Pfeiltasten blättern entsprechend. Die Höhe gibt die umgebende Fläche vor.
Playground
Loop, Ausrichtung, Ausrichtung der Achse und Autoplay direkt umschalten.
Barrierefreiheit
Die Region trägt `aria-roledescription="carousel"` und einen Namen; jede Folie meldet „Folie x von y“. Pfeiltasten, Tab und Wischen funktionieren ohne Zusatzcode.
- Pfeiltasten blättern bei Fokus, in RTL gespiegelt.
- Wischen auf Touch-Geräten übernimmt die Engine.
- Autoplay startet nicht bei reduzierter Bewegung und pausiert bei Hover und Fokus.
- Der Pause-Button ist nur mit Autoplay sichtbar und meldet seinen Zustand.