From 9e43da0b413efc369f823e4278e2444e3fb0b5b3 Mon Sep 17 00:00:00 2001
From: Corina <14900841+corinagum@users.noreply.github.com>
Date: Wed, 11 Dec 2019 18:17:54 -0800
Subject: [PATCH] Fix Suggested Actions accessibility (#2712)

* Fix Suggested Actions accessibility

* Update CHANGELOG.md

* Update CHANGELOG.md

* Update CHANGELOG.md
---
 CHANGELOG.md                                       | 1 +
 packages/component/src/SendBox/SuggestedActions.js | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6cd2270ee6..fba3249d91 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -77,6 +77,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
    -  Moved WebSpeechPonyfill patching code from `<BasicTranscript>` to `<Composer>`
 -  Fixes [#2699](https://github.com/microsoft/BotFramework-WebChat/issues/2699). Disable speech recognition and synthesis when using Direct Line Speech under IE11, in PR [#2649](https://github.com/microsoft/BotFramework-WebChat/pull/2649)
 -  Fixes [#2709](https://github.com/microsoft/BotFramework-WebChat/issues/2709). Reduce wasted render of activities by memoizing partial result of `<BasicTranscript>`, in PR [#2710](https://github.com/microsoft/BotFramework-WebChat/pull/2710)
+-  Fixes [#2710](https://github.com/microsoft/BotFramework-WebChat/issues/2710). Suggested actions container should persist for AT, by [@corinagum](https://github.com/corinagum) in PR [#2710](https://github.com/microsoft/BotFramework-WebChat/pull/2710
 
 ### Changed
 
diff --git a/packages/component/src/SendBox/SuggestedActions.js b/packages/component/src/SendBox/SuggestedActions.js
index 3138fcc5b2..1e9da7131f 100644
--- a/packages/component/src/SendBox/SuggestedActions.js
+++ b/packages/component/src/SendBox/SuggestedActions.js
@@ -49,7 +49,11 @@ const SuggestedActions = ({ className, suggestedActions = [] }) => {
     (suggestedActions.length ? suggestedActionsContentText : suggestedActionsEmptyText);
 
   if (!suggestedActions.length) {
-    return false;
+    return (
+      <div aria-label=" " aria-live="polite" role="status">
+        <ScreenReaderText text={suggestedActionsContainerText} />
+      </div>
+    );
   }
 
   const children = suggestedActions.map(({ displayText, image, text, title, type, value }, index) => (