Статті ·
Як перевірити доступність свого сайту за 15 хвилин: інструкція для власника
За даними ВООЗ, інвалідність має приблизно кожна шоста людина у світі. Серед відвідувачів вашого сайту це люди старшого віку, ветерани, люди з дислексією, а ще ті, хто читає з телефона на сонці. Більшість власників сайтів не знає, що їхній сайт для цих людей зачинений. Перевірити це можна самостійно, без програміста.
Тест 1. Відкладіть мишку
Натискайте клавішу Tab і пройдіть сайт від шапки до форми замовлення. Питання прості: чи видно, де ви зараз? Чи доходите до кожної кнопки й поля? Чи не стрибає фокус хаотично? Якщо до кнопки «Замовити» не дістатися клавіатурою, людина, яка не може користуватися мишею, не замовить нічого.
Тест 2. Збільште текст
Натисніть Ctrl і «+» кілька разів, до 200 %. Текст має збільшитися, а сторінка — не розвалитися: без накладень, без тексту, що вилазить за край, без горизонтальної прокрутки.
Тест 3. Послухайте свій сайт
Увімкніть екранний читач: на iPhone і Mac це вбудований VoiceOver, на Android — TalkBack, на Windows — безкоштовна програма NVDA. Послухайте головну сторінку. Якщо чуєте «кнопка, кнопка, посилання, зображення» без пояснень, незряча людина не зрозуміє, що де.
Тест 4. Перевірте картинки
Кожне змістовне зображення потребує підпису (alt): не «IMG_2041», а «Команда на виставці в Києві». Декоративні картинки підпису не потребують, їх читач має пропускати.
Тест 5. Контраст
Світло-сірий текст на білому виглядає стильно, але частина людей його просто не бачить. Для звичайного тексту контраст має бути щонайменше 4,5:1. Безкоштовні перевірки контрасту легко знайти за запитом «contrast checker».
Тест 6. Помилка у формі
Навмисно заповніть форму неправильно. Сайт має сказати словами, що саме не так і в якому полі. Якщо помилку показано лише червоним кольором, людина, що не розрізняє кольори, її не побачить.
Тест 7. Автоматична перевірка
У Google Chrome відкрийте інструменти розробника (F12), вкладку Lighthouse, і запустіть перевірку «Accessibility». Вона швидко знайде явні помилки. Але пам’ятайте: автоматична перевірка охоплює приблизно 57 % можливих проблем, решту знаходить лише людина.
Що робити, якщо знайшли проблеми
Не панікуйте й не ставте віджети, які обіцяють «доступність однією кнопкою»: відповідності стандарту вони не дають, а подекуди заважають екранним читачам. Складіть список проблем і виправляйте їх під час планових оновлень сайту, починаючи з тих, що заважають замовити чи зв’язатися з вами.
Як це виглядає на живому сайті, можна подивитися на українській платформі читання Балабони: там є окремий режим для людей з дислексією — зі збільшеними інтервалами між літерами й словами: balabony.com/accessibility.
Якщо хочете, щоб сайт перевірив фахівець, ми в студії OLBO робимо такі аудити й починаємо з безкоштовного експрес-аудиту.