Чему должен соответствовать ваш сайт по WCAG 2.1 и 2.2

WCAG это всемирное руководство для доступных сайтов. В Германии законом требуется средний уровень AA по WCAG 2.1, закреплённый через европейский стандарт EN 301 549. Вам не нужно знать руководство наизусть, но важно понимать его логику: четыре принципа, три уровня, одна ясная цель. Эта статья объясняет и то, и другое без профессионального жаргона, чтобы Вы знали, чему конкретно должен соответствовать сайт Вашей компании.

WCAG, BFSG и EN 301 549: как это связано?

При теме доступности Вам постоянно встречаются три аббревиатуры. Они звучат сложно, но описывают лишь простую цепочку: профессиональную основу, европейский стандарт и немецкий закон.

Три понятия коротко

• WCAG: Руководство по доступности веб-контента W3C является международной профессиональной основой. В версиях 2.1 и 2.2 оно описывает, как технически должен быть оформлен доступный веб-контент.
• EN 301 549: Европейский стандарт делает WCAG обязательным для Европы и дополняет его собственными пунктами. Для веб-контента он перенимает критерии WCAG вплоть до уровня AA включительно.
• BFSG: Закон об укреплении доступности это немецкий закон, который реализует эти требования. Он с 28 июня 2025 года обязывает многие компании с цифровыми продуктами и услугами для потребителей обеспечивать доступность.

Для Вас это значит: каким бы путём Вы ни приходили к обязанности, практическим мерилом в итоге всегда остаётся WCAG 2.1 уровня AA. Эта логика не является немецкой особенностью. Европейский акт о доступности и американский Section 508 также опираются на те же критерии WCAG.

Какие штрафы грозят за нарушения

Тот, кто нарушает BFSG, рискует не только предупреждениями, но и штрафами. В зависимости от нарушения закон предусматривает штрафы в размере до 100 000 евро. Однако эта обязанность лишь одна сторона. Другая это охват аудитории, ведь в Германии живут 7,9 миллиона человек с признанной тяжёлой инвалидностью, это 9,3 процента населения.

Что такое WCAG и почему оно касается Вашей компании?

Что означает WCAG?

WCAG расшифровывается как Web Content Accessibility Guidelines, по-русски руководство по доступности веб-контента. Издателем является World Wide Web Consortium (W3C), международный орган, разрабатывающий технические стандарты веба. Руководство WCAG описывает, как должен быть оформлен сайт, чтобы им могли пользоваться люди с ограниченными возможностями. При этом имеются в виду не только незрячие люди. Речь идёт также о людях с ослабленным зрением, моторными ограничениями, нарушениями слуха или когнитивными особенностями.

Важно для понимания: доступность помогает гораздо большему числу людей, чем можно предположить по одной лишь статистике инвалидности. Сломанная рука, яркий солнечный свет на экране смартфона или шумная обстановка без наушников тоже создают временные барьеры. Тот, кто строит свой сайт с расчётом на сложный случай, делает его удобнее для всех. В этом и заключается часто упускаемая экономическая суть: доступный сайт это просто лучше сделанный сайт.

Для Вашей компании WCAG важно по простой причине: почти каждый закон о доступности в мире ссылается на него. В Германии WCAG также не прописан напрямую в законе, но через европейский стандарт EN 301 549 он является техническим мерилом, по которому оценивают органы власти, а с 2025 года и многие компании. Тот, кто хочет узнать, что технически означает «доступный сайт», в итоге всегда приходит к WCAG.

WCAG 2.0, 2.1 и 2.2: три версии в обзоре

Сегодня играют роль три версии. WCAG 2.0 вышла в 2008 году, WCAG 2.1 5 июня 2018 года, а WCAG 2.2 5 октября 2023 года. Каждая новая версия строится на предыдущей и дополняет её, не убирая старых требований. Тот, кто соответствует WCAG 2.2, тем самым автоматически соответствует и 2.1, и 2.0.

Какому уровню WCAG должен соответствовать Ваш сайт?

Уровни A, AA и AAA в сравнении

WCAG различает три уровня соответствия: A, AA и AAA. Они описывают, насколько далеко простирается доступность. Уровень A покрывает самые базовые требования, без которых сайт для некоторых людей был бы вообще непригоден к использованию. Уровень AA дополнительно охватывает критерии, которые на практике дают наибольшую разницу, например достаточные цветовые контрасты. Уровень AAA это самая строгая ступень, во многих случаях вообще недостижимая для целого сайта.

Почему уровень AA является законодательным мерилом

На практике действует ясное правило: требуется уровень AA. Европейский стандарт EN 301 549, на который опирается закон об укреплении доступности, перенимает критерии WCAG 2.1 вплоть до уровня AA включительно. К AAA Вам стремиться не нужно. Сам W3C прямо не рекомендует AAA как общую цель для целых сайтов.

