{
  "id": "SC-2.4.12",
  "rulePrefix": "SC-2.4.12",
  "variant": null,
  "ruleType": "synthetic-sc",
  "scanScope": "specimen",
  "synthetic": true,
  "status": "current",
  "title": "Modal fully covers focused control",
  "summary": "A full-screen overlay hides the focused element from view.",
  "whyItFails": "Keyboard users lose sight of focus because the modal obscures the entire focused control with no partial visibility.",
  "principles": [
    "operable"
  ],
  "guidelines": [
    "2.4"
  ],
  "successCriteria": [
    {
      "id": "2.4.12",
      "name": "Focus Not Obscured (Enhanced)",
      "level": "AAA",
      "slug": "focus-not-obscured-enhanced"
    }
  ],
  "versions": [
    "2.2"
  ],
  "automatable": "partial",
  "requires": [
    "css",
    "js"
  ],
  "isolated": true,
  "pairWith": [],
  "w3c": {
    "understanding": [
      "https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-enhanced"
    ],
    "quickref": [
      "https://www.w3.org/WAI/WCAG22/quickref/#focus-not-obscured-enhanced"
    ]
  },
  "specimen": {
    "html": "<div class=\"sc2412-wrap\">\n  <input type=\"text\" id=\"sc2412-input\" value=\"Focused field\">\n  <div class=\"sc2412-overlay\" aria-hidden=\"true\"></div>\n</div>",
    "css": ".sc2412-wrap { position: relative; margin-top: 80px; }\n.sc2412-overlay { position: absolute; inset: -20px -10px -10px -10px; background: rgba(0,0,0,0.85); pointer-events: none; z-index: 5; }\n#sc2412-input:focus { outline: 2px solid #0af; }",
    "js": "",
    "assets": [],
    "demoHint": "Tab to the field — the dark overlay fully hides the focused control.",
    "demoAction": "document.getElementById('sc2412-input')?.focus();"
  },
  "expectedFindings": [
    {
      "sc": "2.4.12",
      "outcome": "fail",
      "note": "Specimen demonstrates failure of 2.4.12."
    }
  ],
  "mustNotFlag": [],
  "manualCheck": "Tab to a control, open the overlay, and confirm no part of the focused control remains visible.",
  "generated": {
    "url": "https://wcagfail.patternd.io/specimens/SC-2.4.12/",
    "lastmod": "2026-10-08"
  }
}