Theme
Cycle: DEFAULT → COLOR‑SAFE → HIGH CONTRAST.
Theme: DEFAULT
BEFORE Auto-rotate, no pause
Problem: content changes even if you are still reading. Focus can be disrupted, and there’s no pause/stop. Screen readers may get silence because nothing is announced.
Auto-rotating (no pause).
Status: Running.
Note: in real apps this also breaks when the carousel changes on scroll, hover, or timer.
AFTER User controls + pause
Improvements: no auto-rotate by default, clear Previous/Next, a Pause control when autoplay is enabled, and reduced-motion safe defaults.
Slide 1 of 3.
Status: Ready. Use Previous/Next.
Tip: if you must autoplay, provide Pause, and stop rotating while the user interacts.
Checklist
- Do not autoplay by default. Let the user opt in.
- If anything moves/rotates, provide Pause/Stop controls.
- Keep focus stable (don’t move it to slides, don’t hide focused elements).
- If you announce slide changes, keep it polite and avoid spam (announce on user action).
- Respect
prefers-reduced-motionby disabling autoplay animations.