Пример делает разницу наглядной. В вопросе цветового контраста уровень A ещё вообще не требует минимального значения, уровень AA требует чётко измеримого контраста между текстом и фоном, а уровень AAA ужесточает это значение ещё заметнее. На практике многие сайты не справляются уже с требованием AA, потому что светло-серые тона на белом фоне выглядят современно, но для пожилых или слабовидящих пользователей практически нечитаемы. Требуемый уровень AA, таким образом, не бюрократическая деталь, а именно те проблемы, с которыми реальные люди сталкиваются ежедневно.

Это хорошая новость для тех, кто принимает решения. Вам не нужно реализовывать технический максимум, а лишь чётко определённый, достижимый уровень. Действует ли вообще эта обязанность для Вашей компании, зависит от Вашей отрасли и Вашего предложения. Этот вопрос Вы быстрее всего проясните с помощью нашего быстрого BFSG-теста, который покажет, действует ли BFSG для Вас.

Четыре принципа WCAG простыми словами

За множеством отдельных критериев WCAG стоят всего четыре основные идеи. В английском языке их первые буквы складываются в слово POUR. По-русски четыре принципа звучат так: воспринимаемый, управляемый, понятный и надёжный. Если Вы понимаете эти четыре понятия, Вы понимаете всё руководство.

Воспринимаемый

Любая информация должна быть доступна для органов чувств. Изображению нужен альтернативный текст, чтобы программа чтения с экрана могла его прочитать. Видео нужны субтитры. Текстам нужен достаточный контраст с фоном, чтобы их могли прочитать и люди со слабым зрением. Никто не должен быть исключён из доступа к информации только потому, что он не может её увидеть или услышать.

Управляемый

Сайтом должно быть возможно управлять полностью, в том числе без мыши. Многие люди пользуются вебом исключительно с клавиатуры или с помощью вспомогательных средств, имитирующих клавиатуру. Каждая ссылка, каждое поле формы и каждая кнопка должны быть доступны и активируемы клавишей Tab. Сюда же относятся достаточное время для ввода и отказ от мерцающего контента.

Понятный

Этот принцип нацелен на содержание и управление. Тексты должны быть сформулированы ясно, навигация предсказуема, а формы должны понятно объяснять, что нужно ввести и что делать при ошибке. Страница, которая технически доступна, но содержательно запутанна, не помогает никому.

Надёжный

Это технический принцип. Код должен быть настолько чистым, чтобы текущие и будущие вспомогательные средства корректно его интерпретировали. Здесь становится понятно, почему так важна техническая основа сайта. Чистый, семантический HTML это условие того, чтобы программа чтения с экрана распознала заголовок как заголовок, а кнопку как кнопку.

От принципов к проверяемым критериям успеха

Эти четыре принципа намеренно сформулированы абстрактно. Под ними находятся конкретные, проверяемые критерии успеха, каждый из которых отнесён к одному из трёх уровней A, AA или AAA. Вам как принимающему решения не нужно знать отдельные критерии. Достаточно держать в голове четыре понятия как контрольный список: может ли это воспринять каждый, может ли каждый этим управлять, понимает ли это каждый и построено ли это технически чисто? Тот, кто задаёт эти четыре вопроса при каждой новой функции, заранее избегает большинства барьеров.

Что изменилось с WCAG 2.2?

Девять новых критериев успеха по сравнению с WCAG 2.1

WCAG 2.2 это не революция, а расширение. Она дополняет WCAG 2.1 девятью новыми критериями успеха. Большинство из них касаются деталей, которые в повседневной жизни убирают настоящие препятствия. Сюда относится, например, то, что фокус клавиатуры не должен перекрываться другими элементами, что у кликабельных областей должен быть минимальный размер и что процессы входа должны обходиться без проверок памяти вроде перепечатывания кодов.

Одно изменение особенно важно для практики: старый критерий 4.1.1 о корректной разметке кода был в WCAG 2.2 упразднён как устаревший, потому что современные браузеры сегодня сами выполняют его изначальное назначение. Вам не нужно запоминать эти номера критериев. Важно направление: WCAG постоянно адаптируется к реальному использованию, например к управлению со смартфона и с сенсорного экрана. Именно более крупные кликабельные области из WCAG 2.2 это прямая уступка тому факту, что большинство людей сегодня пользуются мобильными устройствами.

WCAG 2.1 или 2.2: на что стоит ориентироваться сегодня

