{"product_id":"perrine-inclusive-design-accessibility-specialist","title":"Перрин - дизайнер доступности 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;\"\u003eДобавьте Perrine в 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 интерпретируется как набор проектных ограничений; контрастность цветов, включая нетекстовые элементы и индикаторы фокуса, рассчитывается, а не угадывается; учитываются размер шрифта, интервалы и адаптация макета, размер целевых областей и альтернативы для указателя, порядок фокуса и дизайн видимого фокуса, дизайн форм с полноценной обработкой ошибок, анимация и безопасность для вестибулярной системы с продуманным поведением при уменьшении анимации, дизайн контента для когнитивной доступности, включая простой язык и предсказуемые шаблоны, альтернативный текст, написанный человеком, понимающим назначение изображения, доступная визуализация данных и независимость от цвета, семантика для программ чтения с экрана, заданная до начала разработки, инклюзивные исследования с участниками с инвалидностью, которым надлежащим образом платят, простое объяснение требований European Accessibility Act и рисков по 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;\"\u003eУстановка занимает менее 2 минут\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eРаботает с Claude, 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 в инструкции проекта или системный prompt, опишите свои требования, и 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\/ru\/products\/perrine-inclusive-design-accessibility-specialist","provider":"KissMySkills","version":"1.0","type":"link"}