[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"general-list":3,"footer-feature-tags":4,"slate-glossary-term-accessibility":66},true,[5,14,20,29,34,40,46,52,56,62],{"id":6,"name":7,"hex":8,"translations":9,"count_pages":13},8,"Компания","#f40925",{"ru":10,"en":11},{"name":7},{"name":12},"Company",9,{"id":15,"name":16,"hex":17,"translations":18,"count_pages":6},26,"Главная страница",null,{"ru":19},{"name":16},{"id":21,"name":22,"hex":23,"translations":24,"count_pages":28},2,"Проекты","#3027ff",{"ru":25,"en":26},{"name":22},{"name":27},"Project",15,{"id":30,"name":31,"hex":17,"translations":32,"count_pages":21},33,"ИИ",{"ru":33},{"name":31},{"id":35,"name":36,"hex":17,"translations":37,"count_pages":39},34,"Комментарии",{"ru":38},{"name":36},4,{"id":41,"name":42,"hex":17,"translations":43,"count_pages":45},25,"Задачи",{"ru":44},{"name":42},24,{"id":47,"name":48,"hex":17,"translations":49,"count_pages":51},27,"Рабочие пространства",{"ru":50},{"name":48},3,{"id":45,"name":53,"hex":17,"translations":54,"count_pages":6},"Kanban-доска",{"ru":55},{"name":53},{"id":57,"name":58,"hex":17,"translations":59,"count_pages":61},23,"Диаграмма Ганта",{"ru":60},{"name":58},1,{"id":28,"name":63,"hex":17,"translations":64,"count_pages":61},"Календарь",{"ru":65},{"name":63},{"detail":67,"more":160},{"id":68,"slug":69,"translations":70,"category":84,"tags":92,"letter":111,"og_image":17,"cover":17,"author_name":17,"author_position":17,"author_avatar":17,"faqs":112,"related":126,"views_count":157,"helpful_yes_count":115,"helpful_no_count":115,"created_at":158,"updated_at":159,"published_at":17},324,"accessibility",{"ru":71},{"title":72,"short_definition":73,"tldr":74,"full_explanation":75,"when_to_apply":76,"when_not_to_apply":77,"examples":78,"tips":79,"synonyms":80,"translation_en":81,"seo_title":82,"seo_description":83},"Доступность (a11y)","Принципы и практики проектирования продукта, которым могут пользоваться люди с разными возможностями, включая нарушения зрения, слуха, моторики.","Доступность — это не «забота о меньшинствах», а нормальное проектирование. Контраст текста, крупные кликабельные элементы, работа с клавиатуры и текстовые описания картинок помогают и людям с нарушениями зрения, и всем остальным. По данным ВОЗ, около 16% людей в мире живут с устойчивой инвалидностью, и ещё больше — с временными ограничениями: травма руки, плохой свет, шумное место.","\u003Cp>Доступность часто сокращают до a11y: между первой «a» и последней «y» в английском слове accessibility ровно 11 букв. Основной стандарт в этой области — WCAG.\u003C\u002Fp>\u003Ch3>Что обычно проверяют\u003C\u002Fh3>\u003Cul>\u003Cli>Контраст текста и фона: не ниже 4,5:1 для основного текста.\u003C\u002Fli>\u003Cli>Размер интерактивных элементов: 44×44 пикселя — комфортный минимум.\u003C\u002Fli>\u003Cli>Работа без мыши: можно ли пройти все ключевые сценарии с клавиатуры.\u003C\u002Fli>\u003Cli>Текстовые описания картинок и иконок.\u003C\u002Fli>\u003Cli>Понятные сообщения об ошибках, привязанные к полям формы.\u003C\u002Fli>\u003Cli>Поддержка программ экранного доступа и других вспомогательных технологий.\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>Почему это важно бизнесу\u003C\u002Fh3>\u003Cul>\u003Cli>Прямые требования регуляторов и крупных корпоративных заказчиков.\u003C\u002Fli>\u003Cli>Расширение аудитории: миллионы людей просто не пользуются неудобными продуктами.\u003C\u002Fli>\u003Cli>Более понятная разметка страниц, а вместе с ней и лучший результат в поиске.\u003C\u002Fli>\u003Cli>Меньше нагрузки на поддержку: люди реже ошибаются и реже пишут «не могу нажать кнопку».\u003C\u002Fli>\u003C\u002Ful>","\u003Cul>\u003Cli>В любом продукте с публичной аудиторией\u003C\u002Fli>\u003Cli>В государственных, банковских, медицинских сервисах — это часто требование закона\u003C\u002Fli>\u003Cli>В B2B-продуктах для крупных корпораций с собственными требованиями\u003C\u002Fli>\u003C\u002Ful>","\u003Cul>\u003Cli>Не существует: даже внутренние инструменты выигрывают от доступности — среди ваших сотрудников тоже есть люди с разными возможностями\u003C\u002Fli>\u003C\u002Ful>","\u003Cp>Команда встроила автоматическую проверку контраста в дизайн-систему: все цвета и шрифты теперь прогоняются через требования WCAG AA. Сразу выяснилось, что светло-серый текст подсказок в формах не проходит по контрасту. После правки разницу заметили и пользователи без нарушений зрения: формы стали понятнее, а операторы поддержки получили на треть меньше уточняющих вопросов «куда нажать».\u003C\u002Fp>","\u003Cp>Практический минимум на старте: автоматическая проверка контраста, проход по всем ключевым сценариям с клавиатуры и текстовые описания к важным картинкам. Эти три вещи закрывают большую часть грубых проблем доступности и не требуют переписывать продукт.\u003C\u002Fp>","доступность, доступность интерфейса, Accessibility, a11y","Accessibility (a11y)","Доступность (a11y): что это и как внедрять | Глоссарий Shtab","Доступность — проектирование для людей с разными возможностями. Что проверять в интерфейсе, почему это выгодно бизнесу и где требуется по закону.",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":88},12,"ux-design","#ec4899",{"ru":89},{"title":90,"description":91},"UX и дизайн","Понятия дизайна пользовательских интерфейсов и пользовательского опыта: исследования, юзабилити, доступность, IA, прототипы, дизайн-системы, методологии и тёмные паттерны.",[93,102],{"id":94,"slug":95,"kind":96,"hex":97,"order":98,"translations":99},48,"ui-design","tool","#7c5ce6",111,{"ru":100},{"title":101},"UI-дизайн",{"id":103,"slug":104,"kind":105,"hex":106,"order":107,"translations":108},51,"ux-pattern","other","#cc5649",114,{"ru":109},{"title":110},"UX-паттерны","Д",[113,120],{"id":114,"order":115,"translations":116},1651,0,{"ru":117},{"question":118,"answer":119},"Это обязательно по закону?","\u003Cp>Требования зависят от страны. В России нормы действуют для государственных сайтов и сервисов, в ЕС и США есть широкие требования и большая судебная практика по искам к компаниям. В корпоративных закупках крупные заказчики нередко прямо указывают соответствие WCAG уровня AA как условие договора, поэтому доступность превращается ещё и в вопрос продаж.\u003C\u002Fp>",{"id":121,"order":61,"translations":122},1652,{"ru":123},{"question":124,"answer":125},"С чего начать в существующем продукте?","\u003Cp>С аудита: прогнать ключевые страницы автоматическими инструментами вроде axe, Lighthouse или Wave и вручную пройти самые важные сценарии с клавиатуры. Затем исправить грубые нарушения — контраст, отсутствие текстовых описаний картинок, недоступность без мыши. И встроить проверку в процесс дизайна и разработки, чтобы новые ошибки не накапливались.\u003C\u002Fp>",{"child":127,"related":135},[128],{"id":129,"slug":130,"translations":131},325,"wcag",{"ru":132},{"title":133,"short_definition":134},"WCAG (стандарт доступности)","Международный стандарт по доступности веб-контента от W3C: набор требований и уровней (A, AA, AAA).",[136,143,150],{"id":137,"slug":138,"translations":139},339,"dark-pattern",{"ru":140},{"title":141,"short_definition":142},"Тёмный паттерн (Dark Pattern)","Дизайн-приём, целенаправленно подталкивающий пользователя к действиям, выгодным бизнесу, но не самому пользователю.",{"id":144,"slug":145,"translations":146},330,"design-system",{"ru":147},{"title":148,"short_definition":149},"Дизайн-система","Единый набор переиспользуемых компонентов, правил и токенов, который обеспечивает единообразие интерфейса продукта.",{"id":151,"slug":152,"translations":153},334,"responsive-design",{"ru":154},{"title":155,"short_definition":156},"Адаптивный дизайн","Подход, при котором интерфейс автоматически подстраивается под размер экрана: от мобильного до большого монитора.",110,"2026-05-11T20:33:02.987773+03:00","2026-05-11T20:33:02.987791+03:00",[161,190,214],{"id":162,"slug":163,"translations":164,"category":169,"tags":172,"letter":188,"cover":17,"updated_at":189,"published_at":17},332,"atomic-design",{"ru":165},{"title":166,"short_definition":167,"translation_en":168},"Atomic Design (атомарный дизайн)","Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».","Atomic Design",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":170},{"ru":171},{"title":90,"description":91},[173,179],{"id":61,"slug":174,"kind":174,"hex":175,"order":61,"translations":176},"methodology","#5e79ec",{"ru":177},{"title":178},"Методология",{"id":180,"slug":181,"kind":182,"hex":183,"order":184,"translations":185},50,"design-system-tag","framework","#14b8a6",113,{"ru":186},{"title":187},"Дизайн-системы","A","2026-05-11T20:33:05.908305+03:00",{"id":191,"slug":192,"translations":193,"category":198,"tags":201,"letter":212,"cover":17,"updated_at":213,"published_at":17},335,"mobile-first",{"ru":194},{"title":195,"short_definition":196,"translation_en":197},"Mobile-first (сначала мобильная версия)","Подход к проектированию, при котором сначала продумывают мобильную версию, а уже потом расширяют её до десктопа.","Mobile-first",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":199},{"ru":200},{"title":90,"description":91},[202,205],{"id":94,"slug":95,"kind":96,"hex":97,"order":98,"translations":203},{"ru":204},{"title":101},{"id":206,"slug":207,"kind":174,"hex":175,"order":208,"translations":209},49,"design-process",112,{"ru":210},{"title":211},"Процесс дизайна","M","2026-05-11T20:33:07.021925+03:00",{"id":215,"slug":216,"translations":217,"category":222,"tags":225,"letter":241,"cover":17,"updated_at":242,"published_at":17},319,"ux-vs-ui",{"ru":218},{"title":219,"short_definition":220,"translation_en":221},"UX и UI: в чём разница","UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.","UX vs UI",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":223},{"ru":224},{"title":90,"description":91},[226,232,238],{"id":6,"slug":227,"kind":105,"hex":228,"order":6,"translations":229},"concept","#4b5370",{"ru":230},{"title":231},"Концепция",{"id":233,"slug":234,"kind":96,"hex":87,"order":157,"translations":235},47,"ux-research",{"ru":236},{"title":237},"Исследования UX",{"id":94,"slug":95,"kind":96,"hex":97,"order":98,"translations":239},{"ru":240},{"title":101},"U","2026-05-11T20:33:01.213551+03:00"]