Description
Note: Same issue is observed throughout the application.
Impact on a Person with Disability (PWD):
Low vision users will get impacted if scrolling will not work in only one way in a vertical way. Here, when the user resizes the page to 400% then horizontal scrolling appears and if horizontal scrolling appeared then users need to scroll the page in a vertical and horizontal way and this behavior will irritate users.
Test Environment:
OS: Windows 11 [Version 23H2 (OS Build 22631.2715)]
Browser: Edge Version (119.0.2151.97), Chrome Version (119.0.6045.200)
URL: Work items - Boards (visualstudio.com)
Zoom: 400%
Pre-requisites:
Step 1: Enable Display setting to a scale resolution of 1280*1024 and update scaling to 100%.
Step 2: Enable the browser setting to 400% zoom mode and reload the page.
Repro Steps:
Step 1: Open MCAPS ADO in Edge/Chrome browser.
Step 2: Navigate to 'Retrospective' in left navigation and invoke it.
Step 3: Navigate to the Votes tab.
Step 4: Verify whether in 400% zoom mode, Horizontal scroll bar is getting displayed for the page or not.
Actual Result:
In 400% zoom mode, Horizontal scroll bar is getting displayed for the page.
Current Observation: Both Horizontal and Vertical scroll bar are getting displayed for the page.
Expected Result:
In 400% zoom mode, Horizontal scroll bar should not get displayed for the page.
Ensure that: Horizontal scroll bar should not get displayed for the page, Content or controls should be properly visible without getting truncated or overlapped
MAS Reference:
MAS 1.4.10 – Reflow.
WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
AzDO Reference Link:
https://worldwidelearning.visualstudio.com/MCAPS%20Accessibility/_workitems/edit/1713339