vitepress icon indicating copy to clipboard operation
vitepress copied to clipboard

accessibility: prev / next navigation landmark does not have a unique name

Open gorlanova opened this issue 1 year ago • 0 comments

Describe the bug

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination Currently, the nav at the bottom of the page containing "prev" and "next" links does not It makes it hard for accessibility tools to understand the difference between this one and the main one

Reproduction

Navigate to a doc page having "prev" or "next" navigation (or both) at the bottom Inspect the accessibility of the nav component, it does not have an accessible name

Triggers an error in Axe Devtools

Expected behavior

Should have an accessible name to be distinct from main navigation (ideally, main navigation should have an accessible name too)

System Info

System:
    OS: macOS 14.2.1
    CPU: (8) arm64 Apple M2
    Memory: 393.92 MB / 24.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.2.5 - /usr/local/bin/npm
    pnpm: 8.9.2 - /opt/homebrew/bin/pnpm
  Browsers:
    Safari: 17.2.1
  npmPackages:
    vitepress: ^1.0.0-rc.31 => 1.0.0-rc.35

Additional context

Screenshot 2024-01-29 at 15 49 37

Validations

gorlanova avatar Jan 29 '24 14:01 gorlanova