-
Notifications
You must be signed in to change notification settings - Fork 894
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
With ui.sidebar_menu_foldable = true
enabled keyboard focus moves to hidden menu items
#1022
Comments
I'll take a look on this issue (hopefully next week). |
@raum51 thanks. The issue comes down to how the
For accessibility reasons, things must be hidden using |
The foldable sidebar nav is using `max-height` transitions to hide subnavs visually, but this approach does not hide visually hidden content from keyboard and screen reader users. Moving to a simple `display: [block/none]` toggle solves the issue.
* Fixing docsy issue #1022 - accessibility of foldable sidebar nav The foldable sidebar nav is using `max-height` transitions to hide subnavs visually, but this approach does not hide visually hidden content from keyboard and screen reader users. Moving to a simple `display: [block/none]` toggle solves the issue. * Improves accessibility of imgproc To be more semantically aligned and to improve accessibility, I propose using <figure> and <figcaption> for images included in this manner, which creates a programmatic association between the image and the additional text, providing more context for screen readers Co-authored-by: LisaFC <lcarey@google.com>
* Fixing docsy issue google#1022 - accessibility of foldable sidebar nav The foldable sidebar nav is using `max-height` transitions to hide subnavs visually, but this approach does not hide visually hidden content from keyboard and screen reader users. Moving to a simple `display: [block/none]` toggle solves the issue. * Improves accessibility of imgproc To be more semantically aligned and to improve accessibility, I propose using <figure> and <figcaption> for images included in this manner, which creates a programmatic association between the image and the additional text, providing more context for screen readers Co-authored-by: LisaFC <lcarey@google.com>
Bumping this topic up to see if a fix was applied for this. We recently had an accessibility audit and this issue in particular was still being flagged. |
yes this was merged - #1028 |
Is this closed by #1028? |
Yes. Verified code at line 151 - https://github.com/google/docsy/blob/main/assets/scss/_nav.scss#L151 |
Current behavior:
With
ui.sidebar_menu_foldable = true
enabled, when using the keyboard only, focus is placed on submenu items that are not visible.Expected behavior:
Only visible elements in the menu are able to receive focus.
The text was updated successfully, but these errors were encountered: