Usage
A gauge displays a specific status or numerical value within a range of values.
Progress gauge
How to test a progress gauge
Given that I am on a screen with a progress gauge
1 Keyboard
-
WHEN I use the arrow key to browse to a gauge I SEE the gauge comes into view
2
VoiceOver
screenreader
-
WHEN I use a screenreader AND I perform an action that initiates a gauge
- I HEAR its purpose is clear and matches visible content
- I HEAR it has no role
- I HEAR the screenreader reads the gauge and announces any current dynamic value (ex: Downloading receipt 12%)
-
Or when I swipe to browse to the gauge I HEAR the screenreader reads the gauge and any current dynamic value
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 gauge |
2 Mobile screenreader gestures
| When I use | I hear |
|---|---|
| Swipe | The screenreader reads the gauge and announces any current dynamic value (ex: downloading receipt 12%) |
3 Screenreader output
| Reads | I hear |
|---|---|
| Name | Its purpose is clear and matches visible content |
| Role | It has no role |
| State | The screenreader reads the gauge and announces any current dynamic value (ex: downloading receipt 12%) |
4 Device settings
| When I use | I see |
|---|---|
| Text resize | Text content can resize up to 200% without losing information |