Brand mark — accessibility
Keyboard
- The mark is not a control and is not focusable.
ARIA
- The letter tile is
aria-hidden="true"; the instance name next to it is the accessible text. - Without the name (
withName={false}) the surrounding heading of the screen must carry the instance name.
Contrast
- The tile letter and the name use foreground tokens, so they follow light and dark themes.
Source: docs/avatar/brand-mark.a11y.md · GitLab