[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CD5FCCSZDPAP5RFNRQT0EG":3,"skill-same:01M6CD5FCCSZDPAP5RFNRQT0EG":54},{"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":27,"linkOnly":28,"markdownContent":29,"markdownBody":30,"frontMatter":31,"refName":32,"commitSha":33,"skillDirectory":34,"forksCount":35,"repositoryHtmlUrl":36,"repositoryHomepageUrl":6,"ownerHtmlUrl":37,"ownerBlogUrl":38,"ownerDescription":6,"updatedAt":39,"install":40,"resources":53},"01M6CD5FCCSZDPAP5RFNRQT0EG","wcag-audit-perceivable-layout-deep",null,"Page structure and spatial organization accessibility design patterns","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-perceivable-layout-deep\u002FSKILL.md",[],[19,20,21,22,23,24,25,26],"audit","WCAG","wcag audit perceivable layout deep","design","accessibility","page","design patterns","Spatial","2026-11-10 10:12:30",false,"---\nname: wcag-audit-perceivable-layout-deep\ndescription: Page structure and spatial organization accessibility design patterns\n---\n\n## When to Use\nApply when organizing content, creating page structures, or arranging visual elements spatially.\n\n## Rules\n- Use semantic HTML structure for content hierarchy\n- Ensure logical reading and navigation order\n- Provide clear visual groupings of related content\n- Maintain consistent layout patterns across similar pages\n- Ensure content reflows appropriately on different screen sizes\n- Provide clear landmarks and section headings\n- Avoid layout that depends solely on sensory characteristics\n- Ensure touch targets meet minimum size requirements (44px by 44px)\n- Provide visible focus indicators that are clearly distinguishable\n- Ensure focus order follows logical reading sequence\n- Avoid focus traps that prevent keyboard navigation\n- Provide skip links for repeated navigation sections\n\n## Avoid\n- Layout that becomes unusable when zoomed or reflowed\n- Content that relies only on shape, size, or position for meaning\n- Inconsistent navigation patterns between pages\n- Overlapping or obscured interactive elements","## When to Use\nApply when organizing content, creating page structures, or arranging visual elements spatially.\n\n## Rules\n- Use semantic HTML structure for content hierarchy\n- Ensure logical reading and navigation order\n- Provide clear visual groupings of related content\n- Maintain consistent layout patterns across similar pages\n- Ensure content reflows appropriately on different screen sizes\n- Provide clear landmarks and section headings\n- Avoid layout that depends solely on sensory characteristics\n- Ensure touch targets meet minimum size requirements (44px by 44px)\n- Provide visible focus indicators that are clearly distinguishable\n- Ensure focus order follows logical reading sequence\n- Avoid focus traps that prevent keyboard navigation\n- Provide skip links for repeated navigation sections\n\n## Avoid\n- Layout that becomes unusable when zoomed or reflowed\n- Content that relies only on shape, size, or position for meaning\n- Inconsistent navigation patterns between pages\n- Overlapping or obscured interactive elements",{"name":5,"description":7},"main","7fc6eec6adfe1b5509b9e022a163c0a70d6618b5","skills\u002Fwcag-audit-perceivable-layout-deep",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":41,"prompt":51,"zipAvailable":52},[42,45,48],{"tool":43,"command":44},"npx","npx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-layout-deep",{"tool":46,"command":47},"bunx","bunx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-layout-deep",{"tool":49,"command":50},"pnpm","pnpm dlx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-layout-deep","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-layout-deep\u002FSKILL.md",true,[],[55,65,75,86,96,104],{"skillNo":56,"name":57,"nameZh":6,"description":58,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":59,"categories":60,"keywords":61,"publishedAt":27},"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",[],[62,20,19,63,64,23],"wcag audit understandable forms","data","collection",{"skillNo":66,"name":67,"nameZh":6,"description":68,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":69,"categories":70,"keywords":71,"publishedAt":27},"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",[],[72,20,19,73,74,64,63,23,22],"wcag audit understandable forms deep","user","Rules",{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":81,"publishedAt":27},"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",[],[82,83,20,19,84,85,23,22],"wcag audit perceivable text","text","typography","decisions",{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":92,"publishedAt":27},"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",[],[93,83,20,19,23,94,95],"wcag audit perceivable text size","context","convert",{"skillNo":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":102,"publishedAt":27},"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,83,103,22,23,74,84],"wcag audit perceivable text deep",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":115,"publishedAt":27},"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",[110],{"categoryNo":111,"categoryName":112,"taxonomyType":113,"taxonomyTypeDesc":114},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[19,116,20,117,23,118,119],"wcag audit perceivable media","Media","Video","Audio"]