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