diff --git a/change/@fluentui-react-f3d82f9f-d152-455c-914e-71cf2dfe554b.json b/change/@fluentui-react-f3d82f9f-d152-455c-914e-71cf2dfe554b.json
new file mode 100644
index 00000000000000..53c2b214348b58
--- /dev/null
+++ b/change/@fluentui-react-f3d82f9f-d152-455c-914e-71cf2dfe554b.json
@@ -0,0 +1,7 @@
+{
+ "type": "patch",
+ "comment": "fix: update role and accname for non-hidden icon button",
+ "packageName": "@fluentui/react",
+ "email": "sarah.higley@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
index 3722468adb3872..72af827c12a1e5 100644
--- a/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
+++ b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
@@ -1680,7 +1680,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
onKeyUp={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
- role="presentation"
tabIndex={-1}
type="button"
>
diff --git a/packages/react/src/components/ComboBox/ComboBox.test.tsx b/packages/react/src/components/ComboBox/ComboBox.test.tsx
index 2d6d29734a30a3..6356b5153c09df 100644
--- a/packages/react/src/components/ComboBox/ComboBox.test.tsx
+++ b/packages/react/src/components/ComboBox/ComboBox.test.tsx
@@ -221,7 +221,7 @@ describe('ComboBox', () => {
const combobox = getByRole('combobox');
userEvent.type(combobox, 'f{enter}');
- const caretdownButton = getByRole('presentation', { hidden: true });
+ const caretdownButton = getByRole('button');
userEvent.click(caretdownButton);
expect(getAllByRole('option')).toHaveLength(DEFAULT_OPTIONS.length);
@@ -233,7 +233,7 @@ describe('ComboBox', () => {
const combobox = getByRole('combobox');
userEvent.type(combobox, 'f{enter}');
- const caretdownButton = getByRole('presentation', { hidden: true });
+ const caretdownButton = getByRole('button');
userEvent.click(caretdownButton);
const options = getAllByRole('option');
@@ -555,7 +555,7 @@ describe('ComboBox', () => {
const { getByRole, queryAllByRole } = render(
,
);
- const caretdownButton = getByRole('presentation', { hidden: true });
+ const caretdownButton = getByRole('button');
userEvent.click(caretdownButton);
expect(queryAllByRole('option')).toHaveLength(0);
});
@@ -1189,7 +1189,7 @@ describe('ComboBox', () => {
,
);
const combobox = getByRole('combobox');
- const caretdownButton = getByRole('presentation', { hidden: true });
+ const caretdownButton = getByRole('button');
userEvent.type(combobox, comboBoxOption.text);
//click on container to trigger onBlur
userEvent.click(container);
@@ -1215,7 +1215,7 @@ describe('ComboBox', () => {
const { container, getByRole, getAllByRole } = render();
const combobox = getByRole('combobox');
- const caretdownButton = getByRole('presentation', { hidden: true });
+ const caretdownButton = getByRole('button');
userEvent.type(combobox, comboBoxOption.text);
userEvent.click(container);
expect(combobox.getAttribute('value')).toEqual(comboBoxOption.text);
diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx
index 42a842b9ce4f4a..39813c94f78bed 100644
--- a/packages/react/src/components/ComboBox/ComboBox.tsx
+++ b/packages/react/src/components/ComboBox/ComboBox.tsx
@@ -591,6 +591,10 @@ class ComboBoxInternal extends React.Component
@@ -609,7 +608,6 @@ exports[`ComboBox Renders correctly when open 1`] = `
forced-color-adjust: none;
}
data-is-focusable="false"
- role="presentation"
tabindex="-1"
type="button"
>
@@ -1377,7 +1375,6 @@ exports[`ComboBox Renders correctly when opened in multi-select mode 1`] = `
forced-color-adjust: none;
}
data-is-focusable="false"
- role="presentation"
tabindex="-1"
type="button"
>
@@ -2284,7 +2281,6 @@ exports[`ComboBox renders with a Keytip correctly 1`] = `
forced-color-adjust: none;
}
data-is-focusable="false"
- role="presentation"
tabindex="-1"
type="button"
>