diff --git a/packages/studio/src/player/components/ShortcutsPanel.test.tsx b/packages/studio/src/player/components/ShortcutsPanel.test.tsx index 95ab9c1ea..31d5b0f9f 100644 --- a/packages/studio/src/player/components/ShortcutsPanel.test.tsx +++ b/packages/studio/src/player/components/ShortcutsPanel.test.tsx @@ -150,7 +150,9 @@ describe("ShortcutsPanel", () => { expect(panelId).not.toBeNull(); expect(panel?.getAttribute("role")).toBe("dialog"); - expect(panel?.getAttribute("aria-modal")).toBe("true"); + // Non-modal on purpose: focus is not trapped and the editor behind stays + // operable, so aria-modal would lie to assistive tech about inertness. + expect(panel?.getAttribute("aria-modal")).toBeNull(); expect(panel?.id).toBe(panelId); }); }); diff --git a/packages/studio/src/player/components/ShortcutsPanel.tsx b/packages/studio/src/player/components/ShortcutsPanel.tsx index 9eb5e72c7..d36336e41 100644 --- a/packages/studio/src/player/components/ShortcutsPanel.tsx +++ b/packages/studio/src/player/components/ShortcutsPanel.tsx @@ -170,7 +170,9 @@ export const ShortcutsPanel = memo(function ShortcutsPanel({