О доступности сайта вспоминают редко, а зря: часть ваших клиентов плохо видит мелкий текст, не различает блёклые надписи или смотрит видео без звука. Если сайт для них неудобен, они просто уйдут к тому, у кого удобнее. Хорошая новость в том, что большинство улучшений делаются простыми средствами и заодно делают сайт приятнее для всех. Ниже — практический чек-лист по блокам, который можно пройти самому.
Что такое доступность простыми словами
Доступность — это свойство сайта, при котором им может пользоваться как можно больше людей, независимо от особенностей зрения, слуха и способа работы с устройством. Кто-то не пользуется мышью и ходит по сайту клавиатурой, кто-то слушает содержимое через голосовую программу, которая читает экран вслух, кому-то нужен крупный контрастный текст. Доступный сайт учитывает это и не отсекает таких посетителей. Важно, что речь не о какой-то особой «версии для инвалидов» — отдельная упрощённая версия обычно только мешает. Речь о том, чтобы обычный сайт изначально был удобен для всех.
Хорошая доступность незаметна: ей пользуются все и каждый день, просто не задумываясь. Замечают обычно её отсутствие — когда что-то невозможно прочитать или нажать.
Чек-лист: для людей с нарушениями зрения
Нарушения зрения бывают разными: кто-то видит плохо и увеличивает текст, кто-то не видит вовсе и слушает сайт через программу чтения экрана. Проверьте основное.
- Текст контрастный: тёмные буквы на светлом фоне или наоборот, без блёклого серого по белому.
- Шрифт читаемый и достаточно крупный, его можно увеличить в браузере, и вёрстка при этом не ломается.
- У изображений есть текстовые подписи — программа чтения экрана зачитает их тому, кто не видит картинку.
- Смысл не передаётся одним только цветом: «нажмите на красную кнопку» не поможет тому, кто не различает цвета, нужна ещё и подпись.
- Ссылки понятны по тексту: «смотреть цены», а не «нажмите здесь» — вне контекста «здесь» ничего не значит.
Подписи к изображениям — та деталь, что помогает сразу двум сторонам: людям с нарушениями зрения и поисковым роботам. Как работать с картинками правильно, разобрано в статье про фото и контент для сайта.
Чек-лист: для людей с нарушениями слуха
Если на сайте есть звук и видео, часть посетителей его не услышит — или смотрит без звука в общественном месте. Проверьте.
- У видео есть субтитры или текстовая расшифровка — тогда содержание понятно и без звука.
- Важная информация не спрятана только в аудио или видео: её дублирует текст на странице.
- Звук не включается сам по себе при входе на страницу — это мешает и раздражает всех.
Чек-лист: удобство для всех
Эти пункты помогают людям с разными особенностями сразу и попутно делают сайт удобнее каждому посетителю.
- По сайту можно пройти клавиатурой, не только мышью: перейти по ссылкам, заполнить и отправить форму.
- Понятно, какой элемент сейчас выбран, — на нём видна рамка или подсветка.
- Структура логичная: один главный заголовок, понятные подзаголовки, последовательные разделы.
- Поля формы подписаны, а при ошибке понятно, что именно исправить.
- Ничего не мигает и не мелькает резко — это может быть опасно для чувствительных людей.
Многое из этого пересекается с обычным удобством сайта — тем, что влияет на заявки у всех посетителей. Об этом подробнее в статье про UX, UI и конверсию: удобный сайт и доступный сайт — во многом одно и то же.
Зачем это бизнесу, а не только из заботы
Доступность легко воспринять как благотворительность, но у неё есть и вполне практическая сторона — она напрямую влияет на выручку и на то, как сайт выглядит в поиске.
- Больше клиентов. Людей с теми или иными особенностями зрения и слуха больше, чем кажется, а с возрастом хуже видит почти каждый. Удобный для них сайт просто не теряет этих посетителей.
- Лучше для всех. Крупный контрастный текст читается на солнце, субтитры выручают в беззвучном режиме, понятная навигация ускоряет путь любому. То, что помогает людям с ограничениями, помогает и остальным.
- Дружелюбнее к поиску. Подписи к изображениям, аккуратная структура заголовков и читаемая вёрстка — то, что любят и люди, и поисковые роботы. Работа над доступностью заодно улучшает восприятие сайта поиском.
- Меньше отказов. Если человеку неудобно — мелко, непонятно, не нажимается, — он уходит. Доступный сайт удерживает тех, кого неудобный потерял бы молча.
Проще говоря, доступность — это не отдельная добрая опция, а часть обычного качества сайта. Сайт, которым удобно пользоваться каждому, просто работает лучше — и приносит больше заявок.
Как проверить свой сайт самому
Не нужны специальные знания, чтобы поймать самые частые проблемы. Сделайте несколько простых проверок.
- Уменьшите яркость экрана и попробуйте прочитать текст — блёклые надписи сразу выдадут себя.
- Увеличьте размер шрифта в браузере и посмотрите, не разъезжается ли вёрстка.
- Пройдите по сайту только клавиатурой: получается ли дойти до заявки без мыши.
- Откройте страницу на телефоне при ярком свете — видно ли текст и кнопки.
- Попросите посмотреть сайт человека постарше: что ему мелко, что непонятно, где он застревает.
Почему доступность стоит закладывать сразу
Главный вывод: доступность почти ничего не стоит, если заложена с самого начала, и дорого обходится, если прикручивать её к готовому сайту, свёрстанному без неё. Контраст, читаемый текст, подписи к картинкам, понятная навигация — это не отдельная дорогая опция, а часть аккуратной работы. Тот же принцип, что и с мобильной версией: её закладывают в основу, а не добавляют потом, — об этом в материале про адаптивный дизайн.
Мы делаем сайты с учётом доступности как часть нормального подхода, а не платной надстройки: контраст, читаемость, подписи и навигация закладываются сразу. Если хотите проверить, насколько доступен ваш нынешний сайт, пришлите адрес — бесплатно посмотрим и подскажем, что улучшить. А если нужен сайт, удобный для всех с самого старта, посмотрите форматы и услуги. Из соседних инструкций пригодятся как заполнить карточку в Яндекс Бизнесе и проверка мобильной версии сайта.