Доступний адаптивний веб-сайт — це не те ж саме, що доступний додаток, навіть якщо обидва «працюють на телефоні». У цій статті пояснюється критична різниця між доступністю веб-сайту та доступністю рідної програми для iOS або Android.
Коротко — про що йдеться в цій статті
Інші технології, схожі правила
Адаптивний веб-сайт побудований на основі HTML, який уже має вбудований рівень доступності (семантичні теги, ARIA), який браузери та програми зчитування з екрана знають, як інтерпретувати. Нативна програма, навпаки, побудована з власних компонентів інтерфейсу користувача операційної системи (UIKit/SwiftUI на iOS, Jetpack Compose/Views на Android) — і кожен компонент потребує власного тегу доступності, окремо від його візуального дизайну. Основні принципи нагадують WCAG (контраст, розмір об’єкта дотику, чітка доступна назва), але інструменти для їх реалізації зовсім інші.
VoiceOver і TalkBack: різні програми зчитування з екрана
VoiceOver (iOS) і TalkBack (Android) — це дві різні програми зчитування з екрана з різними жестами навігації та різною підтримкою спеціальних компонентів. Компонент, ідеально позначений тегами на iOS, може не працювати належним чином на Android, якщо розробники не протестували обидві платформи окремо. Ви не можете вважати, що «ми тестували це на iOS, тому воно повинно працювати й на Android».
💡 Важливий момент
На обох платформах кожен інтерактивний компонент (кнопка, поле введення, зображення) потребує: чіткої мітки доступності, визначеної ролі/особливості доступності, а іноді також підказки щодо доступності, яка пояснює, що відбувається, коли його торкатися.
Унікальність рідних програм
Рідні програми також стикаються з проблемами, яких немає на веб-сайтах: користувацькі жести дотику (гортання, зведення), які потребують доступної альтернативи; навігація між екранами, яка також має мати сенс через програму зчитування з екрана; і push-повідомлення, які мають бути доступними, навіть якщо вони з’являються поза межами самої програми. Крім того, розмір сенсорних елементів має відповідати мінімуму 44x44 пікселів відповідно до вказівок Apple і 48x48 dp згідно вказівок Google — вимога, яка не завжди існує в однаковій формі на веб-сайтах.
Як перевірити доступну програму
- Увімкніть VoiceOver або TalkBack і спробуйте виконати основні завдання програми (реєстрація, покупка, пошук), використовуючи лише їх.
- Перевірте контрастність і розмір тексту з увімкненими параметрами доступності системи (більший текст, висока контрастність).
- Підтвердити підтримку динамічного розміру тексту (Динамічний тип на iOS) без «порушення» макета.
- Тестуйте на обох платформах окремо — тестування лише одного недостатньо.
У вас також є документи, які супроводжують вашу програму?
Наш інструмент сканує PDF-файли, пов’язані з вашим додатком або веб-сайтом — умови використання, посібники, форми — і показує вам, які саме потребують уваги.
Відскануйте свій сайт безкоштовно ←Після сканування ви також можете зробити доступ до знайдених документів безпосередньо та безкоштовно через AccessiDoc.