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

A11y_Chat window_HighContrast:Cross button is not visible in desert HC mode. #4559

Closed
compulim opened this issue Dec 8, 2022 · 0 comments · Fixed by #4619
Closed

A11y_Chat window_HighContrast:Cross button is not visible in desert HC mode. #4559

compulim opened this issue Dec 8, 2022 · 0 comments · Fixed by #4619
Labels
area-accessibility bug Indicates an unexpected problem or an unintended behavior. external-copilot-studio
Milestone

Comments

@compulim
Copy link
Contributor

compulim commented Dec 8, 2022

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

Users viewing the page in HC mode will face difficulties.

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?

https://web.powerva.microsoft.com/environments/839eace6-59ab-4243-97ec-a5b8fcc104e4/bots/107725f1-d827-41a4-8375-c91d1a97affc

How to reproduce the issue?

Pre-Requisite:
Set Contrast theme to desert theme.

  1. Launch the application using URL: Home - Test | Power Virtual Agents (microsoft.com)
  2. Tab till chat box and press enter to open it.
  3. Press tab key to navigate to cross button.

What do you expect?

Cross button should be clearly visible in HC mode.

What actually happened?

Cross button is not visible in desert HC mode.

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

image

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

No response

MAS reference

https://aka.ms/MAS4.3.1

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

The color use in SVG should be a CSS system color of "text color"

@compulim compulim added bug Indicates an unexpected problem or an unintended behavior. area-accessibility customer-reported Required for internal Azure reporting. Do not delete. Bot Services Required for internal Azure reporting. Do not delete. Do not change color. external-copilot-studio labels Dec 8, 2022
@compulim compulim added this to the imminent milestone Dec 8, 2022
@compulim compulim removed customer-reported Required for internal Azure reporting. Do not delete. Bot Services Required for internal Azure reporting. Do not delete. Do not change color. labels Dec 8, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-accessibility bug Indicates an unexpected problem or an unintended behavior. external-copilot-studio
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant