{
  "id": "F104",
  "rulePrefix": "F104",
  "variant": null,
  "ruleType": "w3c-failure",
  "scanScope": "specimen",
  "synthetic": false,
  "status": "current",
  "title": "Failure of Success Criterion 1.4.12 due to clipped or overlapped content when text spacing is adjusted",
  "summary": "clipped or overlapped content when text spacing is adjusted",
  "whyItFails": "This page reproduces the F104 failure pattern so auditors can verify detection against 1.4.12, 1.4.4.",
  "principles": [
    "perceivable"
  ],
  "guidelines": [
    "1.4"
  ],
  "successCriteria": [
    {
      "id": "1.4.12",
      "name": "Text Spacing",
      "level": "AA",
      "slug": "text-spacing"
    },
    {
      "id": "1.4.4",
      "name": "Resize Text",
      "level": "AA",
      "slug": "resize-text"
    }
  ],
  "versions": [
    "2.0",
    "2.1",
    "2.2"
  ],
  "automatable": "yes",
  "requires": [
    "html",
    "css"
  ],
  "isolated": true,
  "pairWith": [],
  "w3c": {
    "understanding": [
      "https://www.w3.org/WAI/WCAG22/Understanding/text-spacing",
      "https://www.w3.org/WAI/WCAG22/Understanding/resize-text"
    ],
    "quickref": [
      "https://www.w3.org/WAI/WCAG22/quickref/#text-spacing",
      "https://www.w3.org/WAI/WCAG22/quickref/#resize-text"
    ],
    "technique": "https://www.w3.org/WAI/WCAG22/Techniques/failures/F104"
  },
  "specimen": {
    "html": "<p class=\"f104-text\">Adjust text spacing to see clipped overlapping lines in this narrow box.</p>",
    "css": ".f104-text {\n  width: 180px;\n  height: 3.2em;\n  overflow: hidden;\n  line-height: 1 !important;\n  letter-spacing: 0 !important;\n  word-spacing: 0 !important;\n}",
    "js": "",
    "assets": [],
    "demoHint": "Click Show failure to apply WCAG 1.4.12 text spacing — content clips and overlaps.",
    "demoAction": "(function(){\n  var id='f104-spacing-style';\n  if(document.getElementById(id))return;\n  var s=document.createElement('style');\n  s.id=id;\n  s.textContent='.f104-text{line-height:1.5!important;letter-spacing:.12em!important;word-spacing:.16em!important;}';\n  document.head.appendChild(s);\n})();"
  },
  "expectedFindings": [
    {
      "sc": "1.4.12",
      "outcome": "fail",
      "note": "Specimen demonstrates failure of 1.4.12."
    },
    {
      "sc": "1.4.4",
      "outcome": "fail",
      "note": "Specimen demonstrates failure of 1.4.4."
    }
  ],
  "mustNotFlag": [],
  "manualCheck": "Confirm the specimen demonstrates the documented F104 failure in isolation.",
  "generated": {
    "url": "https://wcagfail.patternd.io/specimens/F104/",
    "lastmod": "2026-10-08"
  }
}