Accessibility (веб-доступність, a11y) — це проєктування сайту так, щоб ним могли повноцінно користуватися люди з різними обмеженнями: порушенням зору, слуху, моторики чи когнітивних функцій. Основа доступності — стандарт WCAG, а на практиці вона тримається на семантичній верстці, текстових альтернативах і зручній навігації з клавіатури.
Простими словами: доступність — це пандус, але для сайту. Незряча людина «читає» сторінку через програму екранного доступу; якщо сайт зроблено правильно, вона все зрозуміє, а якщо ні — упирається в стіну.
Що таке Accessibility і навіщо вона потрібна
Причин три. Перша — етична й ділова: за різними оцінками, близько 15% людей у світі живуть з тією чи іншою формою інвалідності, і це реальні користувачі та клієнти. Друга — юридична: у багатьох країнах доступність вимагається законом. Третя — SEO: пошуковий робот «бачить» сторінку приблизно так само, як програма екранного доступу — через код і текст, а не очима. Тож те, що робить сайт доступним, часто робить його зрозумілішим і для Google.
З чого складається доступність
- Текстові альтернативи — коректний альтернативний текст (alt) до зображень, щоб скрінрідер описав картинку.
- Семантична верстка — правильні теги (
<h1>,<nav>,<button>), а не «дивани» з<div>, щоб технології доступу розуміли структуру. - Навігація з клавіатури — усім можна користуватися без миші.
- Контраст і розмір тексту — читабельно для людей зі слабким зором.
- Підписи й транскрипти — субтитри до відео, текст до аудіо.
- ARIA-атрибути — підказки для скрінрідерів там, де звичайної семантики бракує.
Приклад
На сайті всі кнопки зроблені тегом <button>, у кожної картинки є змістовний alt, а меню працює зі стрілок і Tab. Незряча людина проходить оформлення замовлення до кінця через екранний читач. Той самий чистий семантичний код Google легше сканує й краще розуміє — доступність і SEO тут працюють в один бік.
Часто плутають з…
- Юзабіліті (usability) — це загальна зручність для всіх; accessibility — саме про доступність для людей з обмеженнями. Пов’язані, але не тотожні.
- UX — ширший досвід взаємодії; доступність — його важлива, але окрема складова.
- Адаптивність — про підлаштування під розмір екрана, а не під потреби користувачів з обмеженнями.
Питання та відповіді
Чи впливає accessibility на SEO?
Так, побічно. Семантична верстка, alt-тексти, зрозуміла структура й швидкість одночасно покращують і доступність, і те, як сторінку розуміє Google. Прямого фактора «доступність» немає, але сигнали перетинаються.
Що таке WCAG?
Web Content Accessibility Guidelines — міжнародний стандарт веб-доступності з рівнями відповідності A, AA і AAA. Практичний орієнтир для бізнесу — рівень AA.
Як швидко перевірити доступність сайту?
Прогнати сторінку автоматичними інструментами (наприклад, Lighthouse чи axe), спробувати пройти сайт лише з клавіатури й перевірити наявність alt у зображень. Автотести ловлять частину проблем, решту — ручна перевірка.
Хочете сайт, зручний для всіх і зрозумілий для Google? Перевіримо доступність і семантику в межах UX/UI-аудиту та виправимо код через технічні доопрацювання.
Схожі терміни: Alt Text, HTML, Usability, UX, Семантична верстка.
