Main navigation missing aria-label

[coforma-jamie]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

There are two elements with the role “navigation” – the top nav (beginning with “VA Benefits and Health Care”) and the breadcrumbs – but only the breadcrumbs have a name (aria-label=”Breadcrumb”). As a result, if someone is navigating the site by landmark, it may be unclear what that first “navigation” landmark is for.

What I expected to happen

When a page has more than one "navigation" landmark, I expect each to be labeled so I know what type of navigation it is.

The main nav should have an aria-label:
<nav aria-label="Main">

Reproducing

• CSS Library version:
• Device: Macbook
• Browser: Chrome

Steps to reproduce:

1. Go to a page with more than one navigation landmark, such as VA education and training benefits
2. Turn on VoiceOver
3. Access the rotor menu (VO + U)
4. Arrow to the left until you get to the "Landmarks" menu - note the missing label on the main navigation

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details