Доступность начинается с того, чтобы важная информация и действия были понятны. Сайт может выглядеть привлекательно, но при этом быть трудным для использования с клавиатуры, увеличенным текстом или вспомогательными технологиями. Начните с нескольких практических проверок и привлеките специалистов для оценки того, что автоматические инструменты проверить не могут.
Используйте понятный порядок чтения
Давайте разделам описательные заголовки и располагайте их в том порядке, который нужен посетителю. Не полагайтесь только на цвет или расположение элементов, чтобы объяснить их смысл. У варианта цены должна быть текстовая подпись; сообщение об ошибке должно объяснять, что нужно изменить. Размещайте важную информацию в тексте страницы, а не только внутри изображения.
Делайте ссылки понятными
Выбирайте подписи ссылок, которые описывают их назначение или действие. «Прочитать руководство по семинару» понять проще, чем несколько несвязанных ссылок с одинаковой подписью «Нажмите здесь». Проверьте, что до интерактивных элементов можно добраться с помощью клавиатуры и что видимый индикатор фокуса показывает, какой элемент выбран.
Обеспечьте удобство чтения
Используйте достаточный контраст и читаемый размер текста. Проверьте, остаётся ли страница понятной при увеличении текста или на узком экране. Не используйте декоративную анимацию, отвлекающую от основного содержания. Если вы публикуете анимированное изображение, подумайте, не мешает ли оно чтению и не передаёт ли информацию, которую также нужно изложить текстом.
Учитывайте контекст изображений
Описывайте значимые изображения с учётом их назначения. Вспомогательные технологии могут пропускать декоративные изображения. Для диаграммы или изображения с инструкциями нужно предусмотреть равноценное пояснение, которое не требует видеть картинку. Проводите тестирование с людьми, которые используют технологии, важные для вашей аудитории.
Практическое введение см. на странице https://web.dev/learn/design/accessibility. В VollSite проверьте сгенерированный результат и все изменения цветов, текста, элементов управления или изображений. Успешное прохождение автоматической проверки доступности даёт полезные технические данные, но не является полноценной сертификацией доступности. Сделайте страницу простой, проверьте реальный путь связи и организуйте подходящую проверку специалистами, прежде чем делать широкие заявления о доступности вашего сайта.