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