Skip to content

a11y: navbar and sidebar nav landmarks have no aria-label (landmark-unique) #14376

@cderv

Description

@cderv

Reported in #14373.

Repro: https://github.com/alexpghayes/quarto-accessibility-reprex

axe rule: landmark-unique · impact: moderate · tag: best-practice
Targets: <nav class="navbar navbar-expand-lg">, #quarto-sidebar

The top navbar and the on-page sidebar are both <nav> landmarks without any aria-label. Assistive tech sees two unlabelled navigation regions and cannot distinguish them. Same for the right-hand #quarto-margin-sidebar if surfaced as a <nav>. Each navigation landmark should carry a distinguishing aria-label (e.g. "Site" for the top navbar, "On this page" for the page-local sidebar).

Part of #8706.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilitybugSomething isn't workingthemesRelated to HTML theming or any other style related issue (like highlight-style)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions