Капча, которую невозможно пройти
Задание «распознайте искажённые буквы» или «выберите все картинки с…» не пройти тому, кто не видит экрана. Если без проверки не обойтись, нужен другой способ подтверждения — и он должен действительно работать.
Риски
Безопасность
Некоторые решения на сайтах принимают из лучших побуждений — защитить форму, привлечь внимание, обезопасить вход, — а в итоге они закрывают дверь перед частью посетителей. Ниже собраны самые частые такие ловушки и то, как обойтись без них, не жертвуя защитой.
Защита, которую не может пройти живой человек, защищает сайт не от роботов, а от посетителей.
Как устроен раздел: мы описываем риски общими словами и не называем конкретных сервисов и продуктов. Решения о защите сайта принимайте вместе с тем, кто его поддерживает, но помните о людях, которым эта защита может помешать.
Риски
Ситуации, которые чаще всего превращают обычный сайт в непроходимый для части людей.
Автоматически исчезающие сообщения
Уведомление, которое пропадает через пару секунд, не успевают прочитать люди, читающие медленно, и не всегда слышит диктор. Важные сообщения оставляйте на экране до действия пользователя.
Мигающий контент
Резкие вспышки и быстрое мигание мешают сосредоточиться и для части посетителей могут быть небезопасны. Избегайте их, а любую анимацию дайте возможность остановить.
Короткие таймауты сессии
Если форма сбрасывается через несколько минут бездействия, человек с медленным вводом может не успеть. Предупредите заранее и дайте продлить время одним действием, не теряя введённого.
Картинки вместо текста документов
Отсканированный документ — это изображение: диктор его не прочитает, текст в нём не найти поиском и не увеличить без потери чёткости. Публикуйте документы текстом.
«Оверлеи», обещающие всё исправить
Готовые надстройки, которые подключаются одной строкой и обещают сделать сайт доступным, не исправляют сами страницы и иногда мешают вспомогательным программам посетителей.
Почему удобство и защита не противоречат друг другу
Владельцы сайтов часто опасаются, что, упростив вход или убрав строгую проверку, откроют дорогу спаму и злоумышленникам. На деле многие способы защиты работают незаметно для человека и не требуют от него ни зоркого зрения, ни быстрой реакции.
Хорошее правило — представить посетителя, который пользуется сайтом только с клавиатуры или только на слух, и пройти его путь от начала до конца. Если на каком-то шаге он застревает, защиту стоит устроить иначе.
Если вы не уверены в решении, спросите самих пользователей. Короткая просьба написать о трудностях, оставленная на видном месте, приносит больше пользы, чем любые догадки.
Читайте также
- Если не работает
Что делать, если не видно фокуса, текст не помещается при увеличении, кнопка без надписи, ошибки формы непонятны или видео идёт без субтитров.
- Инструкции
Пошаговые инструкции: как сделать текст читаемым, страницу — понятной по заголовкам, а форму обратной связи — удобной для всех. Здесь же каталог публикаций.
- Инструменты
Чем проверить сайт самому: увеличение в браузере, клавиатура, режим высокой контрастности, встроенный экранный диктор, проверка цветов и валидатор разметки.
- Вопросы
Ответы на частые вопросы о справочнике, о тексте и изображениях, о формах, видео и о том, как проверить доступность своего сайта без специалиста.
- Словарь
Словарь терминов: доступность, WCAG, ГОСТ Р 52872-2019, контраст, альтернативный текст, фокус, экранный диктор, субтитры и простой язык.
Источники
- W3C — рекомендации WCAG 2.2
- ГОСТ Р 52872-2019
- Редакционные материалы справочника Wpget
Сведения изложены общими словами на дату подготовки. Рекомендации, браузеры и привычки читателей постепенно меняются, поэтому в спорных случаях сверяйтесь с первоисточниками: текстом рекомендаций WCAG и действующим ГОСТ Р 52872-2019.