A11y_trace.playwright.dev_Home page_HighContrast: After applying the Aquatic and Desert modes, we are unable to differentiate the "Select File" button from the static text.

[SachinChavhan317]

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

GitHub Tags:

#A11yTCS;#Playwright releases;#P3_trace.playwright.dev_Web_Jan2024;#A11ySev4;#ChromiumEdge;#DesktopWeb;#A11yUsable;#A11yUsablehigh;#HighContrast;#Win11;#P3_WCP;

Environmental Details:

Application Name: trace.playwright.dev
#URL: https://trace.playwright.dev/

OS & Browser Details:

Windows 11 Enterprise Insider Preview
OS build 26025.1000
Microsoft Edge
Version 122.0.2348.0 (Official build) dev (64-bit)
Chrome Version: Version 120.0.6099.225 (Official Build) (64-bit)

Pre-requisites :

Setting > Accessibility > Contrast Themes > (Desert/Aquatic)

Repro Steps:

1. Hit on this URL: https://trace.playwright.dev
2. "Drop Playwright Trace to load" page will appear.
3. Apply high contrast theme
4. Verify whether after applying the Aquatic and Desert modes, we are able to differentiate the "Select File" button from the static text or not.

Actual Result:

After applying the Aquatic and Desert modes, we are unable to differentiate the "Select File" button from the static text.

Expected Result:

After applying the Aquatic and Desert modes, we should be able to differentiate the "Select File" button from the static text.

User Impact:

Color sensitive users who rely on High contrast modes will be impacted if focus indicator is not properly visible for "Select file" controls, In Aquatic and Desert mode. Users will be unable to identify the focused control. This will impact their desired task.

Attachment:

Aquatic -

Desert -