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.

Sign up for GitHub

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

Jump to bottom

Mobile menu navigation items are inaccessible at full-page zoom #456

Open
shyusu4 opened this issue Jan 31, 2024 · 0 comments
Open

Mobile menu navigation items are inaccessible at full-page zoom #456

shyusu4 opened this issue Jan 31, 2024 · 0 comments

Comments

@shyusu4
Copy link
Member

shyusu4 commented Jan 31, 2024 •
edited

Issue

When zooming in 200% or more on the website, some navigation items in the mobile menu become inaccessible.

Mobile menu displaying inaccessible navigation items when the page is zoomed in.

Steps to reproduce
Arrive on the site at 200% zoom or more and open the menu toggle.

Suggested fix
Adjust scrolling styles on .header__nav--mobile.is-visible to make sure the whole height of the element’s children is reachable via scrolling.

Reference
Wagtail.org | Accessibility audit spreadsheet
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@shyusu4