[Programmatic Access - Bot Framework Web chat - Carousel]: Headings are not proper on the page. Multiple h1's are defined on carousel response article.

[pgopinadhu]

User Experience:

Screen reader users gets affected as they cannot understand the page structure if multiple h1 heading are defined on the page. Screen reader users cannot understand the heading hierarchy and cannot navigate effectively.

Note:

User credentials should NOT be included in the bug.

Repro Steps:

• Launch URL: https://microsoft.github.io/BotFramework-WebChat/01.getting-started/a.full-bundle/ on edge dev.
• Web chat page opens.
• Press 4-tab keys to reach 'Type your message' field. Enter the "Carousel" keyword on it. Press 1-tab key to reach the 'send' button and activate it with the enter key.
• Press 2-shift tabs and 1-down arrow to reach the received card. Activate it with the enter key. Focus lands on 'mark it down' link. Turn on AI-headings.
• Verify whether the headings are properly defined or not.

Actual Result:

Headings are not proper on the page. Multiple h1's are defined on carousel response article.
Observation:
There is no main heading. H1 is defined for each tile/ card of the carousel response article.

Expected Result:

Headings hierarchy should be proper on the page. Multiple h1's should not be defined on carousel response article.
H1 should be defined for main content of page. Tile/ card headings should be defined as h2's.

MAS Reference:_

MAS 1.3.1 – Info and Relationships

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 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 C&AI Teams channel for any process related queries.

Test Environment:

OS: Windows 11 Enterprise 22H2 (OS build: 22621.1555)
Browser: Edge Version 114.0.1807.6 (Official build) dev (64-bit)
URL: Web Chat: Full-featured bundle (microsoft.github.io)
Tools: Developer Tool, Accessibility Insights for Web
Matrix: Edge dev+ Narrator.

[pgopinadhu]

#A11yMAS;#A11ySev3;#MAS1.3.1;#AILimited;#HCL;#Accessibility;#Benchmark;#Win11-Edge(Chromium);

[compulim]

Particularly.

From #4329, we are using undocumented ACHostConfig.textBlock.headingLevel to set it to 1. We probably want to set it to 2.

[compulim]

Fixed by #4747.