[Programmatic Access - BOT Framework - Web Chat > Navigation]: Elements with an ARIA role that require child roles does not contained by them.

[vibhor12345678]

User Experience:

Screen reader user will get confuse with the control type of the control if require aria child role is not defined for child control appearing under the parent control.

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.
4. Verify the issue.

Actual Result:

Elements with an ARIA role that require child roles does not contained by them.

Expected Result:

Ensures elements with an ARIA role that require child roles contain them.

Issue:

Ensures elements with an ARIA role that require child roles contain them (aria-required-children - https://accessibilityinsights.io/info-examples/web/aria-required-children)

Target application:

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

Element path:

.webchat--css-ujbzv-1l95nvm

Snippet:

How to fix:

Fix any of the following: Required ARIA child role not present: article

MAS Reference:

MAS1.3.1- Info & Relationships

Reference Links Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.

Test Environment:

Url: Web Chat: Full-featured bundle (microsoft.github.io) Browser: Chrome version 103.0.5060.114 (Official Build) (64-bit) OS: Windows 11 version 21H2 (OS Build 22000.975)

[vibhor12345678]

#A11yMAS;#A11ySev3;#HCL;#MAS1.3.1;#Accessibility;#Win11-Chrome;#BotFrameworkWebChat-Jul22;

[compulim]

This is fixed in #4420 and will be released as 4.15.5.