BFSG Accessibility для WooCommerce — заявление о доступности (Informationen zur Barrierefreiheit) и проверка чекаута по WCAG

BFSG Accessibility для WooCommerce — плагин для магазинов, которых касается немецкий Barrierefreiheitsstärkungsgesetz (BFSG). С 28 июня 2025 года закон действует для услуг электронной коммерции для потребителей, и магазин должен опубликовать «Informationen zur Barrierefreiheit»: как услуга выполняет требования доступности (§ 14 Abs. 1 Nr. 2 BFSG вместе с Anlage 3). Плагин делает две вещи: помогает составить и опубликовать эту информацию и проверяет самые важные страницы магазина — корзину, чекаут, страницу товара — по WCAG.

Чего он не делает: не добавляет на витрину оверлеев, тулбаров или «кнопок доступности» и не делает магазин доступным сам. Он показывает, где у темы и плагинов барьеры, а исправлять их нужно там. Оценка в заявлении — ваше собственное заявление, и отчёт плагина прямо помечен как «kein Zertifikat». Микропредприятия — меньше 10 сотрудников и оборот или баланс до 2 млн евро — от требований доступности для услуг освобождены (§ 3 Abs. 3 BFSG). Плагин для тех, кого закон касается, и для агентств, которые ведут несколько таких магазинов.

Как это выглядит для покупателя

Для покупателя магазин не меняется: ни панелей, ни скриптов модуля, ни всплывающих окон. Единственное новое — страница «Informationen zur Barrierefreiheit», которую легко найти по ссылке в футере или в вашем меню. Она построена из заголовков и списков и сама проходит проверку: axe в браузере по странице заявления — 0 нарушений, на 390 и 320 px длинные немецкие слова вроде «Marktüberwachungsbehörde» переносятся без горизонтального скролла.

В Pro посетитель видит заявление на своём языке (немецком или английском) с переключателем на другой, а форма «Barrieren melden» позволяет сообщить о барьере: ошибки показываются сводкой со ссылками на поля, без CAPTCHA — от ботов защищают скрытое поле, подписанное время и лимит частоты.

Что получает админ

Меню WooCommerce → BFSG Accessibility, семь вкладок: «Übersicht», «Informationen zur Barrierefreiheit», «Shop prüfen», «Barriere-Meldungen» (Pro), «Verlauf» (Pro), «Einstellungen», «Lizenz». Интерфейс — на английском или немецком, в зависимости от языка админки. Пока заявление не опубликовано, в админке висит напоминание с кнопкой «In 14 Tagen erinnern».

Заявление. Форма идёт по Anlage 3 Nr. 1 a–d: общее описание услуги; как проходит покупка — плагин сам подставляет из WooCommerce, можно ли заказать без аккаунта и какие способы оплаты активны; как выполняются требования — эталон (EN 301 549 V3.2.1 = WCAG 2.1 AA или V4.1.1 = WCAG 2.2 AA), результат вашей оценки (выполнено полностью, частично или нет), метод и дата, признаки доступности, известные ограничения, альтернативные способы связи. Дальше — контакт по вопросам доступности и орган надзора: заранее заполнен общий орган федеральных земель MLBF (Carl-Miller-Straße 6, 39112 Magdeburg, e-mail) с его официального сайта. Телефон намеренно пустой — сайт MLBF объявил о смене номера; данные органа проверьте перед публикацией. Опционально — фраза о праве потребителя обратиться в орган (§ 32 BFSG). Кнопка «Seite erstellen» создаёт страницу с шорткодом, а переключатель в настройках добавляет ссылку на неё в футер.

Проверка магазина. На вкладке «Shop prüfen» выберите страницы и ширину экрана и нажмите «Prüfung starten». Страницы открываются во фрейме админки — так, как вы их видите залогиненным, — и проверяются в вашем браузере axe-core 4.13.0 по WCAG 2.1 или 2.2, уровни A и AA, плюс собственные правила для WooCommerce. Для корзины и чекаута плагин кладёт в вашу корзину один товар и после прогона убирает его. У каждой находки — уровень серьёзности, критерий WCAG и пункт EN 301 549.

