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