[Programmatic Access - BOT Framework - Carousel response ]: Ensures elements with ARIA roles have all required ARIA attributes

[KattaBhargav]

User Experience:

Users who depend on screen readers will be impacted if aria rolesare not defined on the elements. Screen readers will not announce the information correctly and users will not get the proper information of the controls.

Repro Steps:

1. Open URL: Web Chat: Full-featured bundle (microsoft.github.io)
2. Web chat bundle will open.
3. Navigate on the web chat bot and enter "carousel" keyword in Type your message box, then select send button.
4. Cards related to the keyword will appear, navigate on the cards.
5. Verify the issue.

Actual Result:

Ensures elements with ARIA roles have all required ARIA attributes Screen reader is announcing information as "Attachment details about image 1".

Expected Result:

Required ARIA attribute not present: aria-level

Issue:

Ensures elements with ARIA roles have all required ARIA attributes (aria-required-attr - https://accessibilityinsights.io/info-examples/web/aria-required-attr)

Target application:

Web Chat: Full-featured bundle - https://microsoft.github.io/BotFramework-WebChat/01.getting-started/a.full-bundle/

Element path:

li:nth-child(1) > .webchat__bubble.webchat__bubble--nub-on-top.webchat--css-ezira-1qo0vqe > .webchat__bubble__content > .webchat--css-ezira-1kac3oh.webchat__adaptive-card-renderer > .ac-adaptiveCard.ac-container > .ac-container[dir="ltr"] > .ac-textBlock[role="heading"]

Snippet:

How to fix: Fix any of the following: Required ARIA attribute not present: aria-level

MAS Reference: MAS4.1.2- Name, Role, Value

Reference Links

• Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
• External Bug Process: If this bug belongs to the external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this link. “HCL Staff should not log any third-party external bugs. Should be routed to edad team”.
• Please reach out to the C&AI Teams channel for any process-related queries.

Test Environment:

• OS: Windows 11 Version 21H2 (OS build: 22621.160)
• Browser: Chrome version 103.0.5060.114 (Official Build) (64-bit)
• URL: https://microsoft.github.io/BotFramework-WebChat/01.getting-started/a.full-bundle/
• Tool used: Accessibility insights for web

[KattaBhargav]

#A11yMAS;#A11ySev3;#HCL;#MAS4.1.2;#Accessibility;#Win11-Chrome;#BotFrameworkWebChat-Jul22;

[compulim]

This is fixed in 4.15.3. It repros on 4.15.2.