Accessibility

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, Семантическая вёрстка.