<nav aria-label="GOV.UK One Login menu" class="one-login-header__nav" data-open-class="one-login-header__nav--open" id="one-login-header__nav">
<nav aria-label="Name of example service menu">
are read out by a screen reader, they are announced as ‘GOV.UK One Login menu, navigation’ and ‘Name of example service menu, navigation’.
As the words ‘menu’ and ‘navigation’ could be considered to communicate the same information, removing ‘menu’ from the labels would provide a shorter announcement while still informing the user of the purpose of these landmarks.
This issue was initially described by Anika Henke.
When the example header’s
<nav>landmarks:are read out by a screen reader, they are announced as ‘GOV.UK One Login menu, navigation’ and ‘Name of example service menu, navigation’.
As the words ‘menu’ and ‘navigation’ could be considered to communicate the same information, removing ‘menu’ from the labels would provide a shorter announcement while still informing the user of the purpose of these landmarks.