Що таке аудит вебдоступності сайту
Під час створення сайту часто основну увагу зосереджують на дизайні, функціоналі, контенті, SEO. Питання вебдоступності або відкладають, або не враховують взагалі. Тому в Інтернеті існує дуже багато сайтів, які порушують вимоги вебдоступності.
Часто це безпосередньо впливає на кількість клієнтів і, відповідно, на прибутки компанії. Якщо сайт не є доступним, частина клієнтів просто не може ним користуватись. Або ж на певному етапі оформлення замовлення виникає проблема, через яку користувач не може завершити дію. Також порушення вимог вебдоступності може мати юридичні ризики (особливо це стосується діяльності в ЄС та США). Нехтуючи питанням вебдоступності, бізнес може нести репутаційні та фінансові втрати.
Що таке вебдоступність
Вебдоступність означає, що сайтом зручно користуватися всім, наприклад:
- людям, які не користуються мишею;
- користувачам скринрідерів;
- людям з порушеннями зору;
- людям, які перебувають на яскравому сонці.
Існує стереотип, що вебдоступність — це адаптація сайту для людей з інвалідністю або для людей з порушенням зору. Насправді ж стандарти вебдоступності роблять сайт значно зручнішим абсолютно для всіх користувачів.
Критерії вебдоступності розробляє World Wide Web Consortium (W3C) і вони мають назву Web Content Accessibility Guidelines (WCAG).
Що таке аудит вебдоступності
Аудит вебдоступності сайту — це системна перевірка сайту (або окремих сторінок сайту) на відповідність стандарту WCAG.
Аудит доступності сайту включає перевірку автоматизованими інструментами (наприклад, Google Lighthouse), ручну перевірку, користування сайтом лише за допомогою клавіатури, перевірку за допомогою скринрідера.
Під час аудиту виконується перевірка відповідності кожному з критеріїв стандарту вебдоступності WCAG обраного рівня (A/AA/AAA) на визначених сторінках. Результатом є звіт з присвоєним статусом Pass/Fail кожному пункту. Також по кожному пункту, де було виявлено порушення, надається опис проблеми та рекомендації щодо її виправлення.
Отже, мета аудиту: знайти проблеми доступності та отримати рекомендації щодо їх усунення.
Що перевіряють під час аудиту
Перевірка вебдоступності має бути комплексною і включати автоматизовану та ручну перевірку, а також користування сайтом за допомогою скринрідера.
Основні аспекти, які перевіряються під час аудиту:
- семантика та HTML-структура
- доступність сайту з клавіатури
- фокус елементів на сайті (видимість фокусу і логічна послідовність)
- контраст кольорів
- доступність форм (зрозумілість, наявність підказок, повідомлення про помилки)
- користування скринрідером
- зручність навігації
- та ін.
Проблеми з вебдоступністю можуть бути як технічними, так і в контенті. Наприклад, може бути порушена структура та ієрархія заголовків, а це ускладнює навігацію скрінрідером. Можуть бути кнопки-іконки без опису їх призначення, що також створює складнощі для людей з порушенням зору. У формі може не бути інструкцій для коректного заповнення полів, а повідомлення про помилки можуть бути незрозумілими. Тоді користувачі можуть просто залишити сайт, адже невідомо, як правильно заповнювати форму.
Чим аудит відрізняється від автоматичної перевірки
Одним з найпоширеніших інструментів для автоматичної перевірки вебдоступності є Google Lighthouse. Це хороший інструмент, який допомагає виявити деякі проблеми.
Однак не всі критерії вебдоступності можна перевірити з допомогою автоматизованих помічників. Про це у своєму звіті наголошує і сам Lighthouse. Тому автоматизована перевірка є одним з етапів аудиту вебдоступності сайту, однак не замінює повний аудит з ручною перевіркою.
Багато аспектів можна перевірити лише вручну. Наприклад, навігацію сайтом клавіатурою, логіку і послідовність фокусу, зрозумілість текстів, підказок, повідомлень про помилки, коректність використання ARIA (наприклад, чи не порушено Перше правило ARIA).
Результат аудиту
Під час проведення аудиту вебдоступності формується звіт. Цей звіт містить список всіх критеріїв, які були перевірені з позначками Pass/Fail. Надаються пояснення щодо елемента, який порушує певну вимогу вебдоступності, опис суті порушення і чіткі рекомендації щодо виправлення. Також кожній виявленій проблемі присвоюється рівень критичності.
Такий звіт допомагає планувати роботу над покращенням вебдоступності сайту. Завдання зробити сайт повністю доступним може лякати своїм масштабом. Однак зі структурованим звітом можна робити це поступово. Зокрема, критичність порушень допоможе визначитись із пріоритетами для впровадження покращень. Список рекомендацій допоможе легше створювати задачі в беклозі та полегшить процес впровадження. Звіт після проведення аудиту може використовуватись як дорожня карта покращення доступності.
Коли варто проводити аудит
Турбуватись про вебдоступність сайту найкраще ще на початку створення та дизайну нового сайту. Це вимагає найменших витрат ресурсів. Часом питання вебдоступності відкладають у беклог саме з причини нестачі часу. Однак насправді вебдоступність не вимагає значних витрат часу. Найбільша інвестиція часу — це вивчення критеріїв вебдоступності. Якщо ж дизайнери, копірайтери, продакт-менеджери, розробники володітимуть цими знаннями, то створення доступних інтерфейсів буде для них майже інтуїтивним завданням. І дизайн, і тексти, і код будуть за замовчуванням доступними.
Однак, наразі така тенденція ще не спостерігається. Тому аудит вебдоступності сайту відкладають на подальші етапи, а часто і не планують його взагалі. Тому можна сказати, що проведення аудиту вебдоступності завжди є актуальним.
Загалом ситуація з вебдоступністю сайтів покращується, та все ще багато сайтів залишаються частково або повністю недоступними. Аудит доступності сайту допомагає виявити проблеми та виправити їх.
Якщо ви бажаєте перевірити доступність вашого сайту, ми з радістю допоможемо вам із цим.
Хочете покращити доступність вашого сайту?
Залиште запит із коротким описом вашого проєкту та цілей, і ми зв’яжемося з вами.
Наші сервіси
Доступні UI-компоненти
Доступні UI-компоненти з семантичним HTML, з підтримкою навігації з допомогою клавіатури та скрінрідерів.
Переглянути компонентиПослуги з вебдоступності
Практичні аудити доступності, консультації та супровід для продуктових команд, дизайнерів і розробників
Дізнатися про послуги