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