[Adaptive Cards: Schema Explorer]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.

[vagpt]

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/explorer
OS Version: 22H2(OS Build 25247.1000)
Browser Version: Version 110.0.1543.0 (Official build) dev (64-bit)
Tool: Accessibility Insight For Web

Repro Steps:

1. Open the above URL in the browser.
2. Run the accessibility insight for web tool and observe the issue.

Actual Result:
Color contrast between foreground and background of 'Comment and View' button text is 4.385:1 which is less than 4.5:1.

Expected Result:
Color contrast ration between foreground and background of 'Comment and View' button text should be equal to greater than 4 .5:1.

Note:
Same issue is repro under 'Activity Update' screen as well.

User Impact:
It will impact the low vision user if the contrast ratio of text is less than 4.5:1 as they will face difficulties to see the elements properly.

Element path:
button[aria-label="View"] > div

How to fix:
Fix any of the following:
Element has insufficient color contrast of 4.41 (foreground color: #0079db, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1.

WCAG Reference link:
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color

“ Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section”

Screenshots

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

[vagpt]

This issue is not repro hence closing this issue.