{Freeway-Bug}[Adaptive Cards: Schema Explorer]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds #8164
Labels
A11ySev2
Accessibility issue with severity 2. This may impact the accessibility score
A11yTTValidated
A11yWCAG
Accessibility issue that affects compliance
Area-Accessibility
Bugs around feature accessibility
Area-Renderers
Bug
HCL-AdaptiveCards-Web
Used by accessibility team for scorecard categorization
HCL-E+D
Projects
Target Platforms
Other
SDK Version
1.5
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:
Actual Result:
Color contrast between foreground and background of 'Comment and View' button text is 4.2: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.
MAS Reference link:
https://microsoft.sharepoint.com/:w:/r/sites/accessibility/_layouts/15/Doc.aspx?sourcedoc=%7B9CAF3A19-5244-4FB1-8329-91DCE08BC85E%7D&file=MAS%201.4.3%20%E2%80%93%20Contrast%20(Minimum).docx&action=default&mobileredirect=true
“Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com) “
Screenshots
Card JSON
NA
Sample Code Language
No response
Sample Code
No response
The text was updated successfully, but these errors were encountered: