Skip to content

Nav eval > Unauthenticated nav landmark

Problem

When unauthenticated, the top navigation bar is not identified as a navigation landmark. The Landmarks extension correctly guesses that's the intent, but we can be more explicit. As a result, the list of links is just that, but not clearly defined as navigation.

Unauthenticated navigation

Unauthenticated GitLab navigation

Landmarks Accessibility tree
Landmarks plugin guessing about nav Accessibility tree

Solution

Wrap the top bar navigation in a <nav> element and give it a meaningful name with aria-label. For example, <nav aria-label="Explore GitLab">….

Edited by Jeremy Elder