diff --git a/change/@fluentui-react-tag-picker-64fc2595-4402-4433-89ba-6fa4382c8d08.json b/change/@fluentui-react-tag-picker-64fc2595-4402-4433-89ba-6fa4382c8d08.json
new file mode 100644
index 00000000000000..6458d4dd9b7946
--- /dev/null
+++ b/change/@fluentui-react-tag-picker-64fc2595-4402-4433-89ba-6fa4382c8d08.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: modify roles for toolbar + buttons instead of listbox + options",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-tag-picker/library/src/components/TagPickerGroup/useTagPickerGroup.ts b/packages/react-components/react-tag-picker/library/src/components/TagPickerGroup/useTagPickerGroup.ts
index c2cd563fc5b413..5223099c977c57 100644
--- a/packages/react-components/react-tag-picker/library/src/components/TagPickerGroup/useTagPickerGroup.ts
+++ b/packages/react-components/react-tag-picker/library/src/components/TagPickerGroup/useTagPickerGroup.ts
@@ -37,7 +37,6 @@ export const useTagPickerGroup_unstable = (
 
   const state = useTagGroup_unstable(
     {
-      role: 'listbox',
       disabled,
       ...props,
       ...arrowNavigationProps,
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerAppearance.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerAppearance.stories.tsx
index 3514ea4b85e477..45dcb28019e392 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerAppearance.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerAppearance.stories.tsx
@@ -42,7 +42,7 @@ const Example = ({ appearance }: Pick<TagPickerProps, 'appearance'>) => {
     <Field label={label} style={{ maxWidth: 400 }}>
       <TagPicker appearance={appearance} onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerBestPractices.md b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerBestPractices.md
index f4d728a4de26c2..5c56d122589f97 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerBestPractices.md
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerBestPractices.md
@@ -6,6 +6,8 @@
 
 - **Inform the user about the [deletion interaction](https://github.com/microsoft/fluentui/issues/31165) of tags when pressing Backspace:** When `TagPickerInput` is focused, pressing the Backspace key will remove the last tag. This behavior should be communicated to the user to avoid confusion.
 
+- **Use `aria-roledescription` on `TagPickerGroup` to provide additional context:** This attribute helps screen readers to understand the role of the element, making it more accessible and inclusive. By default `TagPickerGroup` has a role of `toolbar` which may not be clear to all users, so providing additional context can help.
+
 ### Don't
 
 - **Don't use `InteractionTag` with `TagPicker`** as it is not supported at the moment. This combination may lead to unexpected behavior.
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerButton.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerButton.stories.tsx
index 74727e61e39887..12cb7f0013be79 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerButton.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerButton.stories.tsx
@@ -35,7 +35,7 @@ export const Button = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDefault.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDefault.stories.tsx
index 9349c5c141a53f..d85a9bf4d604b7 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDefault.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDefault.stories.tsx
@@ -35,7 +35,7 @@ export const Default = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDisabled.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDisabled.stories.tsx
index 178ecac6c7c721..6531814733a93c 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDisabled.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerDisabled.stories.tsx
@@ -35,7 +35,7 @@ export const Disabled = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker disabled onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerExpandIcon.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerExpandIcon.stories.tsx
index a220a55d35e158..9ae55215bd28b1 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerExpandIcon.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerExpandIcon.stories.tsx
@@ -36,7 +36,7 @@ export const ExpandIcon = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl expandIcon={<ArrowDownFilled />}>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerFiltering.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerFiltering.stories.tsx
index 14e97bc3c6e882..227571152d661f 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerFiltering.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerFiltering.stories.tsx
@@ -53,7 +53,7 @@ export const Filtering = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerGrouped.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerGrouped.stories.tsx
index 3b260438979a17..c02f5e4230b381 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerGrouped.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerGrouped.stories.tsx
@@ -29,7 +29,7 @@ export const Grouped = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerNoPopover.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerNoPopover.stories.tsx
index cfc057c86d3840..0f6fefe92b485a 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerNoPopover.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerNoPopover.stories.tsx
@@ -29,7 +29,7 @@ export const NoPopover = () => {
     <Field label="Add Employees" style={{ maxWidth: 400 }}>
       <TagPicker noPopover onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map((option, index) => (
               <Tag
                 key={index}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSecondaryAction.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSecondaryAction.stories.tsx
index b0b02cae96250a..7ab9e4b6ae8f23 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSecondaryAction.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSecondaryAction.stories.tsx
@@ -44,7 +44,7 @@ export const SecondaryAction = () => {
             </Button>
           }
         >
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSingleSelect.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSingleSelect.stories.tsx
index a7b4f375c7ce4d..0d0727b5e99c05 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSingleSelect.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSingleSelect.stories.tsx
@@ -33,7 +33,7 @@ export const SingleSelect = () => {
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
           {selectedOption && (
-            <TagPickerGroup aria-label="Selected Employees">
+            <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
               <Tag
                 key={selectedOption}
                 shape="rounded"
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSize.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSize.stories.tsx
index 385920d2c9b827..24e4208e61c3d2 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSize.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerSize.stories.tsx
@@ -35,7 +35,7 @@ const Example = ({ size }: Pick<TagPickerProps, 'size'>) => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker size={size} onOptionSelect={onOptionSelect} selectedOptions={selectedOptions}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option}
diff --git a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerTruncatedText.stories.tsx b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerTruncatedText.stories.tsx
index e82dbd9577dd03..39cede0e48cdfc 100644
--- a/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerTruncatedText.stories.tsx
+++ b/packages/react-components/react-tag-picker/stories/src/TagPicker/TagPickerTruncatedText.stories.tsx
@@ -63,7 +63,7 @@ export const TruncatedText = () => {
     <Field label="Select Employees" style={{ maxWidth: 400 }}>
       <TagPicker onOptionSelect={onOptionSelect} selectedOptions={selectedOptions.map(option => option.value)}>
         <TagPickerControl>
-          <TagPickerGroup aria-label="Selected Employees">
+          <TagPickerGroup aria-roledescription="List" aria-label="Selected Employees">
             {selectedOptions.map(option => (
               <Tag
                 key={option.value}