Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

{Freeway-Bug}[Adaptive Cards: Schema Explorer]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds #8164

Closed
vagpt opened this issue Dec 20, 2022 · 1 comment
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

Comments

@vagpt
Copy link
Collaborator

vagpt commented Dec 20, 2022

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:

  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.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

MAS1 4 3-Luminosity ratio for the comment and view button text is less than 4 5 1
MAS1 4 3-CCA is less than 4 5 1 for comment and view text

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

@ghost ghost added this to Not Triaged in Triage Dec 20, 2022
@vagpt vagpt added Area-Accessibility Bugs around feature accessibility A11ySev3 Accessibility issue with severity 3 A11yWCAG Accessibility issue that affects compliance HCL-E+D HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization labels Dec 20, 2022
@paulcam206 paulcam206 moved this from Not Triaged to P2 in Triage Mar 6, 2023
@Raisul123 Raisul123 added A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score and removed A11ySev3 Accessibility issue with severity 3 labels Jun 15, 2023
@vagpt vagpt changed the title [Adaptive Cards: Schema Explorer]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds {Freeway-Bug}[Adaptive Cards: Schema Explorer]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds Jun 15, 2023
@vagpt
Copy link
Collaborator Author

vagpt commented Jun 23, 2023

Closing this issue as of now this issue is being tracked using below URL.

#8574

@vagpt vagpt closed this as completed Jun 23, 2023
Triage automation moved this from P2 to Closed Jun 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Triage
Closed
Development

No branches or pull requests

2 participants