spec 1 linked patterns checked

W3C WCAG Technique H102: Creating modal dialogs with the HTML dialog element

Documents modal dialog implementation checks including Escape dismissal and returning focus to the invoking element.

Read with a purpose

What this source can teach

Use this source to check a technical or accessibility requirement against its exact wording and scope.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Modal dialog Choose a modal dialog for a short contained task that must temporarily suspend interaction with the page behind it. Opening the modal moves focus to the best starting element inside the dialog, not to the dimmed page. Documents HTML modal dialog checks including Escape dismissal and focus returning to the invoking element.

Evidence Role

This source is treated as spec evidence. Its value comes from the specific claims and setting described above.

Publisher: W3C Web Accessibility Initiative. Last checked: .

Saved items