Issue Summary

On the "Calendar" page the content is not available on browser's zoom functionality at 200%.

Steps to Reproduce

1. Open confluence dc test env URL-https://instenv-370431-8mbh.instenv.internal.atlassian.com/calendar/mycalendar.action
2. Navigate to "Calendar" in the header section
3. Navigate to the main content area.
4. Follow below steps for browser's zoom functionality →

• Go to Chrome settings
• Zoom
• Set zoom to 200%.

Screenshot

Actual Results

When a low vision user magnifies the page using the browser's zoom functionality (at 200% zoom), the "Subscribe" button overlaps with the "Timeline" button, causing accessibility issues.As a result, this made it difficult for low vision users to access the page content and functionality.

Expected Results

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.

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest