[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CD58R0NBE7VAFB25VDTMTP":3,"skill-same:01M6CD58R0NBE7VAFB25VDTMTP":56},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":23,"linkOnly":24,"markdownContent":25,"markdownBody":26,"frontMatter":27,"refName":28,"commitSha":29,"skillDirectory":30,"forksCount":31,"repositoryHtmlUrl":32,"repositoryHomepageUrl":6,"ownerHtmlUrl":33,"ownerBlogUrl":34,"ownerDescription":6,"updatedAt":35,"install":36,"resources":49},"01M6CD58R0NBE7VAFB25VDTMTP","wcag-audit-operable-target-size",null,"Validate touch target sizes meet 44x44px minimum requirement","Jkense\u002Fagent-skills-wcag","Jkense","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F44931777?v=4","01M6CD4YE9ZDK9FQ5RTQH178KA","Jasper Kense","01M6CD4YJ48WGRZXVJ2TGSQ90K",1,"MIT","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-operable-target-size\u002FSKILL.md",[],[19,20,21,22],"audit","WCAG","wcag audit operable target size","validate","2026-11-10 10:12:30",false,"---\nname: wcag-audit-operable-target-size\ndescription: Validate touch target sizes meet 44x44px minimum requirement\n---\n\n## When to Use\nUse this tool when designing buttons, links, form controls, or any interactive elements to ensure they meet minimum touch target size requirements for accessibility.\n\n## Usage\n\n### Command Line\n```bash\nnode scripts\u002Fcheck.js --width 48 --height 48\nnode scripts\u002Fcheck.js --width 32 --height 40 --spacing 8\nnode scripts\u002Fcheck.js --element \"button\" --dimensions \"44x44\"\n```\n\n### JSON Input\n```bash\nnode scripts\u002Fcheck.js --json '{\"width\": 48, \"height\": 48, \"spacing\": 8}'\n```\n\n### Parameters\n- `--width`: Element width in pixels\n- `--height`: Element height in pixels\n- `--spacing`: Minimum spacing between adjacent targets (optional)\n- `--element`: Element type description (optional)\n- `--dimensions`: Dimensions as \"WxH\" format (alternative to width\u002Fheight)\n- `--json`: JSON input with dimensions and spacing properties\n\n### Output\nReturns JSON with compliance status and recommendations:\n\n```json\n{\n  \"dimensions\": {\n    \"width\": 48,\n    \"height\": 48\n  },\n  \"minimumRequired\": {\n    \"width\": 44,\n    \"height\": 44\n  },\n  \"compliance\": {\n    \"size\": true,\n    \"spacing\": true\n  },\n  \"recommendations\": []\n}\n```\n\n## Examples\n\n### Check a button size\n```bash\n$ node scripts\u002Fcheck.js --width 48 --height 48 --element \"primary button\"\n✅ Size: PASS (48x48px meets 44x44px minimum)\n✅ Spacing: PASS (8px spacing provided)\nNo issues found - this target meets accessibility requirements\n```\n\n### Check a small link\n```bash\n$ node scripts\u002Fcheck.js --width 24 --height 16 --element \"footer link\"\n❌ Size: FAIL (24x16px is below 44x44px minimum)\n❌ Spacing: FAIL (insufficient spacing between targets)\nRecommendations:\n- Increase width to at least 44px (currently 24px)\n- Increase height to at least 44px (currently 16px)\n- Ensure at least 8px spacing between adjacent interactive elements\n```\n\n## WCAG Standards\n\n- **Minimum Size**: 44px by 44px (approximately 9mm) for touch targets\n- **Spacing**: Adequate spacing between adjacent targets to prevent accidental activation\n- **Exceptions**: Smaller targets allowed if identical function available with larger target within same page\n- **Enhanced**: 44px by 44px strongly recommended, smaller targets only in exceptional cases\n\n## Best Practices\n\n1. **Use 44x44px minimum**: Design all touch targets at least this size\n2. **Consider thumb size**: Account for finger\u002Fthumb size in mobile designs\n3. **Provide spacing**: Ensure at least 8px between interactive elements\n4. **Test on device**: Verify usability on actual touch devices\n5. **Consider context**: Smaller targets may be acceptable in non-critical areas\n\n## Learn More\n\nFor more information about [Agent Skills](https:\u002F\u002Fagentskills.io\u002Fwhat-are-skills) and how they extend AI capabilities.","## When to Use\nUse this tool when designing buttons, links, form controls, or any interactive elements to ensure they meet minimum touch target size requirements for accessibility.\n\n## Usage\n\n### Command Line\n```bash\nnode scripts\u002Fcheck.js --width 48 --height 48\nnode scripts\u002Fcheck.js --width 32 --height 40 --spacing 8\nnode scripts\u002Fcheck.js --element \"button\" --dimensions \"44x44\"\n```\n\n### JSON Input\n```bash\nnode scripts\u002Fcheck.js --json '{\"width\": 48, \"height\": 48, \"spacing\": 8}'\n```\n\n### Parameters\n- `--width`: Element width in pixels\n- `--height`: Element height in pixels\n- `--spacing`: Minimum spacing between adjacent targets (optional)\n- `--element`: Element type description (optional)\n- `--dimensions`: Dimensions as \"WxH\" format (alternative to width\u002Fheight)\n- `--json`: JSON input with dimensions and spacing properties\n\n### Output\nReturns JSON with compliance status and recommendations:\n\n```json\n{\n  \"dimensions\": {\n    \"width\": 48,\n    \"height\": 48\n  },\n  \"minimumRequired\": {\n    \"width\": 44,\n    \"height\": 44\n  },\n  \"compliance\": {\n    \"size\": true,\n    \"spacing\": true\n  },\n  \"recommendations\": []\n}\n```\n\n## Examples\n\n### Check a button size\n```bash\n$ node scripts\u002Fcheck.js --width 48 --height 48 --element \"primary button\"\n✅ Size: PASS (48x48px meets 44x44px minimum)\n✅ Spacing: PASS (8px spacing provided)\nNo issues found - this target meets accessibility requirements\n```\n\n### Check a small link\n```bash\n$ node scripts\u002Fcheck.js --width 24 --height 16 --element \"footer link\"\n❌ Size: FAIL (24x16px is below 44x44px minimum)\n❌ Spacing: FAIL (insufficient spacing between targets)\nRecommendations:\n- Increase width to at least 44px (currently 24px)\n- Increase height to at least 44px (currently 16px)\n- Ensure at least 8px spacing between adjacent interactive elements\n```\n\n## WCAG Standards\n\n- **Minimum Size**: 44px by 44px (approximately 9mm) for touch targets\n- **Spacing**: Adequate spacing between adjacent targets to prevent accidental activation\n- **Exceptions**: Smaller targets allowed if identical function available with larger target within same page\n- **Enhanced**: 44px by 44px strongly recommended, smaller targets only in exceptional cases\n\n## Best Practices\n\n1. **Use 44x44px minimum**: Design all touch targets at least this size\n2. **Consider thumb size**: Account for finger\u002Fthumb size in mobile designs\n3. **Provide spacing**: Ensure at least 8px between interactive elements\n4. **Test on device**: Verify usability on actual touch devices\n5. **Consider context**: Smaller targets may be acceptable in non-critical areas\n\n## Learn More\n\nFor more information about [Agent Skills](https:\u002F\u002Fagentskills.io\u002Fwhat-are-skills) and how they extend AI capabilities.",{"name":5,"description":7},"main","7fc6eec6adfe1b5509b9e022a163c0a70d6618b5","skills\u002Fwcag-audit-operable-target-size",0,"https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag","https:\u002F\u002Fgithub.com\u002FJkense","https:\u002F\u002Fwww.jasperkense.com\u002F","2026-01-19 23:32:34",{"source":8,"skillName":5,"commands":37,"prompt":47,"zipAvailable":48},[38,41,44],{"tool":39,"command":40},"npx","npx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-operable-target-size",{"tool":42,"command":43},"bunx","bunx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-operable-target-size",{"tool":45,"command":46},"pnpm","pnpm dlx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-operable-target-size","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-operable-target-size\u002FSKILL.md",true,[50],{"path":51,"resourceType":52,"resourceTypeDesc":53,"sizeBytes":54,"sourceHtmlUrl":55},"scripts\u002Fcheck.js","SCRIPT","脚本",6105,"https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-operable-target-size\u002Fscripts\u002Fcheck.js",[57,68,79,90,100,108],{"skillNo":58,"name":59,"nameZh":6,"description":60,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":61,"categories":62,"keywords":63,"publishedAt":23},"01M6CD5Y5BQZP9HA5JM9D0AP0J","wcag-audit-understandable-forms","Route form input and data collection accessibility requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-understandable-forms\u002FSKILL.md",[],[64,20,19,65,66,67],"wcag audit understandable forms","data","collection","accessibility",{"skillNo":69,"name":70,"nameZh":6,"description":71,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":72,"categories":73,"keywords":74,"publishedAt":23},"01M6CD5WEYJVXV3J612QNT4V2E","wcag-audit-understandable-forms-deep","Form design accessibility rules for user input and data collection","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-understandable-forms-deep\u002FSKILL.md",[],[75,20,19,76,77,66,65,67,78],"wcag audit understandable forms deep","user","Rules","design",{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":23},"01M6CD5TJRRHTRVNK3VFRHVMTX","wcag-audit-perceivable-text","Route typography accessibility design decisions and requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text\u002FSKILL.md",[],[86,87,20,19,88,89,67,78],"wcag audit perceivable text","text","typography","decisions",{"skillNo":91,"name":92,"nameZh":6,"description":93,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":23},"01M6CD5RJBBE74VF2XDA88PYBA","wcag-audit-perceivable-text-size","Convert between px, pt, em, rem units with accessibility context","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-size\u002FSKILL.md",[],[97,87,20,19,67,98,99],"wcag audit perceivable text size","context","convert",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":23},"01M6CD5PHW0BWTXETYCCEB8F6W","wcag-audit-perceivable-text-deep","Comprehensive typography accessibility rules for text design and readability","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-deep\u002FSKILL.md",[],[20,19,87,107,78,67,77,88],"wcag audit perceivable text deep",{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":119,"publishedAt":23},"01M6CD5N1KA8EBEP98VATEFFKY","wcag-audit-perceivable-media","Route audio, video, and multimedia accessibility requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-media\u002FSKILL.md",[114],{"categoryNo":115,"categoryName":116,"taxonomyType":117,"taxonomyTypeDesc":118},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[19,120,20,121,67,122,123],"wcag audit perceivable media","Media","Video","Audio"]