{Freeway-Bug}[TSDoc> Search] - Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds for the total search count. #241
Test Environment:
Version: Version 24H2 (OS Build 26231.5000)
Browser Version: 127.0.2638.2 (Official build) dev (64-bit)
URL: https://tsdoc.org/
Tool: Accessibility Insights for Web
Repro Steps:
Open the above URL in edge dev browser and login with v-.
Press the tab key and navigate to the 'Search' field and press enter key to activate it.
Run the fast pass of accessibility insights for web.
Observe the issue.
Actual Result:
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds for the total search count.
Luminosity ratio for the Total search count is 4.168:1 which is less than 4.5:1.
Expected Result:
Luminosity ratio for the total search count should be equal to or greater than 4.5:1.
How to fix:
Fix any of the following:
Element has insufficient color contrast of 4.16 (foreground color: #707783, background color: #f5f6f7, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1
User Impact:
It will impact the low vision user as they will not be able to see the search result properly if the contrast ratio is less than 4.5:1.
Test Environment: Version: Version 24H2 (OS Build 26231.5000) Browser Version: 127.0.2638.2 (Official build) dev (64-bit) URL: https://tsdoc.org/ Tool: Accessibility Insights for Web
Repro Steps:
Actual Result: Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds for the total search count. Luminosity ratio for the Total search count is 4.168:1 which is less than 4.5:1.
Expected Result: Luminosity ratio for the total search count should be equal to or greater than 4.5:1.
Element path: a[href="/search/?q=tag"]
Snippet: See all 120 results
How to fix: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #707783, background color: #f5f6f7, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1
User Impact: It will impact the low vision user as they will not be able to see the search result properly if the contrast ratio is less than 4.5:1.
WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum
Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.