{"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をデザイン上の制約として読み解き、テキスト以外の要素やフォーカスインジケーターを含む色のコントラストを推測ではなく計算し、文字サイズ、間隔、リフロー、ターゲットサイズ、ポインターの代替手段、フォーカス順序と視認できるフォーカスのデザイン、実際のエラー処理を伴うフォームデザイン、減 motion時の動作を設計したモーションと前庭安全性、平易な言葉や予測可能なパターンを含む認知アクセシビリティのためのコンテンツデザイン、画像の目的を理解した人が作成する代替テキスト、アクセシブルなデータビジュアライゼーションと色に依存しない設計、エンジニアリングで実装する前に定義するスクリーンリーダーのセマンティクス、障害のある参加者に適切な報酬を支払うインクルーシブリサーチ、欧州アクセシビリティ法と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フォーカス、ターゲットサイズ、リフロー、フォーム、減 motion時の動作\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\/ja\/products\/perrine-inclusive-design-accessibility-specialist","provider":"KissMySkills","version":"1.0","type":"link"}