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