Avatars are used to add a human touch and instant clarity when understanding which user did what in the application. We also use avatars for projects, repositories, spaces and other container metaphors within Atlassian Apps.
|Web resource key:||
|AMD Module key:||N/A|
Avatars can be used for "container" objects — projects, spaces, repositories, etcetera — to give them a recognisable visual identity.
Textual descriptions of avatars
An avatar must include a textual description of the concept it represents, so that its meaning can be conveyed and understood in non-visual contexts as well.
In most cases, the avatar's
<img>tag should include an
altattribute describing the image.
In cases where the avatar is logically grouped with text content that describes the concept
(for example, in a page header), the avatar is effectively decorative.
In such cases, you should provide an empty
Avatars may have a single additional element overlaid in one of their four corners.
Use badged content to represent the type, permission, presence, or other contextually relevant information about the user or container.
The badged content must also include a textual description of the information it represents, so that its meaning can be conveyed and understood in non-visual contexts as well.