Key interactions
|
Key |
Interaction |
|---|---|
|
Tab |
Once to navigate into the Avatar and once to navigate out. |
|
Space or Enter |
Opens the interface to edit the Avatar photo |
Focus order
This avatar variant functions as a button. When a user tabs, the focus state will highlight the avatar to indicate that it has been selected. In addition, a tooltip and aria-label attribute read "Edit profile photo" to describe the purpose of the action.