Как сделать сайт удобнее для всех пользователей

В этой статье рассказывается о том, как упростить работу с сайтами для всех пользователей, в том числе для людей с ограниченными возможностями.

Альтернативный текст

Добавляйте альтернативный текст для описания изображений, логотипов, рисунков и других графических объектов. Если его не будет, пользователи программ чтения с экрана услышат только слово "Изображение". Если у объекта уже есть альтернативный текст, убедитесь, что он соответствует вашим требованиям.

Как добавить или изменить альтернативный текст на вставленных изображениях

Выберите изображение или логотип.
Нажмите Ещё Добавить альтернативный текст.
Введите текст.

Как добавить альтернативный текст для фоновых изображений или изменить его

Откройте сайт в Google Сайтах на компьютере.
Добавьте альтернативный текст для фонового изображения.
- Чтобы добавить текст для главного изображения, в его левом нижнем углу нажмите .
- Чтобы добавить текст для того или иного раздела, справа от него нажмите на значок "Цвета раздела" Изображение .
Выберите Альтернативный текст.
Введите альтернативный текст в поле описания.

Как добавить альтернативный текст для логотипов и баннеров или изменить его

Для новых собственных тем

Откройте сайт в Google Сайтах на компьютере.
Выберите панель Темы справа.
В разделе "Настроить" нажмите "Создать тему" .
Загрузите логотип или баннер, нажав "Добавить изображение" Загрузить.
Добавьте альтернативный текст, нажав на загруженное изображение Альтернативный текст.

Для главных изображений собственных тем

Откройте сайт в Google Сайтах на компьютере.
Выберите панель Темы справа.
В разделе "Настроить" в правом верхнем углу темы нажмите на значок Изменить.
Под пунктом "Изображения" нажмите на главное изображение Альтернативный текст.
Введите альтернативный текст в поле описания.

Подробнее о том, как изменить внешний вид сайта…

Использование высокого цветового контраста

При высоком цветовом контрасте текст и изображения видны лучше. Минимальное рекомендуемое соотношение составляет 4,5:1 для больших текстов и 7:1 для текстов поменьше, а также для изображений. Например, следует избегать серых букв на белом фоне.

Чтобы знакомиться с рекомендациями по увеличению цветового контраста и применять их на своем сайте, воспользуйтесь инструментами разработчика в Chrome.

Информативные ссылки

Программы чтения с экрана иногда сканируют ссылки, поэтому они могут служить дополнительным источником информации. Мы рекомендуем использовать в качестве текста ссылки название страницы. Например, ссылку на страницу вашего профиля лучше назвать "Мой профиль", а не "Нажмите здесь". Неудобным будет и просто оставлять в качестве названия полный URL-адрес страницы.

Размер шрифта и выравнивание текста

Чтобы текст на сайте было удобно читать, используйте крупный шрифт и выравнивание по левому краю. Если текст выровнен по ширине, читать его будет сложнее из-за лишнего расстояния между словами.

Дополнение форматирования текстом

Не используйте только форматирование текста, чтобы доносить дополнительный смысл. Программы чтения с экрана могут игнорировать некоторые элементы форматирования, такие как полужирный шрифт или выделение цветом. Чтобы привлечь внимание к определенному фрагменту текста, добавьте, например, слово "Важно".

Списки

Маркированные или нумерованные списки, как правило, удобнее для восприятия, чем перечни, вставленные в длинные предложения. В Google Документах и Google Презентациях некоторые виды списков определяются автоматически. Например, если вы начинаете новую строку с цифры 1 и точки, она автоматически будет оформлена как первый пункт списка. Подробнее…