Веб-розробка з пріоритетом доступності
Більшість компаній ставлять неправильні запитання під час створення вебсайту. Вони не запитують, чи зможе ним скористатися кожен.
Вони створюють продукти для людей із швидкими ноутбуками та бездоганним зором. Вони забувають про тих, хто використовує скрінрідер. Вони забувають про користувачів, які покладаються на клавіатуру замість миші. Вони забувають про людей, яким потрібне чітке макетування для розуміння контенту.
Якщо ваш сайт не працює для таких людей, він не працює взагалі.
Доступність часто ставлять у чек-лист в останню чергу. Це помилка. Розробка з урахуванням доступності з першого дня дозволяє створювати кращі вебсайти. Ви отримуєте швидше завантаження, чистіший код і краще SEO.
Ось практична структура, якої варто дотримуватися:
Використовуйте семантичний HTML Використовуйте правильні елементи для правильних завдань. Кнопка має бути кнопкою в коді. Використання стилізованого
divзамість кнопки робить ваш сайт «невидимим» для допоміжних технологій. Виправляти це пізніше — дорого. Зробити це зараз — безкоштовно.Розробляйте для навігації за допомогою клавіатури Багато користувачів не використовують мишу. Кожне посилання, кнопка та форма мають працювати за допомогою клавіш Tab та Enter. Переконайтеся, що індикатор фокусу видимий, щоб користувачі розуміли, де вони знаходяться на сторінці.
Перевіряйте контрастність кольорів Текст має виділятися на фоні. Прагніть до співвідношення контрасту принаймні 4.5:1. Не покладайтеся лише на колір для передачі змісту. Якщо помилка відображається лише червоним текстом, користувач із порушенням сприйняття кольорів її не помітить. Додайте іконку або підпис.
Пишіть змістовний Alt-текст Припиніть використовувати назви файлів на кшталт "image1.jpg" як alt-текст. Опишіть, що саме зображено на картинці та чому це важливо. Якщо зображення лише декоративне, використовуйте порожній атрибут
alt, щоб скрінрідери його пропускали.Тестуйте за допомогою реальних інструментів Автоматизовані інструменти виявляють лише близько 40% проблем. Ви повинні тестувати за допомогою справжніх скрінрідерів, таких як NVDA, JAWS або VoiceOver. Якщо ви покладаєтеся лише на програмне забезпечення, ви пропустите реальні недоліки.
Коли ви створюєте рішення для крайніх випадків, це покращує досвід для всіх. Людина, яка користується телефоном під яскравим сонцем, або батько, який тримає немовля однією рукою, отримають перевагу від вашого доступного дизайну.
Припиніть ставитися до доступності як до юридичної формальності. Ставтеся до неї як до стандарту якості.