{Freeway-Bug}[Adaptive Cards - Blog]: Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them.

[vagpt]

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment:
OS: Version 23H2 (OS Build 25381.1)
URL: https://adaptivecards.io/blog/
Browser: Edge Dev Version 115.0.1880.3 (Official build) dev (64-bit)
Tool: Accessibility Insight For Web

Repro Steps:

1. Open the above URL in the edge dev browser.
2. Navigate to 'Blog' tab item and press enter key to activate it.
3. Run the AI Tool and observe the issue.

Actual Result:
Elements marked as presentational have global ARIA or tabindex.

Expected Result:
Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them

Element path:
.w3-cell-row.w3-padding-16:nth-child(1) > article:nth-child(1) > .w3-margin-top > .w3-cell-middle.w3-cell > a[href$="adaptivecards.io"][role="presentation"]

How to fix:
Fix all of the following:
Element is not focusable.

Note:
This issue is repro throughout the Blog screen.

User Impact:
It will impact the AT user if the element marked as presentational have Global Aria or Tab Index.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

“Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)“

Screenshots

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

[vagpt]

Hi @anna-dingler,

Could you please let us know by when the changes will be reflected on the prod so that we can reverify this issue at our end as of now this issue is still repro at our end.

Snippet:

[anna-dingler]

Hi @vagpt, we are planning to make a release at the end of the month.

[vagpt]

Hi @anna-dingler,

Thanks for the confirmation.

Due to this issue (#8542) and #8541, Adaptive Cards product grade is getting impacted currently it is in Grade D so it would be great if you can release before 26/10/23 so that we can regress this issue and close both issues.

[anna-dingler]

Hi @vagpt , a new version of the website was just released!

[vagpt]

Thanks @anna-dingler,

Now this issue is working fine on the environment below, hence adding A11yTTValidated tag.

Test Environment:
OS: Version 23H2 (OS Build 25967.1010)
URL: https://adaptivecards.io/blog/
Browser: Edge Dev Version 120.0.2172.1 (Official build) dev (64-bit)
Tool: Accessibility Insight For Web

Snippet: