Доступність сайту на Wix Wix закриває частину вимог сам — решту однаково роблять руками

Що майстер доступності Wix робить сам

Майстер сканує сайт і ділить знахідки на дві частини: що виправить сам і що доведеться зробити руками. Перевірки побудовані на WCAG 2.2 — суворіше за рівень AA, на який спирається ДСТУ EN 301 549:2022.

• Описи зображень — нагадує заповнити alt там, де він порожній
• Контраст тексту й тла в палітрі сайту
• Мова сайту в коді сторінки
• Видиме виділення під час переходу з клавіатури
• Посилання «перейти до вмісту» на початку сторінки
• Один головний заголовок на сторінці й порядок заголовків без пропусків
• Змістовні назви сторінок

Чого майстер не бачить

• Текст посилань: «докладніше» і «читати далі» він не вважає проблемою, а екранний диктор читає їх без змісту
• Текст усередині зображення — банер з умовами акції для диктора просто картинка
• Зміст, переданий лише кольором: «червоні поля обов’язкові» людина з дальтонізмом не побачить
• Поведінку сторінки під час збільшення — а це найчастіше порушення на телефоні
• Заяву про доступність: її наявність майстер не перевіряє взагалі
• Субтитри й розшифровки для відео
• Користь самого alt: «image123» майстер зарахує, людина — ні

Де впираєшся в межі Wix

1. 01

   Розмітку напряму не правити

   У звичайному редакторі доступу до коду сторінки немає. Імена й ARIA-атрибути додаються лише в режимі розробника (Velo) — кодом, через setAttribute на елементі. Для типових блоків це зазвичай і не потрібно: атрибути в них уже задані.

2. 02

   Застосунки з магазину

   Будь-який застосунок малює свій HTML усередині вашої сторінки, і інструменти Wix до нього не дістають. Якщо віджет бронювання чи відгуків недоступний, полагодити його власноруч не вийде — лишається замінити застосунок або просити виправлення в його розробника.

3. 03

   Власні елементи — лише на платному тарифі

   Користувацькі елементи, через які можна вставити власну розмітку, потребують платного плану й підключеного домену. На безкоштовному сайті цей шлях закритий.

4. 04

   Вільне розташування на полотні

   Блоки, розставлені «на око», у коді йдуть у своєму порядку. Очима сторінка читається згори вниз, а диктор і клавіатура йдуть за кодом — і порядок може не збігтися.

Що робимо ми

1. 01

   Перевіряємо руками

   Проходимо сайт лише з клавіатури, слухаємо екранним диктором, збільшуємо сторінку до 200 %. Цього не робить жоден автоматичний майстер — ні наш, ні вбудований у Wix.

2. 02

   Доводимо майстра до кінця

   Проходимо всі пункти майстра, зокрема розділ ручних завдань, який зазвичай лишається незайманим: саме там описи зображень і перевірка змісту.

3. 03

   Лагодимо те, чого майстер не бачить

   Переписуємо тексти посилань, підписуємо поля форм, розбираємося зі збільшенням, додаємо імена через режим розробника там, де без нього ніяк.

4. 04

   Розбираємося із застосунками

   Перевіряємо кожен сторонній застосунок окремо. Якщо він недоступний, а розробник не відповідає — пропонуємо заміну й чесно кажемо, скільки це коштуватиме.

5. 05

   Готуємо заяву

   Пишемо текст заяви про доступність і ставимо окремою сторінкою з посиланням у підвалі. Залишкові обмеження — наприклад, недоступний сторонній віджет — перелічуємо просто в ній.

Чого ми не робимо

• Не ставимо віджет доступності з магазину застосунків замість роботи
• Не обіцяємо «повної відповідності»: частина вимог залежить від вашого вмісту й перевіряється людиною
• Не вмовляємо йти з Wix: якщо завдання розв’язується на місці, переїзд лише додасть витрат
• Не підписуємо документи замість відповідального спеціаліста

Перевірте свій сайт просто зараз

Безкоштовна перевірка читає той самий код сторінки, що бачить перевіряючий: збільшення, імена кнопок, підписи полів, порядок заголовків, заява. Вона не замінює ручний аудит, але показує, з чого починати.