ARIA expanded pattern on sidebar navigation #9458
Labels
bug
An error in the Docusaurus core causing instability or issues with its execution
domain: a11y
Related to accessibility concerns of the default theme
help wanted
Asking for outside help and/or contributions to this particular issue or PR.
Have you read the Contributing Guidelines on issues?
Prerequisites
npm run clear
oryarn clear
command.rm -rf node_modules yarn.lock package-lock.json
and re-installing packages.Description
The ARIA attribute
aria-expanded
is placed on each link that has a subsectionFor example the Guides link on https://docusaurus.io/docs/next/category/guides
They should be on the
button
that collapses or expands the sublistReproducible demo
No response
Steps to reproduce
Expected behavior
Expected accessibility tree:
I think the accessible name of the button can also be shorter, the
aria-expanded
is already conveying the state, we don't need to keep "Collapse side category" or "Open sidebar category"Related article: https://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html
Actual behavior
Current accessibility tree:
Your environment
Self-service
The text was updated successfully, but these errors were encountered: