From f27549024688c947e422f167bc9006d97da974dd Mon Sep 17 00:00:00 2001
From: ling1726 <lingfangao@hotmail.com>
Date: Thu, 19 Sep 2024 13:41:09 +0200
Subject: [PATCH] docs(MessageBar): Add reference to AriaLiveAnnouncer (#32867)

---
 .../stories/src/MessageBar/MessageBarDescription.md           | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/MessageBarDescription.md b/packages/react-components/react-message-bar/stories/src/MessageBar/MessageBarDescription.md
index 150d4b100d189..d79ebdc6bc216 100644
--- a/packages/react-components/react-message-bar/stories/src/MessageBar/MessageBarDescription.md
+++ b/packages/react-components/react-message-bar/stories/src/MessageBar/MessageBarDescription.md
@@ -1,3 +1,7 @@
 Communicates important information about the state of the entire application or surface.
 For example, the status of a page, panel, dialog or card. The information shouldn't require someone
 to take immediate action, but should persist until the user performs one of the required actions.
+
+> ⚠️ For `aria-live` announcements to work correctly you should configure you application with a
+> <a href="https://react.fluentui.dev/?path=/docs/utilities-aria-live-arialiveannouncer--docs">AriaLiveAnnouncer</a>
+> towards the top of the React tree.