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

Dark mode - CSAT rating options do not have visible text in dark mode #5404

Open
chandylan opened this issue Jan 8, 2025 · 0 comments
Open
Labels
area-accessibility Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete.

Comments

@chandylan
Copy link

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

Dark mode users will not be able to distinguish rating options

What browsers and screen readers do this issue affect?

Windows: Chrome with NVDA

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

Yes, however, this also repro when customizations are not in use.

What version of Web Chat are you using?

Latest production

Which area does this issue affect?

Contrast ratio

What is the public URL for the website?

copilot studio test chat

How to reproduce the issue?

  1. Login to Copilot Studio and open an Agent
  2. Click on settings->General setting->toggle on the Dark mode on button
  3. In the test chat, trigger a topic which has end of conversation (e.g. send "goodbye")
  4. Click the "yes" quick reply until you reach the CSAT message ("Great! Please rate your experience" with stars labeled 1-5)

Image

What do you expect?

CSAT rating numbers are visibly clear (e.g. white or light gray)

here is how the numbers look in light mode:
Image

What actually happened?

CSAT rating numbers are not clear:

Image

This is likely because the CSAT options are static images with black text

Image

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

see above

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

see above

MAS reference

No response

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

Additional context

No response

@chandylan chandylan added area-accessibility Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete. labels Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-accessibility Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete.
Projects
None yet
Development

No branches or pull requests

1 participant