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

{Linked:Bug4815270}[Adaptive Cards > Designer] - In dark mode, the color contrast ratio of 'Learn more', w.r.t background color is 2.23:1, which is less than 4.5:1 #9070

Open
vagpt opened this issue Dec 10, 2024 · 0 comments
Labels
A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance AdaptiveCards_Web a11y tag Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D

Comments

@vagpt
Copy link
Collaborator

vagpt commented Dec 10, 2024

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/designer/
Version 24H2(OS build 26100.2033)
Edge dev Version 132.0.2945.0 (Official build) dev (64-bit)
Tool: Accessibility Insight For Web

Pre-Requisite:
Run the below attached JSON file under 'Copy Card Payload editor.'
Enable the Dark Mode.

Repro Steps:

  1. Open the above URL on the EDGE Dev browser.
  2. Run the Json file.
  3. Navigate to the Preview mode and press enter key to activate it.
  4. Open the tool and check the contrast ratio for the Learn more link and observe the issue.

Actual Result:
In dark mode, the color contrast ratio of 'Learn more', w.r.t background color is 2.23:1, which is less than 4.5:1.

Expected Result:
In dark mode, the contrast ratio of Learn more link should be greater than or equal to 4.5:1._

User Impact:
Most people find it easier to read text when it has a sufficiently high contrast against its background. People with visual disabilities, low vision, limited color perception, or presbyopia are likely to find text unreadable when contrast is too low.

WCAG Reference Link:
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum

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

Screenshots

Image

json file for bug.txt

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

@vagpt vagpt added A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance AdaptiveCards_Web a11y tag Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D labels Dec 10, 2024
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 A11yWCAG Accessibility issue that affects compliance AdaptiveCards_Web a11y tag Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D
Projects
None yet
Development

No branches or pull requests

1 participant