All Topics
Accessible Naming & Screen Reader Concerns
Exercise 3

Slideshow Exercise

For this exercise, let’s modify a slideshow component to work in screen readers including NVDA on Windows.

This exercise can be completed in this codebase, or on StackBlitz. You can find the completed example in /completed-components/exercise-3-slideshow/.

Inspiration Gallery

1 / 5
Sun streaks through the clouds at a beach on the Oahu North Shore
2 / 5
Dramatic light in Shark's Cove, where the water reflections are broken up by rocks and families
3 / 5
4 / 5
The beach, palm trees and canoes at Waikiki
5 / 5
Sun sliding in late in the afternoon at Kailua Beach

Completed version

1 of 5

Sun streaks through the clouds at a beach on the Oahu North Shore

2 of 5

Dramatic light in Shark's Cove, where the water reflections are broken up by rocks and families

3 of 5

4 of 5

The beach, palm trees and canoes at Waikiki

5 of 5

Sun sliding in late in the afternoon at Kailua Beach

Remotely-hosted version

You can also play with this exercise on StackBlitz:

Screen Reader Commands & Interaction ModesClient-Side Routing