From 656141345f2e7399cffafb4fd984a6dbca5c6440 Mon Sep 17 00:00:00 2001
From: Esteban Munoz <esteban.230@hotmail.com>
Date: Wed, 1 Feb 2023 13:25:06 -0700
Subject: [PATCH 1/2] Making InfoButton's popover focusable and updating
 example's text

---
 .../src/components/InfoButton/useInfoButton.tsx                 | 1 +
 .../stories/Infobutton/InfoButtonWithLabel.stories.tsx          | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
index e6b37598f05df..b695ca5fea447 100644
--- a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
+++ b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
@@ -58,6 +58,7 @@ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HT
       required: true,
       defaultProps: {
         role: 'note',
+        tabIndex: -1,
       },
     }),
   };
diff --git a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx
index f7897a4934117..1b1dfeb863db8 100644
--- a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx
+++ b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx
@@ -31,7 +31,7 @@ export const InfoButtonWithLabel = () => {
         <InfoButton
           id={infoButtonId}
           aria-labelledby={`${labelId} ${infoButtonId}`}
-          content="Your username should have at least 6 characters."
+          content="Usernames offer a unique way to identify you and keep your account secure."
         />
       </div>
       <Input id={inputId} placeholder="Username" />

From 3bf70fadd33fdea2bf8bb36d09a6df9e7f0caf75 Mon Sep 17 00:00:00 2001
From: Esteban Munoz <esteban.230@hotmail.com>
Date: Wed, 1 Feb 2023 13:27:03 -0700
Subject: [PATCH 2/2] change file

---
 ...ct-infobutton-69f14ed0-88e3-4612-94cb-3734976c0c7e.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-infobutton-69f14ed0-88e3-4612-94cb-3734976c0c7e.json

diff --git a/change/@fluentui-react-infobutton-69f14ed0-88e3-4612-94cb-3734976c0c7e.json b/change/@fluentui-react-infobutton-69f14ed0-88e3-4612-94cb-3734976c0c7e.json
new file mode 100644
index 0000000000000..7d98df7e013f3
--- /dev/null
+++ b/change/@fluentui-react-infobutton-69f14ed0-88e3-4612-94cb-3734976c0c7e.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: Making the content focusable and updating example's text.",
+  "packageName": "@fluentui/react-infobutton",
+  "email": "esteban.230@hotmail.com",
+  "dependentChangeType": "patch"
+}