Button
For any component that leads to an internal screen, the button accessibility role should be used.
| Reads | I see | I hear |
|---|---|---|
| Label | Purpose is clear and matches visible label | The label |
| Role | button | |
| State1 | Express its state, i.e. ticked, disabled |
Example
| VoiceOver | Talkback | |
|---|---|---|
| Contact us, button, double tap to activate | Contact us, button, double tap to activate | Good |
- In some cases, Talkback announces the accessibility state before the label.↩