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_Screen Reader: NVDA is not narrating descriptive name for 'Previous' and 'Next' buttons in the Chat dialog. #4557

Closed
compulim opened this issue Dec 8, 2022 · 0 comments · Fixed by #4646
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 who rely on screen readers will get misguided and not aware of exact information about the control as NVDA is not narrating descriptive name for 'Previous' and 'Next' buttons in the Chat dialog.

What browsers and screen readers do this issue affect?

Windows: Edge with Windows Narrator, Windows: Chrome with NVDA

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?

Others or unrelated

What is the public URL for the website?

https://web.powerva.microsoft.com/environments/

How to reproduce the issue?

  1. Turn on NVDA
  2. Launch the application using URL: https://web.powerva.microsoft.com/environments/
  3. Tab till "Suggested topic" button present under the test section and press enter.
  4. Tab till "Cancel" button and press enter.
  5. Tab till any topic (Ex: Select second topic) and press enter.
  6. Tab till chat window present under the test bot.
  7. Enter any question which we can find in the topic section and press enter(Ex: Closest store near me)
  8. Tab till 'Previous' and "Next" button.
  9. Verify whether the NVDA is narrating descriptive name for 'Previous' and 'Next' buttons in the Chat dialog or not.

What do you expect?

NVDA must narrate descriptive name for 'Previous' and 'Next' buttons in the Chat dialog.
When focus moves to 'Previous' button, NVDA should narrate as "Previous button".
When focus moves to 'Next' button, NVDA should narrate as "Next button".

What actually happened?

NVDA is not narrating descriptive name for 'Previous' and 'Next' buttons in the Chat dialog.
When focus moves to 'Previous' button, NVDA is narrating as "Left button".
When focus moves to 'Next' button, NVDA is narrating as "Right button".

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

No response

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

No response

MAS reference

https://aka.ms/MAS1.3.1

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

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

Instead of narrating left/right, it should narrate previous/next

@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