Доступність починається з того, що важливу інформацію та дії легко зрозуміти. Сайт може мати привабливий вигляд, але бути складним для використання за допомогою клавіатури, збільшеного тексту чи допоміжних технологій. Почніть із кількох практичних перевірок і залучіть відповідних фахівців для оцінювання потреб, які автоматизовані інструменти не можуть перевірити.
Дотримуйтеся зрозумілого порядку читання
Додавайте до розділів змістовні заголовки й розташовуйте їх у порядку, потрібному відвідувачам. Не покладайтеся лише на колір або розташування елементів, щоб передати зміст. Варіант ціни має мати текстову позначку; повідомлення про помилку має пояснювати, що потрібно змінити. Розміщуйте важливу інформацію в тексті сторінки, а не лише на зображенні.
Робіть посилання зрозумілими
Добирайте назви посилань, які описують місце переходу або дію. «Читати посібник до майстер-класу» зрозуміліше, ніж кілька не пов’язаних між собою посилань із назвою «Натисніть тут». Перевірте, чи можна перейти до інтерактивних елементів за допомогою клавіатури та чи видно індикатор фокуса, який показує, який елемент вибрано.
Подбайте про читабельність оформлення
Використовуйте достатню контрастність і зручний для читання розмір тексту. Перевірте, чи залишається сторінка зрозумілою, коли текст збільшують або звужують екран. Уникайте декоративної анімації, що відволікає від основного вмісту. Якщо ви публікуєте анімоване зображення, подумайте, чи не заважає воно читанню та чи не передає інформацію, яку також потрібно подати письмово.
Додавайте зображенням належний контекст
Описуйте важливі зображення відповідно до їхньої ролі. Допоміжні технології можуть пропускати декоративні зображення. Для діаграми чи інструктивного зображення потрібне рівноцінне пояснення, яке не залежить від того, чи бачить людина зображення. Тестуйте сайт за участю людей, які користуються інструментами, на які покладається ваша аудиторія.
Практичний вступ дивіться на https://web.dev/learn/design/accessibility. У VollSite перевірте згенерований результат і всі зміни кольорів, тексту, елементів керування чи зображень. Успішне автоматизоване сканування доступності є корисним технічним свідченням, але не є повною сертифікацією доступності. Зберігайте простоту сторінки, перевірте реальний шлях зв’язку та організуйте належну перевірку фахівцями, перш ніж робити широкі заяви про доступність вашого сайту.