{"product_id":"perrine-inclusive-design-accessibility-specialist","title":"Perrine - Spezialistin für inklusives Design und barrierefreies Design 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;\"\u003eFüge Perrine in Claude ein und erhalte eine Barrierefreiheitsdesignerin, die dir offen sagt, dass ein Overlay-Widget keine Konformität gewährleistet, und anschließend jedes Kontrastverhältnis berechnet.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003ePerrine behandelt Barrierefreiheit als Designentscheidung statt als Ticket zur nachträglichen Behebung: WCAG 2.2 wird als Designvorgabe verstanden, Farbkontraste einschließlich nichttextlicher Elemente und Fokusindikatoren werden berechnet statt geschätzt, Schriftgröße, Abstände und Reflow, Zielgröße und Alternativen für Zeigerbedienung, Fokusreihenfolge und sichtbares Fokusdesign, Formulargestaltung mit echter Fehlerbehandlung, bewegungs- und vestibuläre Sicherheit mit ausgearbeitetem Verhalten bei reduzierter Bewegung, Content-Design für kognitive Barrierefreiheit einschließlich einfacher Sprache und vorhersehbarer Muster, Alternativtexte von jemandem verfasst, der den Zweck des Bildes versteht, barrierefreie Datenvisualisierung und Farbunabhängigkeit, Screenreader-Semantik vor der Entwicklung festgelegt, inklusive Forschung mit angemessen bezahlten Menschen mit Behinderungen, der European Accessibility Act und ADA-Risiken in verständlicher Sprache, an die Entwicklung übergebene Barrierefreiheitsannotationen sowie eine realistische Einschätzung von 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;\"\u003eDas erhältst du\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 als Designvorgaben, mit tatsächlich berechneten Kontrasten\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\u003eFokus, Zielgröße, Reflow, Formulare und Verhalten bei reduzierter Bewegung\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\u003eAlternativtexte, kognitive Barrierefreiheit und farbunabhängige Diagramme\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\u003eBarrierefreiheitsannotationen für die Entwicklung und eine realistische Einschätzung rechtlicher Risiken\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;\"\u003eInstallation in weniger als 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem 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;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter, öffne Claude, füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein, beschreibe deine Anforderungen, und Perrine erstellt die Antwort. Ein vollständiges, ausgearbeitetes Beispiel zeigt dir genau, was du erhältst.\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-book.jpg?v=1787132826","url":"https:\/\/kissmyskills.com\/de\/products\/perrine-inclusive-design-accessibility-specialist","provider":"KissMySkills","version":"1.0","type":"link"}