search

microsoft / moaw

Grab-and-go resources to help you learn new skills, with all the tools you need to create, host and share your own workshop
https://aka.ms/moaw
Creative Commons Attribution Share Alike 4.0 International
108 stars 83 forks source link

In High contrast Aquatic theme maow link is not visible: A11y_Maow_Home Page_Usability. #110

Closed AnKushSingh05 closed 5 months ago

AnKushSingh05 commented 7 months ago

GitHub Tags

A11yTCS; #A11ySev4; #ChromiumEdge; #Win11; #GH_Maow_Web_Mar24; #DesktopWeb; #Maow; #HighContrast; #A11yUsable; #A11yUsableHigh:#Closed;

Environment Details:

Application Name: Maow

URL: https://moaw.dev/

OS: Windows 11 Enterprise 23H2 (OS build 22631.3296) Microsoft Edge: Version 122.0.2365.92 (Official build) (64-bit)

Repro Steps:

Hit the URL https://moaw.dev/ Moaw screen will get open. TAB till header section. Verify that Multiple H1 heading is defined on the home page or not.

Actual:

In High contrast Aquatic theme maow link is not visible

Expected:

In High contrast Aquatic theme maow link should be visible

User Impact:

Color sensitive users who rely on high contrast modes are getting impacted if maow link is not visible.

Attachment:

Normal View Screenshot (1668)

After applying aquatic theme Screenshot (1669)

sinedied commented 5 months ago

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

AnKushSingh05 commented 5 months ago

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

https://github.com/microsoft/moaw/assets/124244478/6270dfe8-acec-425a-b42d-4de45cc7bfd3

sinedied commented 4 months ago

:tada: This issue has been resolved in version 1.5.0 :tada:

The release is available on npm package (@latest dist-tag)

Your semantic-release bot :package::rocket: