A11y_Playwright.dev_Usability: Links present under "Cross-language" and "Powerful Tooling" are not underlined when we are navigating using the keyboard.

[Raghu-addepalli]

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

GitHub Tags:

#A11yUsable;#A11yTCS;#Playwright releases;#P1_Playwright.dev_Web_Jan2024;#A11ySev4;#A11yusablehigh;#ChromiumEdge;#DesktopWeb;#FTP;#Win11;#P1_WCP

Environmental Details:

App Name: Playwright.dev
#URL: https://playwright.dev/java/

OS & Browser Details:

Microsoft Windows 11 Enterprise
Version 22621.3007
Microsoft Edge
Version 120.0.2210.144 (Official build) (64-bit)

Repro Steps:

1. Hit the URL: https://playwright.dev/java/
2. Now TAB to Links present under "Cross-language" and "Powerful Tooling".
3. Now check that Links are underlined when we are navigating using the keyboard or not.

Actual results:

For Links present under "Cross-language" and "Powerful Tooling", Only color is used to differentiate between link and normal text.

Note: Similar issue is also observed in below links where the links are available.

https://playwright.dev/docs/test-assertions
https://playwright.dev/docs/running-tests
https://playwright.dev/docs/locators
https://playwright.dev/docs/api/class-locator
https://playwright.dev/docs/writing-tests
https://playwright.dev/docs/api/class-playwright
https://playwright.dev/docs/intro
https://playwright.dev/docs/api/class-page

Expected results:

For Links present under "Cross-language" and "Powerful Tooling", Only color should not used to differentiate between link and normal text Underline should be use.

User Impact:

People with visual impairments will face difficulty to differentiate the links with the normal text if the links are not associated with underline.

Attachments:

4.2.mp4