Issue Summary

On the "Header" region the content in the modal dialog is not available on the browser's zoom functionality at 200 percent.

Steps to Reproduce

1. Navigate to the header region.
2. Navigate to the “feedback” link present in the header region and activate it.
3. Observe the modal dialog "Help us improve jira" gets added on the page.
4. Follow the below steps for the browser's zoom functionality →

• Go to Chrome settings

• Zoom

• Set zoom to 200%.

Screenshot

Actual Result

When a low-vision user magnifies the page with the help of the browser's zoom functionality(at 200 % zoom), text such as “close” is not available

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 the 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.

Workaround

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

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.3.1 (a) (22E772610a)
Chrome - Version 113.0.5672.63 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest