Shared header icon button has no accessible name
Impact Screen reader users may encounter an unnamed header control and cannot determine its action.
Do this Give the shared header button a concise accessible name that describes its action.
Across four templates, the same shared-header icon button exposes an empty accessible name under one stable component signature.
What a screen reader would hear: Name: (none). Role: (none). Expanded: not set. Help text: none associated.
Layouts Seen on both the phone and desktop layouts.
Technical record
Saved evidence
Accessible-name computation on
[data-component="shared-header"] [data-oac-fixture="unlabeled-header-button"]
returned an empty name on each of:
https://fixture.invalid/index.htmlhttps://fixture.invalid/form.htmlhttps://fixture.invalid/widgets.htmlhttps://fixture.invalid/table.html
Reproduction
- Open any affected fixture template.
- Inspect the shared header search button in the accessibility tree.
- Confirm that its computed accessible name is empty.
Verification
- Repeat the accessible-name computation on all four templates.
- Confirm that each header button exposes the intended action name.