wagtail.org icon indicating copy to clipboard operation
wagtail.org copied to clipboard

Mobile menu navigation items are inaccessible at full-page zoom

Open shyusu4 opened this issue 1 year ago • 0 comments

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

shyusu4 avatar Jan 31 '24 11:01 shyusu4