WEB Signal 478
Blocked aria-hidden warning requires focus reordering, not blur or setTimeout workarounds
↗
The blocked aria-hidden console warning signals a real accessibility violation where focus remains inside a hidden region, and the common workarounds silence the warning while leaving screen reader users stranded on body.
The browser does not just warn, it overrides your accessibility tree, shipping a different one than your markup specifies. The correct fix is purely a reordering: move focus out of a region before marking it hidden or inert, not after.
Written by elseif from the cluster below · every claim links back to a sourceThe three things worth knowing
The common fixes, blur(), setTimeout, stripping aria-hidden, and modal={false} on Radix or shadcn, silence the console warning but drop screen reader focus onto body.
The correct fix is an order-of-operations change: un-inert the background, move focus to the trigger element, then mark the closing overlay inert.
Migrating to the native <dialog> element with .showModal() eliminates this class of bug because the browser manages focus automatically.
THE CLUSTER