microsoft / microsoft/AdaptiveCards
{Linked:Bug12831442}[Adaptive Cards - Restaurant] - Screen Reader is conveying incorrect role as link for the 'More Info' button.
Nobody has claimed this yet.
- 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:
- Open the above URL in the edge dev browser.
- Navigate to the 'Sample' option and press enter key to activate it.
- Press tab key and navigate to the 'Restaurant' link and press enter key to activate it.
- 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
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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