search

NuGet / NuGetGallery

NuGet Gallery is a package repository that powers https://www.nuget.org. Use this repo for reporting NuGet.org issues.
https://www.nuget.org/
Apache License 2.0
1.54k stars 645 forks source link

[A11y][WCAG2.1]Some of the contents of API Key page get overlapped when screen is zoom to 400%. #8281

Closed ryuyu closed 4 years ago

ryuyu commented 4 years ago

https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1061307 ​ Environment Details: Application Name: NuGet Service Application URL:https://www.nuget.org/ Windows Version - Windows10 Edge Version-Microsoft Edge 44.18362.449.0 Chrome Version- Version 79.0.3945.130 (Official Build) (64-bit)

Pre-requisite: Set the desktop size value to 1280 x 1024.

Note: Same issue is observed in Upload packages page

Steps to Reproduce : 1.Launch application using provided URL.(https://www.nuget.org/) 2.Navigated to Home page 3.Click on “Sign in” option (top right) and click on “Sign in with Microsoft” button 4.Sign in using MSA on the common Microsoft sign-in page 5.Go to “API Keys” from the context menu (top left menu dropdown). 6.Navigate till "Create Control" and expand it. 7.Observe that some of the contents get overlapped when the screen is zoom to 400%.

Actual: When the screen is zoomed to 400%, Some of the contents present on the screen get overlapped. The below data shown in the screenshot gets overlapped after zooming the screen : Image

Expected: When screen is zoomed to 400%, all the contents present on the screen should not get overlapped and should appear properly on the screen.

User Impact: Low vision users will find difficulty in viewing and reading the content present on the screen when zoomed to 400%.

Notes: See this screenshot: image

agr commented 4 years ago

Duplicate of https://github.com/NuGet/NuGetGallery/issues/8190