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