Issue Summary

When a screen magnifier user zoom-in the webpage to 200%, a horizontal scrollbar appears on the page.

Note: The same issue has been found on "Crowd directories" page.

Steps to Reproduce

1. Zoom the page upto 200%.
2. Observe that the horizontal scrollbar appears on the page.

Screenshot

Actual Results

When screen magnifier users (ZoomText users) view the page after zooming in upto 200%, a horizontal scrollbar appears.

This made it difficult for low vision users to access the page content and functionality.

Expected Results

Ensure that the page content is displayed using flexible page layouts so that users can access the content with zoom settings turned on. At the minimum the page layouts should support upto 200% zoom and horizontal scrollbar should not appear.

Flexible layouts should be used to display the page content. Dimensions for container elements used to display the page content should be defined using relative units, such as "%", "em", "rem" etc. to ensure that the content fits on the page when zoomed in. If horizontal scrollbar appears when users zoom in, it becomes very difficult for low vision users (screen magnifier users) to access the content as users tend to loose their position on the page.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.0
Chrome - Version 118.0.5993.70 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023 
NVDA- Version 2021.2 
Voiceover - Version Latest