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

[Adaptive Cards- Expenses Report]: While navigating on the 'Expand' button, screen reader is not conveying descriptive information. #9023

Open
vagpt opened this issue Oct 2, 2024 · 0 comments
Labels
A11yCT For CT Test Pass A11ySev3 Accessibility issue with severity 3 A11yWCAG Accessibility issue that affects compliance Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D Product-AC

Comments

@vagpt
Copy link
Collaborator

vagpt commented Oct 2, 2024

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/
OS Version: Dev (OS Build 27695.1000)
Browser Version: Version 130.0.2849.1 (Official build) dev (64-bit)
Screen Reader: Narrator

Pre-Requisite:
Turn on screen reader using caps + spacebar key.

Repro steps:

  1. Open the above URL in the edge dev browser.
  2. Navigate to the 'Sample' option and press enter key to activate it.
  3. Press tab key and navigate to the 'Expenses Report' link and press enter key to activate it.
  4. Press tab key and navigate to expand button and observe the issue.

Actual Result:
While navigating on the expand button present on the expenses report screen reader is not conveying descriptive information as category is not associated with the button. It is announcing only as 'Expand button.'
Also, after activating the expand button, screen reader is not announcing the changed state as it is only announcing as expand button.

Expected Result:
Screen reader should announce the descriptive information while navigating on the expand button. It should announce as 'Expand Air Travel expenses button.'
Also, when user activates expand button it should announce as expanded.

Note:
Same issue is repro with NVDA as well.

User Impact:
It will impact the screen reader user as they will not be able to know descriptive information about the expand button also there are 3 expand buttons are present so user will get confused if the screen reader will announce the same information for the all buttons,

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section

Screenshots

While navigating on the 'Expand' button, screen reader is not conveying descriptive information

While.navigating.on.the.Expand.button.screen.reader.is.not.conveying.descriptive.information.mp4

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

@vagpt vagpt added Bug Area-Renderers Area-Accessibility Bugs around feature accessibility A11ySev3 Accessibility issue with severity 3 A11yWCAG Accessibility issue that affects compliance HCL-E+D Product-AC HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization A11yCT For CT Test Pass labels Oct 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11yCT For CT Test Pass A11ySev3 Accessibility issue with severity 3 A11yWCAG Accessibility issue that affects compliance Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D Product-AC
Projects
None yet
Development

No branches or pull requests

1 participant