Accessibility notes
- An avatar is an image (
role="img") named after the person. Next to their visible name, setdecorativeso screen readers don’t hear it twice. - The status dot is visual only. When it matters, put it in
label. - Initials keep at least a 4.5:1 contrast ratio on every generated color.