Skip to main content
ninna-ui
localhost:3000/examples/comments-section

Discussion

6 comments
Y
SC

Sarah Chen

Maintainer

2 hours ago

This is a great approach to handling accessible dialogs. One thing I would add is that you should also consider the `inert` attribute on the rest of the page content when the modal is open. It is now supported in all modern browsers.

AR

Alex Rivera

1 hour ago

Great point! We actually added `inert` support in v1.2. It works alongside the focus trap to ensure screen readers cannot navigate outside the dialog.

JL

Jordan Lee

45 min ago

Is `inert` better than `aria-hidden` on the root? We have been using the latter approach.

MK

Marcus Kim

4 hours ago

I have been looking for exactly this kind of breakdown. The comparison between CSS-in-JS theming and pure CSS custom properties was super helpful. Switching our entire design system to CSS variables reduced our JS bundle by 14 KB.