Usage
A popover tooltip or inline tip is a transient view that appears above other content when people click or tap a control or interactive area.
iOS Popover tooltip
How to test a popover tooltip
Given that I am on a screen with a popover tooltip
1 Keyboard
-
WHEN I use the arrow keys or ctrl + tab to move focus to a button I SEE focus is visually indicated (strongly if high contrast enabled)
-
Then when I use the spacebar I SEE the options are available
-
Then when I use the ctrl + tab key or arrow key I SEE the popover is toggled open/closed
-
Or when I use the escape key I SEE the popover closed
2
VoiceOver
screenreader
-
WHEN I use a screenreader AND I swipe to focus on a button
- I HEAR its purpose is clear and matches visible label
- I HEAR it identifies itself as a button
- I HEAR any visible label is read with the button in a single swipe
- I HEAR it expresses its state (expanded)
-
Then when I doubletap with the button in focus I HEAR the popover is toggled open/closed
3 Device settings
-
When I use Text resize I SEE text can resize up to 200% without losing information
-
When I use Increase contrast I SEE focus outline becomes high contrast
1 Keyboard actions
| When I use | I see/hear |
|---|---|
| Arrow keys or ctrl + tab | Focus visibly moves to the button |
| Spacebar | Expands/collapses popover |
| Escape | Closes the popover |
2 Mobile screenreader gestures
| When I use | I hear |
|---|---|
| Swipe | Focus moves to the button, expresses its name, role |
| Doubletap | Button displays popover |
| Swipe again | Browses popover |
3 Screenreader output
| Reads | I hear |
|---|---|
| Name | Its purpose is clear and matches visible label |
| Role | It identifies itself as a button |
| Group | Any visible label is read with the button in a single swipe |
| State | It expresses its state (expanded) |
4 Device settings
| When I use | I see |
|---|---|
| Text resize | Text can resize up to 200% without losing information |
| Increase contrast | Focus outline becomes high contrast |