Сучасний сайт має найрізноманітніші формати подачі інформаії: текст, зображення, інфографіки, відео, анімації тощо. Для того, щоб ці матеріали були доступні для всіх осіб, потрібно дбати як про зміст інформації, так і про дизайн самого сайту.
Коли йдеться про доступність вебсайтів, необхідно враховувати потреби користувачів: людей, які користуються лише клавіатурою, мають порушення зору, слуху, рухового апарату, сприйняття кольорів (не розрізняють чи неправильно сприймають деякі кольори) та когнітивні порушення. Для осіб із розладом аутичного спектру під час користування будь-яким електронним пристроєм важливо, аби були налаштування, які допоможуть зменшити навантаження на сенсорну систему. Для цього треба встановити мінімальну контрастність екрану, перевести пристрій у чорно-білий режим і блокувати спливаючі вікна.
З іншого боку, для зручності слабозорих користувачів є вимоги високої контрастності вебсайтів. Щоб забезпечити умови доступності для кількох категорій користувачів, практикують створення альтернативної більш контрастної версії сайту. Необхідно щоб вебсайт залишався зручним для користувача під час застосування різних налаштувань.
В дизайні важлива візуальна складова, однак забезпечуюють її технічно. Тобто вже на етапі розроблення реально дотриматися принципів вебдоступності (Керівництво з доступності вебконтенту WCAG 2.1).
Принципи вебдоступності
- Легкість сприйняття. Передбачає забезбечення текстової версії мультимедійного контенту на сайті, а також поширення інформації так, щоб з нею можна було ознайомитися кількома способами. Так, кожне зображення має мати докладний опис, а аудіозаписи мають супроводжувати текстові аналоги.
- Керованість. Користувачі можуть легко дізнатися, де шукати ту чи іншу інформацію, немає часового відліку чи перевірки на робота, а також користувачі можуть взаємодіяти з ним кількома способами, зокрема виключно через клавіатуру. Також на сайті не має бути мерехтіння чи швидкої зміни елементів.
- Зрозумілість. Дизайн вебсайту має бути інтуїтивним і передбачуваним, а зміст — зрозумілим для сприйняття. Щоб переглянути наповнення сторінок, користувачі не мають докладати додаткових зусиль. Наприклад, має бути можливість відміни дії чи виправити помилки під час заповнення форми зворотного зв’язку.
- Стійкість до помилок. Тобто вебсайт має бути сумісним з якомога більшою кількістю вебзастосунків і пристроїв, зокрема розумних пристосувань.
Кожен принцип має критерії, за якими можна перевірити чи відповідає йому вебсайт. Є три рівні відповідності сайтів: A (низький), AA (середній) та AAA (високий). Докладніше про кожен критерій читайте тут.
Аргументом для розроблення доступного вебсайту є, зокрема, розширення аудиторії користувачів. Оскільки досвід взаємодії користувачів із такими сайтами переважно позитивний, їх відвідують частіше й такі ресурси мають високий рейтинг у пошукових видачах. До того ж доступний вебсайт легше індексується пошуковими технологіями.
Приклади доступних сайтів
- сайт Адміністрації соціального забезпечення США
- навчальний сайт американського каналу NBC News
- сайт для проведення опитувань Survey Monkey.
Ресурси з вебдоступності із практичною інформацією про створення вебсайтів:
- The A11Y Project. Окрім статей, пропонує також готові шаблони елементів інтерфейсу й чек-лист вебдоступності;
- Інструменти, за допомогою яких можна перевірити відповідність вебсайту стандартам доступності: DYNO Mapper, AATT (Автоматичний інструмент перевірки доступності), Accessibility Checker.