Стоит ли Вам сегодня делать ставку на 2.1 или 2.2? Юридически обязательным в Германии сейчас является уровень AA по WCAG 2.1. Тем, кто создаёт сайт заново, всё же стоит ориентироваться на WCAG 2.2. Дополнительные затраты невелики, а Вы строите свой сайт с расчётом на будущее, вместо того чтобы позже догонять предсказуемо растущий законодательный уровень. Больше о общей картине даёт наш полный обзор веб-доступности.

Какие ошибки WCAG чаще всего встречаются на корпоративных сайтах?

Три самых частых нарушения WCAG

Сначала хорошая новость: большинство нарушений это не экзотические особые случаи, а всегда одна и та же классика. Отчёт WebAIM Million 2025 проверил миллион главных страниц и обнаружил измеримые ошибки WCAG на 94,8 процента из них, в среднем 51 ошибку на страницу. Тот, кто знает эти топ-ошибки, знает, с чего начинать в первую очередь.

На вершине стоят три проблемы. Слишком слабый контраст текста затрагивает 79,1 процента страниц, отсутствие альтернативных текстов для изображений 55,5 процента, а отсутствие подписей к формам 48,2 процента. Все три напрямую соотносятся с четырьмя принципами: контрасты и альтернативные тексты относятся к «воспринимаемому», подписанные формы к «понятному». В этом и заключается практическая ценность модели четырёх принципов. Она относит каждую ошибку к ясной категории.

Почему техническая основа определяет объём работ

Примечательно, что почти все эти ошибки находятся в зоне ответственности технической реализации, а не редакции. Контраст задаётся в дизайне, подпись к форме в коде. На современной, компонентной системе однажды правильно построенная кнопка везде используется правильно. На сайте же, выросшем за годы со множеством расширений, часто приходится дорабатывать каждое место по отдельности. В проектах с B2B-клиентами я снова и снова вижу, что чистая техническая основа в итоге определяет объём работ и затраты.

Мы в Evelan делаем ставку на стек из Next.js и headless-CMS, потому что чистый, семантический HTML там является правилом, а не исключением. Это напрямую работает на принцип WCAG «надёжный» и снижает затраты на поддержание соответствия сайта. Сколько стоит доступная реализация, Вы прочитаете в нашей статье о том, сколько стоит доступный сайт.

Как проверить, соответствует ли Ваш сайт WCAG?

Автоматические инструменты WCAG и их границы

Первый рефлекс многих компаний это бесплатный онлайн-инструмент. Программы вроде axe, WAVE или встроенного в Chrome Lighthouse сканируют страницу за секунды и выдают список ошибок. Это разумное начало, но лишь половина правды. Автоматические инструменты выявляют только часть проблем WCAG, далеко не все. Они распознают отсутствие альтернативного текста, но не могут оценить, осмыслен ли имеющийся текст.

Ручная проверка с клавиатурой и программой чтения с экрана

Важная вторая часть это ручная проверка. При этом сайтом управляют исключительно с клавиатуры и проходят его с программой чтения с экрана так, как это ежедневно делают затронутые люди. Только тогда выясняется, логичен ли порядок, остаётся ли фокус видимым и действительно ли формы понятны.

Ещё один элемент, не самый важный, но часто недооцениваемый, это тест с реальными пользователями. Когда люди с инвалидностью действительно пользуются Вашим сайтом, проявляются препятствия, которые не уловит ни инструмент, ни контрольный список. Для многих малых и средних предприятий это не обязательный шаг, но даже два или три отзыва из практики часто более показательны, чем любой автоматический отчёт. Поэтому серьёзная проверка не полагается на один отдельный инструмент, а сочетает несколько уровней. Следующий контрольный список поможет Вам грубо оценить свой сайт самостоятельно, прежде чем заказывать профессиональную проверку.

Похожие статьи Evelan

• Доступный сайт: руководство для компаний
• Быстрый BFSG-тест: действует ли обязанность по доступности для моего сайта?
• Заказать создание доступного сайта: стоимость, процесс и о чём агентства не говорят
• Релонч сайта как инвестиция в будущее

Источники

• W3C Web Accessibility Initiative: обзор WCAG 2 (2023)
• W3C Web Accessibility Initiative: что нового в WCAG 2.2 (2023)
• WebAIM: The WebAIM Million — ежегодный анализ доступности топ-1 000 000 главных страниц (2025)
• Надзорный орган Германии по доступности информационных технологий: гармонизированный европейский стандарт EN 301 549 (2025)
• Bundesfachstelle Barrierefreiheit: закон об укреплении доступности (BFSG) — обзор и вступление в силу (2025)
• gesetze-im-internet.de: BFSG § 37 — положения о штрафах (2025)
• Destatis (Федеральное статистическое ведомство): в Германии живут 7,9 миллиона человек с тяжёлой инвалидностью (2024)