[Adaptive Cards - Designer] - Ensures ARIA attributes are not prohibited for an element's role (.acd-peer[title="Double click to edit"][aria-label="TextBlock"]:nth-child(2))

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/samples/ProductVideo.html
OS Version: 22H2(OS Build 25300.1000)
Browser Version: Edge Dev Version 111.0.1661.36 (Official build) dev (64-bit)
Tool: Accessibility Insight For Web

Repro Steps:

1. Open the above URL on the Edge Dev browser.
2. Press tab key and navigate to the designer tab and press enter key to activate it.
3. Run the tool and observe the issue.

Actual Result:
ARIA attributes are prohibited for an element's role (.acd-peer[title="Double click to edit"][aria-label="TextBlock"]:nth-child(2))

Expected Result:
Ensures ARIA attributes are not prohibited for an element's role (.acd-peer[title="Double click to edit"][aria-label="TextBlock"]:nth-child(2))

Element path: .acd-peer[title="Double click to edit"][aria-label="TextBlock"]:nth-child(2)

Snippet:

How to fix:
Fix all of the following:
aria-label attribute cannot be used on a div with no valid role attribute.

User Impact:
It will impact the AT user if the ARIA attributes are prohibited for any controls on the screen.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value

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

Screenshots

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

Reproduce the problem at https://adaptivecards.io/samples/ProductVideo.html by opening the Designer tab and running Accessibility Insights for Web. Start from the designer element matching .acd-peer[title="Double click to edit"][aria-label="TextBlock"]:nth-child(2); done means its aria-label is valid for its role and the accessibility check no longer reports a prohibited ARIA attribute.