Bump deps and remove remark and strip-markdown

__tests__/html/accessibility.liveRegionActivity.speakOverrideAttachments.html

@@ -64,6 +64,10 @@
                 ...baseActivity,
                 speak: '',
                 text: 'Empty string for "speak" property.'
+              },
+              {
+                // No "text" property.
+                ...baseActivity
               }
             ]),
             store: testHelpers.createStore(),
@@ -75,15 +79,15 @@
         );
 
         await pageConditions.uiConnected();
-        await pageConditions.numActivitiesShown(3);
+        await pageConditions.numActivitiesShown(4);
 
         const screenReaderTexts = [].map.call(
           document.querySelector('[aria-roledescription="transcript"][role="log"]').children,
           child => allTextContents(child).join('\n')
         );
 
         // The last activity have "speak" property set to empty string. It is treated as role="presentation" and not emitted DOM element for screen reader.
-        expect(screenReaderTexts).toHaveLength(2);
+        expect(screenReaderTexts).toHaveLength(3);
 
         // In screen reader transcript, the attachment are rendered and narrated.
         expect(screenReaderTexts[0]).toBe(
@@ -92,6 +96,7 @@
 
         // No attachments should be narrated.
         expect(screenReaderTexts[1]).toBe('Bot said:\nWith "speak" property.\nSent at January 1 at 12:34 PM');
+        expect(screenReaderTexts[2]).toBe('Bot said:\nA text: Hello.\nA text: World!\nSent at January 1 at 12:34 PM');
 
         const activityAlts = [].map.call(
           document.querySelectorAll(
@@ -101,14 +106,15 @@
         );
 
         // The last activity have "speak" property set to empty string. It is treated as role="presentation" and not emitted DOM element for screen reader.
-        expect(screenReaderTexts).toHaveLength(2);
+        expect(screenReaderTexts).toHaveLength(3);
 
         // In interactive transcript, this is narrated as "2 attachments".
         expect(activityAlts[0]).toBe(
           'Bot said:\nNo “speak” property.\n2 attachments.\nSent at January 1 at 12:34 PM'
         );
 
         expect(activityAlts[1]).toBe('Bot said:\nWith "speak" property.\nSent at January 1 at 12:34 PM');
+        expect(activityAlts[2]).toBe('Bot said:\n2 attachments.\nSent at January 1 at 12:34 PM');
       });
     </script>
   </body>

packages/component/src/BasicTranscript.js

@@ -765,7 +765,7 @@ const InternalTranscript = ({ activityElementsRef, className }) => {
         role="log"
       >
         {renderingElements
-          .filter(({ textAlt }) => textAlt)
+          .filter(({ textAlt }) => textAlt !== false)
           .map(({ activity, liveRegionKey, textAlt }) => (
             <Fade fadeAfter={internalLiveRegionFadeAfter} key={liveRegionKey}>
               {() => <ScreenReaderActivity activity={activity} textAlt={textAlt} />}
@@ -825,7 +825,7 @@ const InternalTranscript = ({ activityElementsRef, className }) => {
                 onMouseDownCapture={handleMouseDownCapture}
                 ref={callbackRef}
               >
-                {textAlt && (
+                {textAlt !== false && (
                   <ScreenReaderActivity
                     activity={activity}
                     id={ariaLabelID}

packages/component/src/Utils/activityAltText.ts

@@ -32,8 +32,11 @@ export default function activityAltText(
   const { speak } = activity;
 
   if (speak === '') {
+    // We will treat the activity as presentational and skip narrating it.
     return false;
-  } else if (typeof speak === 'string') {
+  }
+
+  if (typeof speak === 'string') {
     if (isSSML(speak)) {
       return allTextContents(new DOMParser().parseFromString(activity.speak, 'application/xml')).join('').trim();
     }
@@ -43,6 +46,11 @@ export default function activityAltText(
 
   const text: string = activity?.channelData?.messageBack?.displayText || activity.text;
 
+  if (!text) {
+    // We will continue to narrate the activity, as empty.
+    return '';
+  }
+
   if (textFormatToContentType(activity.textFormat) === 'text/markdown') {
     return allTextContents(new DOMParser().parseFromString(renderMarkdownAsHTML(text), 'text/html'))
       .join('')