Links text and buttons UI are Overlapping with Zoom 200%, 400%, Text Scaling & High Dpi
Environment Details
OS version: Windows11 version 21H2 (OS build 22000.856) Edge version: 104.0.1293.47
Repro Steps:
- Open URL: Document (1).mhtml
- Apply text size to 200% and resolution 1280x720.
- And observe that "my heading is a list item" and "example" texts are getting to overlap
Actual Result:
After resizing and reflowing text is getting to overlap
Expected Result:
After resizing and reflowing text should not get overlapped
Screenshot Attachment:
Hello! The link is not working. It takes me to a Microsoft login page.
Hi Team,
Here is the open URL to reproduce the issue https://zorana-jankovic.github.io/example/#/
It is like trying to render desktop content on mobile if you zoom in like that. Why do you need to zoom like that? What do you think the solution should be?
Hi,
This is the common way low vision users can see the content without confusion.
According to the https://www.w3.org/WAI/WCAG21/Understanding/resize-text and https://www.w3.org/WAI/WCAG21/Understanding/reflow WCAG rules the content should not get overlapped.
Hi @msftedad
Please let us know your plans on fixing this bug so that our team will regress and close it which makes the product compliant.
Hi @trusktr
Any update on the above bug ? Please let us know your plans on fixing this bug.
Hi @trusktr
Any update on the above bug?
Hello @trusktr
Can you provide an update on this please
Hi @trusktr , Can you please provide an update on this please. Thanks
Hi @trusktr , Can you please provide an ETA for the fix
Hi Team, is there any update on this bug?
Hi Team, Is there any update on this issue?
Hi Team, Is there any update on this issue?