1 з 4 дорослих у США має інвалідність. У всьому світі понад 1 мільярд людей мають певну форму обмежень. Коли ваш сайт недоступний — ви виключаєте величезний сегмент потенційних клієнтів.
Що означає доступність веб-сайту
Доступність означає проектування і побудову сайтів, якими можуть користуватись люди із зоровими, слуховими, руховими або когнітивними обмеженнями. Міжнародним стандартом є WCAG.
Чотири принципи: POUR
Сприйнятний
Весь контент має бути сприйнятним. Зображення потребують alt-тексту. Відео потребують субтитрів. Контент не може покладатись лише на колір для передачі інформації.
Керований
Весь функціонал має працювати з клавіатури. Без миші. Стан фокусу має бути видимим. Користувачі мають мати достатньо часу для читання та взаємодії.
Зрозумілий
Контент має бути читабельним і передбачуваним. Повідомлення про помилки — корисними. Форми — з чіткими підписами.
Надійний
Контент має працювати з поточними і майбутніми допоміжними технологіями, такими як скринридери.
Швидкі перемоги для кращої доступності
Додайте alt-текст до всіх зображень. Забезпечте співвідношення контрасту 4,5:1 для тексту. Зробіть всі інтерактивні елементи доступними з клавіатури. Використовуйте семантичний HTML.
Проектування для людей з обмеженнями часто створює інновації, що приносять користь всім. Пандуси допомагають користувачам крісел — і батькам з колясками.
Тестування доступності
Інструменти: WAVE, axe, Lighthouse. Реальне тестування: навігація лише з клавіатурою. Тест з VoiceOver (Mac) або NVDA (Windows).
Правова реальність
У США, ЄС та багатьох інших регіонах доступність сайтів дедалі більше є законодавчою вимогою. Судові позови щодо недоступних сайтів зросли. Будуйте правильно з самого початку.