Use your browser's settings to set the target page's zoom to 400%
Lose of content for menu items
Issue:
Reflow: Content must be visible without having to scroll in two dimensions
Why it matters:
Having to scroll in two directions is difficult for everyone. Having to scroll in the direction of reading makes reading especially difficult for people with certain disabilities, including:
People with low vision, who are more likely to need enlarged text in a single column
People with reading disabilities that make it difficult to visually track long lines of text
People with motor disabilities who find scrolling difficult
How to fix:
Use responsive web design to ensure page content reflows to fit within the window whenever the viewport narrows or the text size changes.
Good: Do not require users to scroll in two directions.
Better: Do not require users to scroll in the direction of reading:
If the text is read horizontally (left-to-right or right-to-left), text should scroll vertically.
If the text is read vertically (top-to-bottom), text should scroll horizontally.
Menu items are now cut off in dropdowns
Steps to replicate:
Issue: Reflow: Content must be visible without having to scroll in two dimensions
Why it matters: Having to scroll in two directions is difficult for everyone. Having to scroll in the direction of reading makes reading especially difficult for people with certain disabilities, including:
How to fix: Use responsive web design to ensure page content reflows to fit within the window whenever the viewport narrows or the text size changes.
Good: Do not require users to scroll in two directions. Better: Do not require users to scroll in the direction of reading:
W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/reflow