Closed anormand closed 7 years ago
As a screen reader user, I need to know that the tools in the page header are part of a navigation item, so that I can understand their purpose.
The screen reader reads the tools as individual links.
The current code is:
<div class="page-header-tools">...</div>
NVDA reads it as:
SEARCH link Search
Suggested code:
<nav class="page-header-tools">...</nav>
NVDA will read it as:
navigation landmark clickable SEARCH link Search
Expected behaviour
As a screen reader user, I need to know that the tools in the page header are part of a navigation item, so that I can understand their purpose.
Actual behaviour
The screen reader reads the tools as individual links.
Steps to reproduce
The current code is:
NVDA reads it as:
Suggested code:
NVDA will read it as: