Given that I am on a screen with a badge
| When I use | I see/hear |
|---|---|
| Arrow keys or tab | Moves focus to the control with a badge (like normal) |
| Space or enter | Activates any controls (like normal) |
| When I use | I hear |
|---|---|
| Swipe | Focus moves to the control with a badge (like normal) |
| Doubletap | Activates any controls (like normal) |
| Reads | I hear |
|---|---|
| Name | The name of the control, then badge content (ex: home, 1 new notification) |
| When I use | I see |
|---|---|
| Text resize | Text content can resize up to 200% without losing information |
Badges are used to indicate a notification, item count, or other information relating to a navigation destination. They are placed on the ending edge of icons, typically within other components.