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 місяців).

Pro: для тих, хто веде кілька магазинів або чекає запиту органу

Pro перевіряє одним кліком усю вибірку сторінок, яку описує Anlage 1 BFSG: головну, магазин, категорію, пошук, «Mein Konto» очима гостя, контакт, AGB, Datenschutz, форму повідомлень про бар’єри й декларацію — адмін після прогону лишається залогіненим. «Verlauf» зберігає кожен прогін і показує, що з’явилося нового і що виправлено. Звіт «Prüfbericht» для друку чи PDF і CSV збирають еталон, дати, ручний чекліст і останні автоматичні прогони — на випадок, коли орган нагляду попросить пояснень (§ 14 Abs. 5). Для агенцій — експорт і імпорт налаштувань, декларації й чекліста в JSON, а нагадування й дайджест змін можна слати кільком адресатам.

Як це працює — крок за кроком

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».