On Reflow "Awesome-Azd" page is accessible with 2 scroll bars: A11y_Awesome AZD_ Template library_Search_Reflow.

[Harika1702]

Tags:

#A11yTCS; #A11ySev3; #A11yMAS; #WCP; #ChromiumEdge; #FTP; #Win11; #awesome-azd-wcp; #Feature_AwesomeAZD_Web_Mar2024; #WCAG1.4.10; #Reflow; #DesktopWeb; #A11yWCAG2.1; #Zoom;

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Environment Details:

Application: Awesome AZD
URL: https://azure.github.io/awesome-azd/
Chromium Edge: Version 123.0.2420.20
Windows 11 Enterprise.
Version 23H2 OS build 22631.2050.

Repro Steps:

1. Hit this URL: https://azure.github.io/awesome-azd/.
2. Now apply reflow.
3. Now verify the issue that on reflow page is accessible with 2 scroll bars or not.

Actual Result:

On Reflow "Awesome-Azd" page is accessible with 2 scroll bars.

Expected Results:

On Reflow the "Awesome-Azd" page should be accessible with either horizontal or vertical scroll bar without any truncations and overlapping.

User Impact:

Low visibility users will face difficulty to access the page data if it is accessible with 2 scroll bars.

Attachment:

343_A11y_Awesome.AZD_.Template.library_Search_Reflow.mp4