Add/Change-Image β

Feature to edit or change the user's avatar photo.

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.

Avatar is focused.

Avatar is focused.