microsoft / microsoft/AdaptiveCards

[Adaptive Cards- Action.showcard] : 'What do you think' label is not associated with its button control.

Open
#9,027 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yCT A11yMissing_HCLReviewed A11ySev3 A11yWCAG 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 'Schema Explorer' option and press enter key to activate it.
  3. Press tab key and navigate to the 'Action.ShowCard' link and press enter key to activate it.
  4. Press tab key and navigate to the 'Neat' button and observe the issue.

Actual Result:
While navigating to the 'Neat' button, 'What do you think?' label is not associated with its button control. While navigating on the Neat button screen reader is announcing only as 'Neat button.'

Expected Result:
'What do you think?' label should be associated with button control so that when the screen reader focus lands on it then screen reader should announce the information as 'What do you think? Neat button.'

Note:

  1. Same issue is repro with NVDA.
  2. Same issue is repro under Input.Text and column set screen.
  3. Same issue is repro throughout the application.

User Impact:
It will impact the screen reader user as label is not associated with its controls . User will be confuse about the control like this button related to which area.

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

What do you think' label is not associated with its button control

https://github.com/user-attachments/assets/22e62bf7-c1bd-4e18-b29e-3df444cf8bf7

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

Reproduce the issue at https://adaptivecards.io/ through Schema Explorer and Action.ShowCard, then inspect the implementation used by the Neat button and its surrounding label. Verify the result with Narrator or NVDA, including the Input.Text and column set cases; done means the screen reader announces “What do you think? Neat button.”

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.