Avatar
v1.3
Avatars are visual representations of users and stores.
Our accessibility section covers only the key considerations that impact design thinking at a page level, such as keyboard interaction, heading structure and landmarks. For exhaustive pattern level details & guidance for the web, please visit eBay MIND Patterns.
Keyboard interaction
Our accessibility overview page contains high-level keyboard guidance applicable to all patterns.
An avatar is a static element and although it can be nested inside of some other user interface control (e.g. a button or link), it is itself not keyboard focusable.
Tab Sequence (static)
N/A
Tab Sequence (interactive)
Avatar container
Labeling
When labeling an avatar, we consider its variation in any given context.
Without supporting text
- Profile picture, signed out
- Profile picture, dynamic
- Profile picture, michaelmcm
- Profile picture, eBay
With supporting text
No accessible name required
