Skip to content

A11y_chat window_HighContrast: In aquatic and desert modes, 'Retry' control is not visually appearing as interactive control. #4558

@compulim

Description

@compulim

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

No response

What browsers and screen readers do this issue affect?

Windows: Edge with Windows Narrator, Windows: Chrome with NVDA, Windows: Chrome/Firefox with JAWS

Are there any code-based customization done to Web Chat?

No, I am using Web Chat without any customizations except "styleOptions".

What version of Web Chat are you using?

Latest production

Which area does this issue affect?

Contrast ratio, Forced colors (high contrast mode)

What is the public URL for the website?

No response

How to reproduce the issue?

  1. On Windows, turn on high contrast mode with a light theme, such as Aquatic or Desert
  2. Navigate to https://compulim.github.io/webchat-loader/ and start a chat
  3. Turn on airplane mode
  4. Type "hello" to the bot
  5. Wait until it failed to send

What do you expect?

The "Send failed. Retry." message should clearly show "Retry" is a link by using the link color defined in Aquatic or Desert high contrast mode.

What actually happened?

The "Retry" button is not clearly shown as a link button.

Do you have any screenshots or recordings to repro the issue?

image

image

image

Did you find any DOM elements that might have caused the issue?

No response

MAS reference

No response

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

In High Contrast mode, the "Retry" button/link should be in hyperlink color

https://msazure.visualstudio.com/CCI/_workitems/edit/15603122

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions