On navigating with TAB key keyboard in Trace Viewer page focus is not visible on "Pick Locator" button.: A11y_Playwright OSS releases_Keyboard

[ganagdhar123]

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags:

#A11yTCS;#Playwright OSS Releases;#BM_PlaywrightOSSReleases_Web_Dec2024;#ChromiumEdge;#DesktopWeb;#FTP;#Win11;#A11ySev2;#A11yMAS;#WCAG2.4.7;

Environmental Details:

App Name: Playwright OSS releases
#URL: https://playwright.dev/
OS & Browser Details:
Microsoft Windows 11 Enterprise
Version 26100.3323
Microsoft Edge
Version 131.0.2903.99 (Official build) (64-bit)

Repro Steps:

1. Hit the URL: https://playwright.microsoft.com/workspaces/eastus_cdbdcaba-d6e1-47a0-80b2-e586bb4a7247 and sign in with workspace account.
2. "Home" page will appear. TAB to any "Test run" and hit ENTER key.
3. TAB to any test case and hit ENTER key. TAB to "View trace viewer" button and hit ENTER key.
4. TAB to "Pick locator" button.
5. Observe that On navigating with keyboard Tab key in focus is visible on "pick locator" or not.

Actual:

On navigating with TAB key keyboard in Trace Viewer page focus is not visible on "Pick Locator" button
Note: Similar issue is observed in "Network" Scenarios "Copy as cURL" and "Copy Fetch" button also.

Expected:

On navigating with TAB key keyboard in Trace Viewer page focus should be visible on "Pick Locator" button.

User Impact:

Keyboard only users will face difficulty in accessing the control if the focus is not visible on the controls.

Attachment:

2305991_ A11y_Microsoft Playwright Testing service dashboard_View trace viewer_kebaord.zip