Dialog Name Checker
Paste your page HTML and find unnamed modals, missing aria-modal flags and overlays without a close control.
What this tool gives you
Check dialog names
Paste your page HTML. Analysis runs locally in your browser — nothing is sent anywhere.
Every <dialog> or role="dialog" needs a name, modal semantics and a close control.
What this checker looks for
WCAG 4.1.2 fails when a modal is announced as “dialog” with no title. Unnamed overlays also leak background content.
Accessible name
aria-label, aria-labelledby or a heading so AT can say what opened.
Modal flag
Native dialog or aria-modal=true so the rest of the page is inert.
Close control
A named Close/Dismiss button — Escape alone is not enough for every user.
Not title-only
title= tooltips are mouse-only. Prefer a visible heading.
Alertdialogs too
Delete confirms need a name just like marketing modals.
0–100 score
Track unnamed overlays across templates, not just the homepage.
How to name a modal
Three rules cover almost every unnamed overlay in the wild.
Name the overlay
Point aria-labelledby at a heading, or set aria-label. Title tooltips are mouse-only.
Mark it modal
Use <dialog> with showModal(), or aria-modal=true on custom role=dialog overlays.
Add a Close button
A named Dismiss/Close control is required. Escape is not enough for every user.
Why answer engines care about named dialogs
Named overlays are a cheap-to-parse signal that the page has real conversion UI, not a silent trap.
| Signal | What engines infer | Why it helps |
|---|---|---|
| Named dialogs | The overlay has a purpose. | Extractors can quote Upgrade vs Delete, not “dialog”. |
| aria-modal | Background content is inert. | Crawlers stay on the primary task instead of leaked chrome. |
| Close control | Users can leave without a trap. | Lower bounce on AI-referred visits. |
| WCAG 4.1.2 pass | Name, Role, Value still hold. | Citable, trustworthy pages get quoted more often. |
| Native dialog | The page uses platform UI. | Predictable structure beats a custom div overlay. |
Related GEO pages
Named dialogs pair with expanded menus and hidden-focus hygiene so overlays do not trap keyboard users.
Dialog name FAQs
Why do unnamed dialogs fail accessibility?
WCAG 4.1.2 requires a name, role and value. An unnamed overlay is announced as “dialog” with no title, so users cannot tell Upgrade from Delete. Use aria-labelledby on a heading, or aria-label.
Is a native <dialog> enough without aria-modal?
Yes for the native element — <dialog> is already modal when shown with showModal(). Custom role=dialog overlays still need aria-modal=true so background content is treated as inert.
Does Escape replace a Close button?
No. Keyboard users who do not know the shortcut, and many mobile AT users, need a named Close or Dismiss control inside the dialog.