[Supporting Platform - BOT Framework - Web Chat > Adaptive Card inputs]: In High contrast (Aquatic, Desert, Dusk, Night sky) themes, 'Show date picker' control is not visible.

[KattaBhargav]

User Experience:

Color sensitive users who use high contrast themes will be impacted as they get confused if elements are not visible and the user's perception and experience will be impacted.

Note

User credentials should NOT be included in the bug.

Prerequisite:

Turn on High Contrast themes. Path: System Settings->Search and select 'Contrast themes'.

Repro Steps:

1. Launch URL: https://microsoft.github.io/BotFramework-WebChat/01.getting-started/a.full-bundle/ on edge dev.
2. Web chat page opens.
3. Press 4-tab keys to reach 'Type your message' field. Enter the "Help" keyword on it. Press 1-tab key to reach the 'send' button and activate it with the enter key.
4. Press 2-shift tabs and 1-down arrow to reach the received card.
5. Verify whether in high contrast 'Show date picker' control is visible or not.

Actual Result:

In High contrast (Aquatic, Desert, Dusk, Night sky) themes, 'Show date picker' control is not visible.

Expected Result:

In High contrast (Aquatic, Desert, Dusk, Night sky) themes, 'Show date picker' control should be visible.

MAS Reference:

MAS 4.3.1 – No Disruption of Accessibility Features

Reference Links:

• Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
• External Bug Process: If this bug belongs to the external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this link. “HCL Staff should not log any third-party external bugs. Should be routed to edad team”.
• Please reach out to the C&AI Teams channel for any process-related queries.

Test Environment:

• OS: Windows 11 Enterprise 22H2 (OS build: 22621.1555)
• Browser: Edge Version 114.0.1807.6 (Official build) dev (64-bit)
• URL: Web Chat: Full-featured bundle (microsoft.github.io)
• Matrix: Edge dev+ Narrator.

[KattaBhargav]

A11yMAS;#A11ySev3;#HCL;#MAS4.3.1;#Accessibility;#Benchmark;#Win11-Edge(Chromium);#BotFrameworkWebChat-May23;

[compulim]

I could not repro it with Aquatic high contrast under Edge.

@KattaBhargav could you attach a screenshot here?

[Kirank915]

@compulim verified the issue on https://microsoft.github.io/BotFramework-WebChat/01.getting-started/a.full-bundle/ and observed that issue is still repro. In normal mode calendar control icon is clearly visible but icon is not visible in high contrast modes (aquatic, desert, dusk and Night sky).