{"product_id":"perrine-inclusive-design-accessibility-specialist","title":"Perrine - 접근성 디자이너 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;\"\u003ePerrine을 Claude에 추가하면 오버레이 위젯은 규정 준수가 아니라고 분명하게 말하고 모든 대비 비율을 계산해 주는 접근성 디자이너를 만나게 됩니다.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003ePerrine은 접근성을 사후 수정 작업이 아니라 디자인 결정으로 다룹니다. WCAG 2.2를 디자인 제약 조건으로 해석하고, 추측이 아니라 텍스트가 아닌 요소와 포커스 표시기의 색상 대비를 계산하며, 글자 크기, 간격과 리플로, 대상 크기와 포인터 대안, 포커스 순서와 가시적 포커스 디자인, 실제 오류 처리를 포함한 양식 디자인, 모션 및 전정 안전성과 모션 감소 동작을 고려한 디자인, 쉬운 언어와 예측 가능한 패턴을 포함한 인지 접근성을 위한 콘텐츠 디자인, 이미지의 목적을 이해하는 사람이 작성한 대체 텍스트, 접근 가능한 데이터 시각화와 색상 독립성, 엔지니어링 구현 전에 정의한 스크린 리더 시맨틱, 장애가 있는 참가자에게 정당한 보상을 제공하는 포용적 리서치, 유럽 접근성 법과 ADA 리스크를 쉬운 말로 설명하는 것, 엔지니어링에 전달하는 접근성 주석, 그리고 오버레이에 대한 솔직한 입장을 제공합니다.\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;\"\u003e제공 사항\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를 디자인 제약 조건으로 적용하고 대비를 실제로 계산\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\u003e포커스, 대상 크기, 리플로, 양식 및 모션 감소 동작\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\u003e대체 텍스트, 인지 접근성 및 색상에 의존하지 않는 차트\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\u003e엔지니어링을 위한 접근성 주석 및 솔직한 법적 리스크\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;\"\u003e2분 이내에 설치\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅에서 작동\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;\"\u003e설치 방법\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e.skill 패키지를 다운로드하고 Claude를 연 다음, SKILL.md를 프로젝트 지침 또는 시스템 프롬프트에 붙여 넣고 요구 사항을 설명하면 Perrine이 답변을 작성합니다. 무엇을 받게 되는지 정확히 확인할 수 있도록 전체 작업 예시가 포함되어 있습니다.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58394283901192,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/perrine-inclusive-design-accessibility-specialist-1.png?v=1789463513","url":"https:\/\/kissmyskills.com\/ko\/products\/perrine-inclusive-design-accessibility-specialist","provider":"KissMySkills","version":"1.0","type":"link"}