Для кого · сайти компаній, візитівки, блоги, портфоліо, сайти послуг

Звичайні сайти

Закон не охоплює «сайти» як такі. Він охоплює послуги зі ст. 3 ч. 2, а сайт — це спосіб їх надання. Тому відповідь на запитання «чи підлягає мій сайт» залежить від того, що на ньому можна зробити, а не від того, як він виглядає. Нижче — межа, приклади з обох її боків і те, що варто зробити незалежно від відповіді.

Межа: чи можна укласти договір

Якщо споживач може на вашому сайті укласти договір — купити, забронювати, замовити, записатися з оплатою, придбати доступ — ви надаєте послугу електронної торгівлі, і закон охоплює вас повністю: ст. 12 (інформація та чотири принципи), ст. 18 (ідентифікація, безпека, оплата), ст. 32 (оцінка відповідності та інформація у правилах), ст. 37 (скарги), ст. 73 (штрафи). Якщо споживач може лише читати, дивитися й зв'язатися — послуги електронної торгівлі немає.

Три зауваження до межі. По‑перше, контактна форма не є укладенням договору — але форма «замовте розрахунок і сплатіть аванс» уже так. По‑друге, «з метою укладення договору» охоплює також безоплатні договори (напр. безкоштовний обліковий запис із правилами), хоча органи насамперед займуться там, де є гроші. По‑третє, якщо на інформаційному сайті ви вбудовуєте чужий віджет продажу (систему бронювання, квитки, платежі), послугу електронної торгівлі надає той, хто укладає договір зі споживачем — перевірте у правилах віджета, хто це. Якщо ви — віджет є частиною вашої послуги, і ст. 4 п. 2 літ. b (контент не під контролем) вас не рятує, бо ви його обрали і можете змінити.

Мікропідприємець з охопленим сайтом

Якщо ви укладаєте договори онлайн, але маєте менш ніж 10 працівників та оборот або баланс до 2 млн євро, ст. 4 п. 1 виключає ваші послуги із закону. Два застереження: статус перевіряється щороку на цифрах, а партнери (маркетплейси, платіжні оператори, публічні замовники) дедалі частіше вимагають WCAG у договорі. Звільнення із зірочкою.

Чому «поза сферою» не означає «без ризику»

• Сайт росте. Сьогодні візитівка, за рік магазин. Доступність, вбудована від початку, коштує частку пізнішої перебудови — тим паче що шаблони, теми й плагіни, на яких постав сайт, залишаться з ним.
• Клієнти йдуть тихо. Людина, яка не може прочитати вашу пропозицію при 200 % збільшенні або в темному режимі, не подає скаргу. Вона обирає конкурента.
• Пошукові системи бачать те саме, що й програма читання з екрана. Заголовки, альтернативи зображень, заголовки сторінок, описові посилання, швидке завантаження — контрольні переліки доступності та SEO здебільшого збігаються.
• Договори й тендери. Публічні замовники вимагають WCAG 2.1 AA від виконавців сайтів і систем; постачальник, у якого власний сайт недоступний, втрачає довіру в першій розмові.
• Репутація. Недоступний сайт компанії, що працює з людьми — клініка, школа, юридична фірма, фонд — це суперечність, яку видно.

Мінімум для кожного сайту — десять речей, що закривають більшість

1. Мова й заголовок

   <html lang="uk"> та унікальний <title> на кожній сторінці. Без цього програма читання читає український текст англійською вимовою. (WCAG 3.1.1, 2.4.2)

2. Заголовки як структура

   Один h1, далі h2, h3 без пропусків. Заголовки — це зміст для людини, яка не бачить макета. (1.3.1, 2.4.6)

3. Альтернативний текст

   Кожне змістовне зображення має alt, що описує, що воно передає; декоративне має alt="". Логотип: назва компанії, а не «логотип». (1.1.1)

4. Контраст 4,5:1

   Текст до тла щонайменше 4,5:1 (великий текст 3:1). Сірий на білому в більшості шаблонів цього не виконує. (1.4.3)

5. Клавіатура

   Усе можна обслужити Tab і Enter; видно, де фокус. Випадне меню лише на наведення — пастка. (2.1.1, 2.4.7)

6. Посилання, що щось кажуть

   Не «натисніть тут», а «завантажити прайс (PDF, 200 КБ)». Програма читання вміє перелічити самі посилання. (2.4.4)

7. Форми з підписами

   Кожне поле має <label for>; placeholder не є підписом. Помилки описані текстом, а не лише кольором. (1.3.1, 3.3.1, 3.3.2)

8. Збільшення й телефон

   Сайт працює при 200 % збільшенні та ширині 320 px без горизонтального прокручування. (1.4.4, 1.4.10)

9. Без пасток

   Ніщо не блимає, не відтворюється саме зі звуком, не закривається саме по часу. Відео має субтитри. (1.2.2, 1.4.2, 2.2.2, 2.3.1)

10. Контакт та інформація про доступність

    Навіть поза законом: коротка сторінка «Доступність» із тим, що працює, що ні, і адресою для звернень. Наша — зразок.

Типові шаблони й системи

Більшість сайтів компаній працює на WordPress, Wix, Squarespace, Webflow або Shopify. Жоден із них не є «доступним із коробки» — доступність залежить від теми, плагінів і контенту, який ви вписуєте. Плагіни‑накладки («accessibility overlay»), що обіцяють відповідність одним скриптом, не виправляють коду, а організації незрячих публічно просять їх не використовувати: вони часто погіршують роботу програм читання з екрана. Наша перевірка вимірює сторінку такою, якою її бачить користувач, тож накладка не покращить результат.