Intermediate
Pause the carousel (WCAG 2.2.2)
The carousel changes slides every 2 seconds and cannot be stopped. Add a button #pause that stops it and starts it again, with aria-pressed showing the state.
What Check tests
- The slides still advance by themselves
- Pause stops it for more than five seconds
- Play starts it again
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s
Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.
frames
Console
Nothing logged yet.