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 - Restaurant] - Screen Reader is conveying incorrect role as link for the 'More Info' button. #9021

Open
vagpt opened this issue Oct 2, 2024 · 0 comments
Labels
A11yCT For CT Test Pass A11yUsable Accessibility issue that is a usability bug. Behavior divergent from standard expected a11y behavior 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

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 'Restaurant' link and press enter key to activate it.
  4. Press tab key and navigate to the 'More Info' button and observe the issue.

Actual Result:
While navigating to the more info button, screen reader is conveying incorrect role as link for the button as incorrect role as link is defined for the more info. Screen reader is announcing as 'More info link.'

Expected Result:
Correct role should be defined as button for the 'More info'. When the focus lands on it then screen reader should announce the information as 'More info button.'

Note:
Same issue is repro with NVDA as well.

User Impact:
It will impact the screen reader user as they will get confused if the incorrect role as link will be defined for the control as user will assume as on activating it a new tab will be appeared.

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

Screenshots

Incorrect role as link is defined for the more info button

Incorrect.role.as.link.is.defined.for.the.button.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 A11yUsable Accessibility issue that is a usability bug. Behavior divergent from standard expected a11y behavior 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 A11yUsable Accessibility issue that is a usability bug. Behavior divergent from standard expected a11y behavior 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