Цифрова доступність звучить як тема для великих компаній із окремим відділом, але насправді більшість проблем, через які людям з порушеннями зору, слуху чи моторики важко користуватися сайтом, знаходяться і виправляються без спеціальних знань. Нижче сім перевірок, які будь-хто з команди може зробити за один вечір. Для громадської організації це не формальність: серед ваших відвідувачів такі люди вже є, просто ви не бачите, як вони йдуть ні з чим.
1. Спробуйте пройти сайт лише з клавіатури
Відкладіть мишку. Клавіша Tab переміщує між посиланнями і кнопками, Enter натискає. Пройдіть шлях відвідувача: головна, меню, форма звернення, надсилання. Якщо десь “застрягли” (фокус зник, меню не відкривається, форму не надіслати), це місце недоступне для людей, які керують комп’ютером без миші, а таких значно більше, ніж здається.
2. Перевірте контраст тексту
Світло-сірий текст на білому тлі виглядає стильно на дизайнерському моніторі і зникає на дешевому екрані під сонцем, а для людей зі зниженим зором він зникає завжди. Безкоштовні онлайн-перевірки контрасту показують співвідношення між кольором тексту і тла: для звичайного тексту воно має бути не менше ніж 4,5 до 1. Перевірте хоча б основний текст, кнопки і посилання.
3. Подивіться на сайт без зображень
У кожного змістовного зображення має бути текстовий опис (атрибут alt): саме його зачитує програма екранного доступу незрячій людині. Перевірка проста: чи зрозуміло, що на сторінці, якщо всі картинки замінити на їхні описи? Порожній alt у декоративних елементів це нормально; порожній alt у кнопки-картинки або схеми це втрачений зміст.
4. Збільште масштаб до 200 відсотків
Натисніть Ctrl і плюс кілька разів. Текст має збільшуватися, а сторінка лишатися придатною: без обрізаних блоків, накладень і горизонтальної прокрутки. Так користуються сайтами люди зі зниженим зором, і так само поводиться сайт на маленьких екранах.
5. Перевірте розмір кнопок на телефоні
Відкрийте сайт зі смартфона і спробуйте потрапити пальцем у кожне посилання і кнопку з першого разу. Дрібні цілі поруч одна з одною це проблема не лише для людей з тремором чи порушеннями моторики: це проблема для будь-кого в транспорті. Орієнтир: зона натискання не менша за квадрат 44 на 44 пікселі.
6. Подивіться на форми очима людини, що помиляється
Надішліть форму з помилкою: порожнє поле, неправильна пошта. Чи зрозуміло, що саме не так і де? Повідомлення “помилка валідації” без вказівки поля лишає людину наодинці з проблемою. У кожного поля має бути видима назва, а не лише сірий текст-підказка всередині, який зникає при введенні.
7. Увімкніть субтитри в собі: перевірте відео і аудіо
Якщо на сайті є відео, у нього мають бути субтитри; якщо є аудіо, поруч має бути текстова версія. Це потрібно людям з порушеннями слуху і зручно всім, хто дивиться без звуку.
Що робити зі знайденим
Заведіть простий список: що знайшли, де, наскільки критично. Виправляйте спершу те, що блокує ключові дії: звернутися, записатися, прочитати основний зміст. Ідеальної доступності не існує, але кожна виправлена перешкода це конкретні люди, які змогли скористатися вашим сервісом самостійно.
Цифрова доступність один із напрямів роботи нашої організації: ми безкоштовно допомагаємо командам знайти і усунути бар’єри. Розкажіть про свій сайт на менторській консультації або почніть зі сторінки наших програм.
