microsoft / microsoft/AdaptiveCards

{Linked:Bug2509197}[Adaptive Card-Schema Explorer- Input.Date]: 'Clear' and 'Today' buttons in calendar pop-up is appearing as links in HC mode.

Open
#7,714 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yMissing_HCLReviewed A11yRT A11ySev3 A11yWCAG AdaptiveCards_Web Area-Accessibility Area-Renderers Bug HCL-AdaptiveCards-Web HCL-E+D 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.5

Application Name

Adaptive Cards

Problem Description

Test Environment:
OS Build: Windows 11 Version Dev(OS Build 22523.1000)
Browser: Edge Dev Version 98.0.1108.13 (Official build) dev (64-bit)
URL: Schema Explorer | Adaptive Cards

Pre-requisites:
Settings > Accessibility > Contrast themes > "Aquatic" and "Dessert" modes.

Repro Steps:
Open the above URL.
Schema Explore Input.Date Page will be appear.
Navigate to Date Input field in Adaptive Card and activate it.
Calendar Pop-up will be appear.
Observe the issue for 'Clear' and 'Today' Button.
Actual:
'Clear' and 'Today' buttons in calendar pop-up is appearing as links in high-contrast mode.

Expected:
'Clear' and 'Today' buttons in calendar pop-up should not appear as links in high-contrast mode.
Buttons should contains rectangular boarder around the text to appear as button.

User Impact:
When content or components disappear in high contrast modes or they don’t appear as interactive elements, customers who rely on that feature are blocked from information and functionality of the full user experience within the site/app.

MAS Reference:
MAS 4.3.1 - No Disruption of Accessibility Features

“Have feedback to share on Bugs ? Please help fill Trusted Tester Bug Feedback (office.com)

Screenshots
MAS4 3 1 'Clear' and 'Today' buttons in calendar pop-up is appearing as links 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

Start at the Schema Explorer Input.Date page linked in the issue and reproduce the calendar popup with Windows high-contrast themes enabled in Edge. Inspect the date input popup styling and verify that the Clear and Today controls have visible rectangular button borders rather than appearing as links.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.