search

wagtail / wagtail.org

Wagtail’s official marketing website
https://wagtail.org/
66 stars 60 forks source link

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

Open shyusu4 opened 7 months ago

shyusu4 commented 7 months ago

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