{
  "schema": "vedokrok.public-item.v1",
  "release_id": "MHC-RPUB-20260920-75ad787a",
  "url": "/knowledge/test-the-target-and-its-neighbours-not-just-the-icon",
  "id": "MHC-D-RESEARCH-1108",
  "version": "0.1.0",
  "title": "Test the target and its neighbours, not just the icon",
  "summary": "The finger meets the clickable area, not the design file.",
  "kind": "protocol",
  "body": "Inspect the actual pointer target and its spacing from nearby targets. WCAG 2.5.8 uses a 24 by 24 CSS pixel minimum with defined exceptions, including qualifying spacing. Apply the complete condition rather than treating one icon dimension as the whole test.",
  "limits": [
    "CSS pixels are not physical screen pixels. Passing the minimum criterion does not prove comfort or suitability for every user."
  ],
  "topics": [
    "accessible-workflows-50"
  ],
  "intents": [],
  "source_ids": [
    "RS-447E7F1844CB9DDF"
  ],
  "evidence": [
    {
      "claim": "WCAG 2.5.8 at Level AA specifies a 24 by 24 CSS pixel minimum target or applicable exceptions, including qualifying spacing.",
      "source_id": "RS-447E7F1844CB9DDF",
      "role": "supports",
      "note": "Do not replace the complete criterion with a claim that every target must be enlarged to the same dimensions.",
      "locator": "Success criterion and exception explanations."
    }
  ],
  "use_when": [
    "Small controls are difficult to activate without hitting something else."
  ],
  "avoid_when": [
    "CSS pixels are not physical screen pixels. Passing the minimum criterion does not prove comfort or suitability for every user."
  ],
  "example": "A tiny visible icon has a larger implemented target, while two adjacent text actions overlap their effective hit areas. They need different fixes.",
  "check": "Can the user reliably choose the intended action without an unintended neighbour receiving it?",
  "steps": [
    "Measure the implemented hit area, not only its visible artwork.",
    "Check adjacent controls, spacing and any applicable exception.",
    "Try the important task on the intended input device and viewport."
  ],
  "sources": [
    {
      "id": "RS-447E7F1844CB9DDF",
      "title": "Understanding Success Criterion 2.5.8: Target Size (Minimum)",
      "url": "https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html"
    }
  ],
  "relations": [
    {
      "from": "MHC-D-RESEARCH-1108",
      "to": "MHC-D-RESEARCH-1100",
      "type": "useful_with",
      "url": "/knowledge/complete-the-journey-with-the-keyboard-alone"
    }
  ],
  "collections": [
    {
      "id": "RC-F151F4A278F577C4",
      "title": "Make the task usable across different ways of accessing it",
      "url": "/collections/make-the-task-usable-across-different-ways-of-accessing-it"
    }
  ]
}
