microsoft / microsoft/AdaptiveCards

{Linked:Bug12831442}[Adaptive Cards - Restaurant] - Screen Reader is conveying incorrect role as link for the 'More Info' button.

Open
#9,021 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yCT A11yMissing_HCLReviewed A11yUsable AdaptiveCards_Web Area-Accessibility Area-Renderers Bug HCL-AdaptiveCards-Web HCL-E+D MissingReviewedDeprecated Product-AC
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

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.
Same issue is repro under 'Action.OpenURL' button under 'Action.OpenURL' screen.

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

https://github.com/user-attachments/assets/f588dc0f-a251-4013-abf1-83b6f052a2b0

Card JSON
NA
Sample Code Language

No response

Sample Code

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at https://adaptivecards.io/ and reproduce the Restaurant sample with Narrator or NVDA, then check the More Info and Action.OpenURL controls. Done means screen readers announce More Info as a button rather than a link, matching the expected result.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.