Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"Workshop", "Contribute" and "Github" link is not visible on applying reflow settings(320px*256px): A11y_Maow_Home Page_Reflow #111

Closed
AnKushSingh05 opened this issue Mar 21, 2024 · 2 comments
Assignees
Labels
accessibility A11y related issues

Comments

@AnKushSingh05
Copy link

AnKushSingh05 commented Mar 21, 2024

GitHub Tags

#A11yTCS; #A11ySev2; #Win11; #GH_Maow_Web_Mar24; #DesktopWeb; #Maow; #Reflow: #A11YWCAG2.1; #A11yMAS; #WCAG1.4.10;#Closed;

Environment Details:

Application Name: Maow
#URL: https://moaw.dev/
Operating system: Windows 11
Enterprise Insider Preview 22H2 (OS build 25324.1000)
Microsoft Edge: Version 118.0.2048.1 (Official build) dev (64-bit)

Pre-requisites:

  1. Open Chrome/Edge dev Inspect tools. Keyboard shortcut "Ctrl+Shift+I"
  2. Ensure devtools are customized to Dock location: "undock into separate window". Minimize devtools so they are not obscuring the page.
  3. Zoom the browser window of the page to be tested to 200%.
  4. Adjust the browser window's height and width to the required viewport of 320px*256px.
  5. After Refresh the browser window.

Alternatively:

  1. Change the OS display settings to a resolution of 1280x1024 at 100% dpi scaling.
  2. Open the web page / screen of the web application that is to be tested.
  3. Adjust the browser window’s zoom level to 400%.
  4. Set the browser to full screen. Keyboard shortcut "F11" key.
  5. If any browser sidebars are still visible (e.g., the Edge discover sidebar), these must be closed.

Repro Steps:

  1. Hit the URL https://moaw.dev/
  2. Moaw screen will get open.
  3. TAB till Github link.
  4. Verify that "Workshop", "Contribute" and "Github" link is not visible on applying reflow settings(320px*256px) or not.

Actual:

"Workshop", "Contribute" and "Github" link is not visible on applying reflow settings(320px*256px)

Expected:

"Workshop", "Contribute" and "Github" link should be visible on applying reflow settings(320px*256px)

User Impact:

Low vision users will not be able to see the links if not visible after applying the reflow.

Attachment:

Bug_111

@sinedied sinedied added the accessibility A11y related issues label Mar 25, 2024
@AnKushSingh05 AnKushSingh05 changed the title "Github" link is not visible on applying reflow settings(320px*256px): A11y_Maow_Home Page_Reflow "Workshop", "Contribute" and "Github" link is not visible on applying reflow settings(320px*256px): A11y_Maow_Home Page_Reflow Mar 26, 2024
@sinedied sinedied self-assigned this May 15, 2024
@sinedied
Copy link
Collaborator

@AnKushSingh05 this one has been fixed, could you validate it?

@AnKushSingh05
Copy link
Author

Verified the issue in below environment
https://moaw.dev/
Issue is fixed. Hence closing the bug

Uploading Bug_fixed_111.mp4…

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility A11y related issues
Projects
None yet
Development

No branches or pull requests

2 participants