"aria-labelledby" references are referring to IDs that do not exist

[venkatx5]

We are using webchat-es5.js for our Virtual assistant and our customer evaluating for 508 compliance. The following WAI-ARIA 'aria-labelledby' attribute has a reference to an ID that does not exist (broken reference) on the Bot response:

•webchat__stacked-layout__id--fxqmh
•webchat__stacked-layout__id--ok1u7

The references generated for user entered text has valid references. Issue is only on the bot generated responses. As per the ARIA guideline, the referenced id must present. Need assistance on this to be 508 compliant.

Screenshots

In User Text, (This is fine)

In Bot response, the reference is missing.

Version

webchat es5 version 4.11.0
https://cdn.botframework.com/botframework-webchat/4.11.0/webchat-es5.js
Integrating the CDN version js directly on the page using script tag (No Iframe). Desktop Chrome Browser.

<meta name="botframework-directlinespeech:version" content="4.11.0">
<meta name="botframework-webchat:bundle:variant" content="full-es5">
<meta name="botframework-webchat:bundle:version" content="4.11.0">
<meta name="botframework-webchat:core:version" content="4.11.0">
<meta name="botframework-webchat:ui:version" content="4.11.0">

Describe the bug

We are using webchat-es5.js for our Virtual assistant and our customer evaluating for 508 compliance. The WAI-ARIA 'aria-labelledby' attribute has a reference to an ID that does not exist (broken reference) on the Bot response. In user input text, the reference is proper. To be compliant, the bot response broken reference should be resolved.

Steps to reproduce

1. Deploy Web App Bot with adaptive cards.
2. Open the web app bot on browser.
3. Interact with the bot till the adaptive card response arrives.
4. Search for "aria-labelledby" to get the reference value "Eg. webchat__stacked-layout__id--xv8x4 ".
5. Search for the reference "webchat__stacked-layout__id--fxqmh". A div should be present with id="webchat__stacked-layout__id--fxqmh".

Expected behavior

For every "aria-labelledby" reference, A div should be present with id="webchat__stacked-layout__id--fxqmh".

[Bug]

[corinagum]

Thanks for reporting. I'm adding this to our list for triage.

[venkatx5]

Any updates/fixes that we can try?