Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Expandable nav items in the left sidebar are not keyboard accessible #12116

Open
glin opened this issue Feb 18, 2025 · 0 comments
Open

Expandable nav items in the left sidebar are not keyboard accessible #12116

glin opened this issue Feb 18, 2025 · 0 comments
Labels
accessibility bug Something isn't working websites Issues creating websites

Comments

@glin
Copy link

glin commented Feb 18, 2025

Bug description

This is a similar issue to #10284 (comment)

The expandable nav items in the left sidebar are not keyboard or screen reader accessible because they use anchor tags without href attributes. I found a related open issue about expandable nav items that could cover this issue, at #4935. But I think a quick fix here could help a lot before taking the more complicated changes from #4935

As an alternative to an empty href="", I have seen some sites also just link to the first page in the list. For example, in a MkDocs Material site: https://docs.posit.co/rspm/2024.11.0/admin/. The Getting Started expandable item doubles as a link to the Requirements page. Once you're on the Requirements page, the Getting Started expandable item switches back to a expand/collapse button only.

Steps to reproduce

  1. Navigate to https://quarto.org/docs/guide/
  2. Press the Tab key until you reach the Guide link on the left sidebar
  3. Press the Tab key again

Actual behavior

  • Keyboard focus will skip the Authoring, Computations, Tools, Documents, Presentations expandable items and go straight to the Dashboards link

Expected behavior

  • Users should be able to navigate to expandable nav items using a keyboard
    • Then expand the nav item with the Enter button (already seems to work)

Your environment

No response

Quarto check output

(Using the Quarto website for testing), but the local version we have is Quarto 1.6.39

@glin glin added the bug Something isn't working label Feb 18, 2025
@mcanouil mcanouil added accessibility websites Issues creating websites labels Feb 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility bug Something isn't working websites Issues creating websites
Projects
None yet
Development

No branches or pull requests

2 participants