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