microsoft / microsoft/AdaptiveCards
{Linked:Bug12953710; Linked:Bug15457051;Linked:Bug5002719}[Adaptive Cards - Inputs with Validation] - Screen Reader is conveying incorrect position for the options present under what color do you want? combo box.
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
Pre-Requisite:
Turn on screen reader using caps + spacebar key.
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 'Inputs with Validation' link and press enter key to activate it.
- Press the tab key and navigate to the What color do you want? compact combo box.
- Press enter key to activate it.
- Navigate the list and observe the issue.
Actual Result:
Screen Reader is conveying incorrect position for the menu items present under What color do you want? (Compact). There are 3 items are present but while navigating on it screen reader is conveying information as 'Red 1 of 4 selected current.'
Expected Result:
Screen Reader should convey the correct position for the menu items present under What color do you want? (Compact). For the first option it should announce as 'Red 1 of 3 selected.'
Note:
Same issue is repro throughout the application for the same control type.
Same issue is repro with NVDA.
User Impact:
It will impact the screen reader user as they will get confused and assume there are 4 items are present on the screen.
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
https://github.com/user-attachments/assets/29b8ec62-62d0-4036-b147-2de1db1f6075
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 by reproducing the compact combo box issue at adaptivecards.io through Sample > Inputs with Validation, using Narrator or NVDA. Inspect the accessibility behavior for the three color options and verify that the first option is announced as 1 of 3 rather than 1 of 4.
Written by the indexing model from the issue text.
Assessment
- Domain
- accessibility
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100