microsoft / microsoft/AdaptiveCards

[Adaptive Cards-Designer]: Test Editor area is not adopting high contrast mode in the Designer page.

Open
#8,882 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yMissing_HCLReviewed A11yPwD-AT A11yRT A11ySev3 A11yWCAG AdaptiveCards_Web Area-Accessibility Area-Renderers Bug HCL-AdaptiveCards-Web MissingReviewedDeprecated Product-AC
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test environment:
OS: Win11
OS Version: 24H2 (OS Build 26100.1)
URL:Adaptive Cards
Edge dev Browser version: 125.0.2506.0 (Official build) dev (64-bit)
Screen reader: Narrator.
Mode: HC mode

Prerequisites:
Turn on the High contrast mode form System settings > Accessibility > contrast theme

Repro Steps:

  1. Open URL in the Edge browser & sign in with valid credentials.
  2. It will open the Adaptive cards home page
    3.Activate the designer control and observe the issue on the text edit area in HC mode

Actual Result:
In the designer page, the editor page is not adapting to the high contrast settings mode.

Expected Result:
The text edit area should adapt to the high contrast settings mode, so that low vision users can access the page.

Observation:

  1. Expanded control icon also not visible properly on HC mode on the designer page.
  2. Close button is not properly visible on HC mode [Path: Designer tab> create a new card]

User Experience:
The low vision users will be impacted if the page is not adapting to the high contrast settings, due to which low vision users will not be able to navigate the page.

MAS Reference:
MAS 4.3.1 – No Disruption of Accessibility Features

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

Screenshots
Text edit area is not adopting the HC mode Observation2_Close icon  is not visible in HC mode Observation1_Dropdown icon is not visible in HC mode
Card JSON
NA
Sample Code Language

No response

Sample Code

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the Adaptive Cards URL and reproduce the issue in Windows 11 high contrast mode, following the Designer and “create a new card” paths described in the report. Inspect the Test Editor area, expanded control icon, and close button; done means these controls and the text-edit area visibly adapt to high contrast settings.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.