Avatars
How the Avatars works with a keyboard and assistive tech.
Guidance#
An image avatar has alt text naming the person. Beside a visible name, it is decorative and uses alt="".
Initials are hidden from assistive tech when the full name is already on screen.
Status has a text label, such as "Online", for screen readers and does not rely on colour alone.