{
  "@context": "https://schema.org",
  "@id": "https://webspecification.com/spec/accessibility/touch-target-size.jsonld",
  "@graph": [
    {
      "@type": "TechArticle",
      "@id": "https://webspecification.com/spec/accessibility/touch-target-size/#article",
      "headline": "Touch target size",
      "description": "Interactive controls must be large enough to tap or click reliably. WCAG 2.2 sets a 24×24 CSS px minimum, with 44×44 CSS px as the enhanced target.",
      "url": "https://webspecification.com/spec/accessibility/touch-target-size/",
      "inLanguage": "en",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://webspecification.com/#website",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "author": {
        "@type": "Person",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "publisher": {
        "@type": "Organization",
        "@id": "https://webspecification.com/#organization",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "license": "https://creativecommons.org/licenses/by/4.0/",
      "dateModified": "2026-06-08T00:00:00.000Z",
      "citation": [
        {
          "@type": "CreativeWork",
          "name": "WCAG 2.5.8 — Target Size (Minimum) Level AA",
          "url": "https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html",
          "publisher": {
            "@type": "Organization",
            "name": "W3C"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "WCAG 2.5.5 — Target Size (Enhanced) Level AAA",
          "url": "https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced.html",
          "publisher": {
            "@type": "Organization",
            "name": "W3C"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "MDN — pointer (media feature)",
          "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer",
          "publisher": {
            "@type": "Organization",
            "name": "MDN"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "Human Interface Guidelines — Layout",
          "url": "https://developer.apple.com/design/human-interface-guidelines/layout",
          "publisher": {
            "@type": "Organization",
            "name": "Apple"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "Material Design — Accessibility: Layout and typography",
          "url": "https://m2.material.io/design/usability/accessibility.html#layout-and-typography",
          "publisher": {
            "@type": "Organization",
            "name": "Google"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "WP Accessibility",
          "url": "https://wpaccessibility.org/",
          "publisher": {
            "@type": "Organization",
            "name": "WP Accessibility"
          }
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://webspecification.com/spec/accessibility/touch-target-size/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://webspecification.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Spec",
          "item": "https://webspecification.com/spec/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Accessibility",
          "item": "https://webspecification.com/spec/accessibility/"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Touch target size",
          "item": "https://webspecification.com/spec/accessibility/touch-target-size/"
        }
      ]
    }
  ]
}