Закон № 424/2023 Sb. про вимоги до доступності деяких товарів і послуг набув чинності 28 червня 2025 року (§ 29). Він поширюється і на послуги електронної торгівлі, тобто на звичайний інтернет-магазин. Нагляд здійснює Чеська торгова інспекція, штрафи за § 25 абз. 8 становлять від 1 до 10 мільйонів крон. Від обов'язку звільнені мікропідприємства.
Дата вже минула. Тому цей текст не про підготовку до строку, а про те, що конкретно виміряти на магазині, який працює. І почнемо із себе: на нашій власній головній сторінці ми 30. 8. 2026 знайшли три колірні пари нижче потрібного контрасту. У найгіршої було 2,53:1 за потрібних 4,5:1.
Закон народився в Брюсселі, але застосовується в Празі
Закон 424/2023 Sb. - чеська реалізація директиви Європейського парламенту і Ради (ЄС) 2019/882, яку зазвичай називають European Accessibility Act. Для вас звідси випливає одна практична річ: сперечатися будуть за чеським законом, і перевіряє ЧТІ, а не європейська установа.
Директива корисна лише там, де чеський текст неоднозначний і треба знати задум. У спорі ж має значення номер параграфа, а не стаття директиви.
Хто під закон потрапляє і хто з нього випадає
Послуга електронної торгівлі визначена в § 3 абз. 1 п. i) як послуга, що надається дистанційно через вебсайти або мобільні пристрої, електронними засобами і за індивідуальним запитом споживача з метою укласти споживчий договір. Інакше кажучи: магазин для кінцевих покупців, хоч на Shoptet, хоч на Shopify, хоч на власному коді.
Мікропідприємство від обов'язку звільнене за § 2 абз. 3 п. a). Закон мікропідприємство сам не визначає, а відсилає до ст. 2 абз. 3 додатка I регламенту Комісії (ЄС) № 651/2014: менше ніж 10 працівників і водночас річний оборот або баланс не вищий за 2 мільйони EUR.
У цього винятку два місця, де він ламається:
- Умови діють одночасно. Фірма з вісьмома людьми і оборотом 60 мільйонів крон мікропідприємством не є.
- Виняток не постійний. Прийнявши десяту людину, ви його втрачаєте, і обов'язок виникає без перехідного періоду.
Суто B2B-продаж під визначення не підпадає, бо в ньому стоїть «з метою укласти споживчий договір». Але практичний ефект менший, ніж звучить: досить, щоб у вас міг замовити і непідприємницький покупець, і ви знову в режимі закону. Опт за авторизацією - інша ситуація, ніж магазин, у якого в умовах написано, що він продає лише фірмам.
Закон не називає WCAG. Міряти однаково будуть за ним
Додаток № 1 до закону описує функціональні вимоги, а не технічну норму. Він вимагає, щоб послуга була сприйнятною, керованою, зрозумілою і стійкою. Слова WCAG у законі ви не знайдете, і частину власників це плутає.
На практиці доступність вимірюють за європейським стандартом EN 301 549, який у версії V3.2.1 від березня 2021 переймає весь текст WCAG 2.1 на рівні AA. Новіша версія V4.1.1, що виникла на підставі мандата Комісії зі стандартизації M/587, переймає WCAG 2.2, і її публікація очікується у 2026 році. Як гармонізований стандарт до EAA EN 301 549 в Офіційному віснику поки не цитується. Цитування версії V4.1.1 заплановане на 30. 11. 2026, і лише воно створить презумпцію відповідності. До того діють функціональні вимоги додатка № 1 самі по собі.
Наша рекомендація від цієї невизначеності не залежить. Будуємо на WCAG 2.2 AA, бо два критерії, які він додає, - саме ті, на яких магазини падають: мінімальний розмір цілі 24 x 24 px (2.5.8) і заборона перекриття фокуса липкою шапкою (2.4.11). Хто виконає 2.2, виконає і 2.1.
Шаблон, який стверджує, що він доступний, не гарантує нічого
Це найдорожче непорозуміння всієї теми. Доступний шаблон означає, що доступний його початковий стан, тобто демо зі зразковими кольорами і текстами. Ваш магазин початковим станом не є.
Виміряємо це на власному сайті, щоб не було теорії про чужі помилки. Наша головна сторінка, виміряно нашим інструментом 30. 8. 2026 за ширини 390 px:
| Що вимірювалося | Результат |
|---|---|
| Колірні пари тексту і тла | 40, з них 3 нижче норми |
| Найгірше співвідношення | 2,53:1 за потрібних 4,5:1 |
| Клікабельних цілей загалом | 111 |
| Цілей менших за 24 x 24 px | 5 |
| Цілей менших за 44 x 44 px | 60 |
| Пар цілей ближче за 8 px | 77 |
Найгірша пара - помаранчевий #e68900 на підкладці #fafafa розміром 11,2 px. Це фірмовий колір на світлому тлі, тобто саме той тип рішення, який ніхто не вважає технічною помилкою. При цьому саме він - головна причина, з якої шаблон переходить із доступного стану в недоступний.
Пишемо це сюди навмисно. Агенція, яка продає аудити і має на власній головній три провалені контрасти, або мовчить, або каже про це першою. Виправлення в нас у плані, і числа після нього опублікуємо.
Shoptet шаблони навесні 2026 виправив, решта лишилася на вас
Shoptet 13. 4. 2026 описав, що в шаблонах заради доступності змінив: виправив ієрархію заголовків у бічній колонці і в підвалі, торкнувся контрасту колірних схем, переробив вікно входу в шаблонах Techno, Tango і Step, а кнопки в шапці перевів на справжні HTML-кнопки.
Зміни застосувалися автоматично з одним винятком: магазини з увімкненими Відкладеними оновленнями шаблонів їх не отримали. Це неприємно, бо цю опцію вмикає головно той, хто шаблон правив власним HTML, тобто той, хто найдалі від початкового стану.
І навіть після оновлення на власникові лишається все інше: власний HTML у редагованих блоках, банери, альтернативні тексти до фотографій, PDF з інструкціями, відео без субтитрів і доповнення третіх сторін. Бульбашка чату, cookie-банер і віджет відгуків - три найчастіші місця, де доступність магазину закінчується, і жодного з них платформа не постачає.
Сім місць, де магазини падають найчастіше
Порядок за частотою, з якою ми це бачимо, а не за тяжкістю.
outline: noneбез заміни. Прибрана рамка фокуса - найчастіший дефект. Хто керує сайтом із клавіатури, перестає розуміти, де він.- Контраст нижчий за 4,5:1 у звичайного тексту. Сірий на білому, фірмовий колір на світлій підкладці, текст на фотографії. У великого тексту межа 3:1.
- Клікабельна ціль менша за 24 px. Іконка кошика, хрестик у модального вікна, посилання в підвалі заввишки 18 px.
- Кошик, керований лише мишею. Власний випадний список варіантів і кнопки плюс і мінус у кількості, побудовані на
divзамістьbutton. - Помилка у формі, показана лише кольором. Червона рамка без тексту не існує ні для кого, хто різниці між сірим і червоним не бачить.
- Порожній або декоративний
altу фотографій товару. У магазині фотографія - частина опису товару, а не оздоба. - Розвал на 320 px і за збільшення до 400 %. WCAG вимагає цього на рівні AA, і це ж найдешевша річ для перевірки.
Годинна перевірка, яку ви зробите самі
Для неї не потрібен ні інструмент, ні ми. Потрібна година і клавіатура.
Пройдіть усе замовлення клавішею Tab. Від головної через список категорії, картку товару і кошик до оформлення. Стежте за двома речами: чи видно на кожному кроці, де ви перебуваєте, і чи відповідає порядок тому, що ви бачите на екрані. Коли фокус губиться або стрибає - у вас знахідка.
Збільште сторінку до 400 % за ширини вікна 1280 px. Вийде розкладка, що відповідає 320 px. Текст має лишитися читабельним без горизонтального прокручування, і ніщо не має зникнути.
Виміряйте три найчастіші колірні пари. Основний текст на тлі, текст кнопки на кнопці і текст у підвалі на підвалі. Для контрастного співвідношення вистачить будь-якого публічного інструмента. Межа - 4,5:1 для звичайного тексту і 3:1 для тексту більшого за 24 px або жирного більшого за 18,66 px.
Коли всі три перевірки пройдуть, ви ще не у відповідності, але з найгіршого вийшли. Коли не пройдуть - ви знаєте, що замовляти.
«Непропорційне навантаження» - не лазівка, а документ
Закон допускає, що вимоги ви можете не виконати, якщо вони означали б для вас непропорційне навантаження або принципову зміну послуги. Але цей виняток не застосовується тим, що ви його собі подумали.
У вас має бути письмова оцінка, її треба зберігати і на вимогу пред'явити нагляду. Оцінка повторюється, директива говорить про інтервал не більше п'яти років і за кожної суттєвої зміни послуги. У чеському законі це стоїть у § 15: оцінка зберігається 5 років, а нова складається за зміни послуги, але не пізніше ніж через 5 років від дня складання останньої.
Практична заувага з нашого боку: у звичайного магазину на стандартній платформі цей виняток захищається погано. Виправлення контрасту і розміру цілей - робота на одиниці днів, і це не непропорційне навантаження навіть для малої фірми.
До 28 червня 2030 тривають перехідні строки. До сайту вони не стосуються
У § 28 три перехідні положення, і їх варто не плутати:
- Постачальник може використовувати товари, що не відповідають вимогам, не довше ніж до 28 червня 2030 (§ 28 абз. 4).
- Договори, укладені до набуття законом чинності, можуть діяти до припинення зобов'язання, але не довше ніж до 28 червня 2030 (§ 28 абз. 5).
- Самообслуговчі термінали можна використовувати не довше 20 років від першого введення в експлуатацію (§ 28 абз. 3).
Жоден із цих строків не відкладає доступність самого магазину. Вона діє з 28 червня 2025 і стосується сайту, який у вас запущений сьогодні.
Що з цим зараз
Якщо ви мікропідприємство і знаєте це точно, збережіть цей текст і поверніться до нього, коли прийматимете десяту людину. Якщо ви не мікропідприємство, зробіть три перевірки з попереднього розділу. Вони заберуть годину і скажуть вам, чи вирішуєте ви косметику, чи перебудову.
Доступність ми вимірюємо як частину технічного аудиту, бо вона значною мірою перетинається з тим, що ми й так перевіряємо: семантика розмітки, стани елементів, поведінка на малих ширинах. Що входить в аудит, знайдете на сторінці аудиту і пришвидшення сайту.
Напишіть на info@lamapixel.com або телефонуйте +420 775 599 009. У відповідь додамо виміряні значення контрасту і розмірів цілей із вашої головної сторінки та картки товару, щоб ви знали, про що йдеться.
Правовий стан перевірено на 3. 9. 2026: закон № 424/2023 Sb., директива (ЄС) 2019/882 і статус стандарту EN 301 549. Перегляд статті запланований на 28. 2. 2027.
