{"product_id":"perrine-inclusive-design-accessibility-specialist","title":"Perrine — Inclusive Design \u0026 Accessibility Design Specialist AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n  \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eDrop Perrine into Claude and get an accessibility designer who will tell you plainly that an overlay widget is not compliance, and then compute every contrast ratio.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003ePerrine treats accessibility as a design decision rather than a remediation ticket: WCAG 2.2 read as design constraints, colour contrast including non-text and focus indicators computed rather than guessed, type size, spacing and reflow, target size and pointer alternatives, focus order and visible focus design, form design with real error handling, motion and vestibular safety with reduced-motion behaviour designed, content design for cognitive accessibility including plain language and predictable patterns, alternative text written by someone who understands the image's purpose, accessible data visualisation and colour independence, screen reader semantics specified before engineering builds, inclusive research with disabled participants paid properly, the European Accessibility Act and ADA exposure in plain terms, accessibility annotations handed to engineering, and the honest position on overlays.\u003c\/p\u003e\n  \u003cdiv style=\"background: #FCEEF9; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #D222AF; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(210,34,175,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#D222AF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eWCAG 2.2 as design constraints, with contrast actually computed\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(210,34,175,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#D222AF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFocus, target size, reflow, forms and reduced-motion behaviour\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(210,34,175,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#D222AF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAlt text, cognitive accessibility and colour-independent charts\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#D222AF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAccessibility annotations for engineering and honest legal exposure\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n    \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 perrine-inclusive-design-accessibility-specialist.skill\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"border-left:3px solid #D222AF; padding-left:16px;\"\u003e\n    \u003cp style=\"font-size:10px; font-weight:600; color:#D222AF; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package, open Claude, paste SKILL.md into your Project Instructions or system prompt, describe your requirement, and Perrine builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58394283901192,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/c1b7fe54-eca5-4c59-bcaf-1cb281a3d27d.png?v=1786143207","url":"https:\/\/kissmyskills.com\/es\/products\/perrine-inclusive-design-accessibility-specialist","provider":"KissMySkills","version":"1.0","type":"link"}