Доступность сайта: зачем и с чего начать
Доступность помогает не только людям с ограничениями, но и всем остальным. Разбираем базовые меры, которые можно внедрить без переделки сайта.
Коротко
Доступность — это когда сайтом можно пользоваться при слабом зрении, без мыши, при ярком солнце и с медленным интернетом. Большая часть мер полезна всем и не требует переделки.
Почему это касается обычного бизнеса
Доступность улучшает сайт для всех: контрастный текст читается на солнце, работающая клавиатурная навигация помогает тем, кто быстро заполняет формы, понятные подписи полей уменьшают число ошибок. Всё это влияет на конверсию.
Дополнительно: описания изображений и правильная структура заголовков помогают поисковым системам понимать страницу.
С чего начать
- Контраст. Серый текст на белом фоне не читается при ярком свете. Проверьте контраст основного текста и подписей.
- Размер текста. Основной текст от 16 пикселей, и он должен увеличиваться, если пользователь настроил крупный шрифт.
- Подписи к изображениям. Осмысленные для содержательных картинок, пустые — для декоративных.
- Клавиатура. Пройдите по форме клавишей Tab: видно ли, где вы находитесь, можно ли отправить форму без мыши.
- Подписи полей. Над полем, а не только внутри: подсказка внутри исчезает при вводе.
Что ещё стоит проверить
- Ссылки понятны вне контекста: «подробнее» ничего не говорит, «условия доставки» говорит.
- Ошибки формы описаны словами, а не только красной рамкой.
- Видео не запускается автоматически со звуком.
- Анимация не мешает: у пользователей есть системная настройка «уменьшить движение», её стоит уважать.
- Сайт работает при увеличении масштаба до 200%.
Чего не нужно делать
Ставить виджет «версия для слабовидящих» и считать задачу закрытой. Такие панели решают малую часть проблем и часто ломают сам сайт. Полезнее сделать основную версию нормальной.
Хотите проверить доступность?
Посмотрим сайт по базовым критериям и подскажем, что исправить без переделки.
Читайте дальше
Доработать старый сайт или сделать новый
Как решить, что дешевле: пять вопросов, ответы на которые показывают, стоит ли вкладываться в существующий сайт или пора собирать заново.
2 минуты чтенияКак выстроить работу с удалённым подрядчиком
Что заменяет личные встречи: ритм связи, точки контроля, инструменты и правила, которые делают удалённую работу предсказуемой.
1 минута чтенияКак ставить задачи разработчикам
Шаблон задачи, которую поймут с первого раза: что описать, чего не описывать и почему «сделайте красиво» стоит дороже всего.
2 минуты чтения