Skip to content
This repository was archived by the owner on Apr 14, 2026. It is now read-only.

fix: add accessible DialogTitle to IDKitWidget dialog - #394

Open
adamdaum wants to merge 1 commit into
worldcoin:mainfrom
adamdaum:fix/accessible-dialog-title
Open

fix: add accessible DialogTitle to IDKitWidget dialog#394
adamdaum wants to merge 1 commit into
worldcoin:mainfrom
adamdaum:fix/accessible-dialog-title

Conversation

@adamdaum

@adamdaum adamdaum commented Mar 4, 2026

Copy link
Copy Markdown

Summary

  • Wraps Dialog.Title in VisuallyHidden.Root with meaningful text ("Verify your identity") so screen readers can announce the dialog's purpose
  • Adds @radix-ui/react-visually-hidden as an explicit dependency (already in lockfile as transitive dep)
  • Eliminates the console error in Next.js 15+: DialogContent requires a DialogTitle for the component to be accessible

Closes #378

Test plan

  • pnpm install resolves without errors
  • pnpm build succeeds across all packages
  • Open IDKit widget in examples/with-next — no console error about missing DialogTitle
  • No visual change to the dialog
  • Screen reader announces "Verify your identity" when dialog opens

🤖 Generated with Claude Code

Wrap Dialog.Title in VisuallyHidden to provide screen reader text
without changing the visual appearance. Fixes the console error in
Next.js 15+ about DialogContent requiring a DialogTitle.

Closes worldcoin#378

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

React IDKitWidget DialogTitle Error Message Next.js 15.5.4

1 participant