Skip to content

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

Open

Description

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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions