Keyboard focus is not visible on the control present below Open a terminal and clone the forked repository: A11y_Maow_Follow a workshop_Prerequisites_Focus Visible.

[AnKushSingh05]

GitHub Tags

#A11yTCS; #A11ySev2; #ChromiumEdge; #WCAG2.4.7; #Win11; #GH_Maow_Web_Mar24; #DesktopWeb; #Maow; #TabStop: #focus Visible; #A11yAuto; #A11yMAS;#Closed;

Environment Details:

Application Name: Maow
#URL: https://moaw.dev/workshop/create-workshop/?step=0#
OS: Windows 11 Enterprise 23H2 (OS build 22631.3296)
Microsoft Edge: Version 122.0.2365.92 (Official build) (64-bit)

Repro Steps:

1. Hit the URL https://moaw.dev/workshop/create-workshop/
2. Create A Workshop screen will get open.
3. TAB till "Prerequisites" section.
4. Verify that the Keyboard focus is not visible on the control present below Open a terminal and clone the forked repository or not.

Actual Result:

Keyboard focus is not visible on the control present below Open a terminal and clone the forked repository when we are navigating using the tab key.

Expected Result:

The expected behavior is that keyboard focus should be visible when navigating through the tab key on the control present below Open a terminal and clone the forked repository

User Impact:

People with motor disabilities, such as those who use a keyboard or switch device to navigate, are unable to access content due to the missing keyboard focus. This can lead to frustration and exclusion from the content.

Attachment:

[sinedied]

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

[AnKushSingh05]

Verified the issue in below environment
https://moaw.dev/workshop/create-workshop/?step=0#prerequisites
Issue is fixed. Hence closing the bug

Bug_118_Fixed.mp4