Show the live region copy in the no role words snapshot

Author: Eugene Olonov

CHANGELOG.md

@@ -67,7 +67,6 @@ Legends:
 - Fixed carousel cards focused with <kbd>TAB</kbd> staying partially out of view, in PR [#5926](https://github.com/microsoft/BotFramework-WebChat/pull/5926), by [@OEvgeny](https://github.com/OEvgeny)
 - Fixed <kbd>LEFT</kbd>/<kbd>RIGHT</kbd> on a button inside a carousel card scrolling the carousel, in PR [#5917](https://github.com/microsoft/BotFramework-WebChat/pull/5917), by [@OEvgeny](https://github.com/OEvgeny)
 - Fixed icons being invisible, link references not using the link color, and Fluent messages and Copy button having no border in forced colors, fixes [#4906](https://github.com/microsoft/BotFramework-WebChat/issues/4906) and [#4907](https://github.com/microsoft/BotFramework-WebChat/issues/4907), in PR [#5907](https://github.com/microsoft/BotFramework-WebChat/pull/5907), by [@OEvgeny](https://github.com/OEvgeny)
-- Fixed screen readers saying "article" before new messages and their attachments in the live region, in PR [#XXXX](https://github.com/microsoft/BotFramework-WebChat/pull/XXXX), by [@OEvgeny](https://github.com/OEvgeny)
 - Fixed screen readers saying "article" and "group" before new messages and each of their lines in the live region, in PR [#5921](https://github.com/microsoft/BotFramework-WebChat/pull/5921), by [@OEvgeny](https://github.com/OEvgeny)
 
 ## [4.19.2] - 2026-10-08

__tests__/html2/accessibility/liveRegion/noRoleWords.html

@@ -2,6 +2,8 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+    <!-- Shows the live region, so the snapshot shows the copy sent to screen readers. -->
+    <link href="/assets/accessibility.liveRegionAttachment.css" rel="stylesheet" type="text/css" />
     <script crossorigin="anonymous" src="/test-harness.js"></script>
     <script crossorigin="anonymous" src="/test-page-object.js"></script>
     <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
@@ -21,11 +23,12 @@
       run(async function () {
         const { directLine, store } = testHelpers.createDirectLineEmulator();
 
+        // GIVEN: Web Chat keeps the live region copy of new messages, so it can be seen in the snapshot.
         WebChat.renderWebChat(
           {
             directLine,
             store,
-            styleOptions: { botAvatarInitials: 'WC', internalLiveRegionFadeAfter: 60000 }
+            styleOptions: { botAvatarInitials: 'WC', hideSendBox: true, internalLiveRegionFadeAfter: 60000 }
           },
           document.getElementById('webchat')
         );
@@ -103,6 +106,11 @@
             .filter(({ ignored }) => !ignored)
             .map(({ name, role }) => `${role?.value} "${name?.value}"`)
         ).toEqual(['button "Help"', 'button "OK"', 'button "Go"']);
+
+        await pageConditions.liveRegionStabilized();
+
+        // THEN: The live region (top) shows the message, "Help", "A card: Card 1", "OK", "A card: Card 2 Hero text", "Go" and "A file: report.zip", with no role words such as "article" or "group".
+        await host.snapshot('local');
       });
     </script>
   </body>