diff --git a/CHANGELOG.md b/CHANGELOG.md index 5564342c..4097d180 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,8 @@ and this project adheres to ### Changed - 💄(frontend) improve comments highlights #1961 +- ♿(frontend) use aria-haspopup menu on DropButton triggers + #2126 ## [v4.8.3] - 2026-03-23 diff --git a/src/frontend/apps/impress/src/components/DropButton.tsx b/src/frontend/apps/impress/src/components/DropButton.tsx index 141eb9d8..3fb6345c 100644 --- a/src/frontend/apps/impress/src/components/DropButton.tsx +++ b/src/frontend/apps/impress/src/components/DropButton.tsx @@ -93,7 +93,7 @@ export const DropButton = ({ onOpenChangeHandler(true); }} aria-label={label} - aria-haspopup="true" + aria-haspopup="menu" aria-expanded={isLocalOpen} data-testid={testId} $css={css` diff --git a/src/frontend/apps/impress/src/components/dropdown-menu/__tests__/DropdownMenu.spec.tsx b/src/frontend/apps/impress/src/components/dropdown-menu/__tests__/DropdownMenu.spec.tsx index 6210c9fc..9862d993 100644 --- a/src/frontend/apps/impress/src/components/dropdown-menu/__tests__/DropdownMenu.spec.tsx +++ b/src/frontend/apps/impress/src/components/dropdown-menu/__tests__/DropdownMenu.spec.tsx @@ -94,7 +94,7 @@ describe('', () => { ); const trigger = screen.getByRole('button', { name: 'Select language' }); - expect(trigger).toHaveAttribute('aria-haspopup', 'true'); + expect(trigger).toHaveAttribute('aria-haspopup', 'menu'); expect(trigger).toHaveAttribute('aria-expanded', 'false'); await userEvent.click(trigger);