Cedar Cup logo: three accessibility contexts

Fictional brand demonstration. The cup path geometry is identical in every context.

1. Informational

Standalone logo · role="img"
Cedar Cup

Named Cedar Cup via a first-child <title> referenced by aria-labelledby.

2. Decorative

Beside visible text · aria-hidden
Cedar Cup

The visible text already says Cedar Cup, so the repeated mark is hidden with aria-hidden="true" and focusable="false".

3. Home link

Link name from text · SVG decorative
Cedar Cup home

The link's accessible name, Cedar Cup home, comes from its visible text; the icon inside adds no name.