Accessibility error in radix/dialog related to focus guard

[vcherevatyi-smartling]

Bug report

I've tested the dialog component with jest-axe and Level Access Chrome extension, and I had the same error.

Current Behavior

Report:
Error name: Focusable element with aria-hidden true
level: High
Details: WCAG 2.2 Level A - 2.1.1 Keyboard
HTML element: <span data-radix-focus-guard="" tabindex="0" data-aria-hidden="true" aria-hidden="true" style="outline: none; opacity: 0; position: fixed; pointer-events: none;"></span>

Expected behavior

Test report: No errors

Reproducible example

CodeSandbox example

Suggested solution

--

Your environment

jest-axe and browser

Software	Name(s)	Version
Radix Package(s)	dialog	1.1.14
React	n/a	18.1
Browser	Chrome	137
Assistive tech
Node	22
npm/yarn/pnpm	pnpm	7.33.1
Operating System	macOS	15.3.2