Чек-лист WooCommerce. 23 пункта (20 для WCAG 2.1) о том, чего автоматика не видит: можно ли купить только с клавиатуры, виден ли фокус, объявляются ли ошибки и изменения в корзине, работают ли платёжные виджеты со скринридером, не нужно ли вводить адрес дважды. К каждому пункту — «So prüfen Sie». Пункт, который не прошёл и имеет публичное пояснение, сам попадает в «Bekannte Einschränkungen» заявления. Если вы выбрали «erfüllt», а чек-лист или сканер показывают провалы, плагин предупредит красным.

Актуальность. Закон требует учитывать изменения услуги (§ 14 Abs. 3 BFSG). Плагин записывает смену темы и обновления темы, плагинов и WordPress с даты последнего пересмотра и напоминает пересмотреть заявление с интервалом, который вы задаёте (по умолчанию 12 месяцев).

Как это работает — шаг за шагом

1. Устанавливаете плагин — на витрине ничего не меняется, в админке появляется WooCommerce → BFSG Accessibility.
2. На вкладке «Informationen zur Barrierefreiheit» заполняете форму; часть описания покупки плагин берёт из настроек WooCommerce.
3. На «Shop prüfen» запускаете проверку корзины, чекаута и страницы товара на ПК и на 320 px — результаты с привязкой к WCAG и EN 301 549.
4. Проходите чек-лист руками: клавиатура, фокус, ошибки, платёжные виджеты. Проваленные пункты с публичным пояснением идут в известные ограничения.
5. Выбираете результат оценки — плагин предупредит, если он противоречит находкам, — и публикуете страницу кнопкой «Seite erstellen».
6. Дальше плагин записывает обновления темы и плагинов и напоминает пересмотреть заявление, когда придёт время.

Что под капотом

• axe-core 4.13.0 от Deque — без изменений, под лицензией MPL-2.0, в папке vendor/axe-core/. Файл на 580 КБ загружается только в режиме проверки для админа с nonce и правом manage_woocommerce; посетители его не получают.
• Собственные правила для WooCommerce: токены autocomplete адресных полей (WCAG 1.3.5) на классическом и блочном чекауте, обязательные поля для вспомогательных технологий, сообщения магазина без live-region, элементы без видимого изменения фокуса, отсутствие «адрес доставки = адрес оплаты» (3.3.7), CAPTCHA (3.3.8), чужие фреймы платёжек, в которые автоматика заглянуть не может.
• Маппинг каждой находки на критерий WCAG и пункт EN 301 549 (9.x): 50 критериев A+AA в WCAG 2.1, 55 в WCAG 2.2.
• Данные остаются на вашем сервере: результаты проверок — в собственной таблице, сообщения о барьерах (Pro) — тоже, с именем, e-mail, страницей и текстом.
• Удаление плагина по умолчанию данные не трогает; с define( 'CCBF_DELETE_DATA', true ); в wp-config.php убирает таблицы и опции. Страница заявления остаётся как обычный контент сайта.

Как установить

1. Скачайте архив catcode-bfsg-accessibility-for-woocommerce-1.0.0.zip кнопкой вверху страницы: Плагины → Добавить новый → Загрузить плагин → Установить → Активировать. Это тот же архив, что и для Pro: Pro включается ключом или триалом.
2. WooCommerce → BFSG Accessibility → «Informationen zur Barrierefreiheit»: заполните форму, проверьте данные MLBF и нажмите «Seite erstellen».
3. «Shop prüfen»: запустите проверку и пройдите чек-лист. Результат оценки выбирайте по тому, что проверили на самом деле.
4. «Einstellungen»: включите ссылку в футере (или добавьте страницу в своё меню) и задайте интервал пересмотра.
5. Для Pro: вставьте ключ из письма после оплаты или нажмите «Pro 7 Tage kostenlos testen» на вкладке «Lizenz».