Issue Summary

On the "Filter board" page the content is not available on browser's zoom functionality at 200 percent.

Steps to Reproduce

1. Navigate to the page in the screenshot.
2. Follow below steps for browser's zoom functionality →

• Go to Chrome settings

• Zoom

• Set zoom to 200%.

Actual Result

When low vision user magnifies the page with the help of browser's zoom functionality(at 200 % zoom), part of the content is cut off.

Expected Result

Ensure that all the page content is visible when zoomed in. Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when zoomed in. 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.

Screenshot

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest