Usage
Progress indicators show the status of a process in real time.
Users should be able to:
- Navigate to the loading indicator with assistive technology
- Understand what progress the indicator is communicating
Progress indicator
How to test a progress indicator
Given that I am on a screen with a progress indicator
1 Keyboard
-
WHEN I use the arrow key to browse to a progress indicator I SEE the progress indicator comes into view
2
Android
screenreader
-
WHEN I use a screenreader AND I swipe to browse to a progress indicator
- I HEAR its purpose is clear and explains what items are waiting
- I HEAR it identifies itself as a progress bar
3 Device settings
-
When I use Text resize I SEE text content can resize up to 200% without losing information
1 Keyboard actions
| When I use | I see/hear |
|---|---|
| Arrow keys | Browses to progress indicator |
2 Mobile screenreader gestures
| When I use | I hear |
|---|---|
| Swipe | The screenreader reads the progress indicator |
3 Screenreader output
| Reads | I hear |
|---|---|
| Name | Its purpose is clear and explains what items are waiting |
| Role | It identifies itself as a progress bar |
4 Device settings
| When I use | I see |
|---|---|
| Text resize | Text content can resize up to 200% without losing information |