Специальные возможности: подготовка изображений и галерей
5 мин. чтения
Люди с ограниченным зрением могут использовать для просмотра вашего сайта вспомогательные технологии, такие как программы чтения с экрана. Добавьте описания в виде alt-текста к изображениям и галереям, чтобы сделать их доступными для этой категории посетителей сайта.
Alt-текст содержит информацию о ваших медиа и помогает поисковым системам и программам чтения с экрана «читать» их.
Добавление alt-текста
Alt-текст гарантирует, что посетители, использующие программы чтения с экрана, смогут получить доступ к контенту вашего сайта и понять его, поэтому мы рекомендуем добавлять его ко всем соответствующим изображениям, включая медиафайлы, появляющиеся в таких приложениях, как Wix Stores, Wix Bookings и т. д.
Добавьте alt-текст к изображениям и галереям в конструкторах сайтов (редакторе Wix и редакторе Studio). Если вы используете редактор Wix, вы также можете добавить alt-текст в Мастере спецвозможностей.
Мастер спец.
Редактор Studio
Редактор Wix
Используйте Мастер спецвозможностей, чтобы добавить alt-текст к изображениям сайта, а также к изображениям, которые отображаются в приложениях Wix Stores и Bookings.
Чтобы добавить alt-текст к изображениям сайта:
- Нажмите Настройка в верхнем меню редактора.
- Выберите Мастер спецвозможностей.
- Нажмите Сканировать мой сайт.
- Выберите карточки с заголовком Alt-текст.
- Введите описание изображения в поле Опишите картинку.
- Нажмите Установить alt-текст.
![Мастер спецвозможностей. Поле alt-текста для изображения заполнено. Курсор нажимает на «Установить alt-текст».](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/81f37376-0fbf-490c-994c-5f4aaf0b8c1c/bd403d1c-6d92-4eca-93b3-3d67a9de423a.png)
Чтобы добавить alt-текст к изображениям приложения:
- Нажмите Настройка в верхнем меню редактора.
- Выберите Мастер спецвозможностей.
- Нажмите Сканировать мой сайт.
- Выберите раскрывающийся список Магазин / Онлайн-запись.
- Выберите карточки с заголовком Alt-текст.
- (Только для магазинов) Выберите изображение каждого товара / варианта товара.
- Введите описание изображения в поле Опишите картинку.
- Нажмите Установить alt-текст.
- Нажмите Готово.
![Поле alt-текста для изображения товара заполнено. Кнопки Установить alt-текст и Готово выделены.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/fa5d9a6b-afc0-482b-85e1-9d8df9ca0cc8/c4a46afd-8eba-405e-a681-21dd5ed77769.png)
Совет:
Опубликуйте сайт, чтобы отобразить alt-текст.
Примечание:
В настоящее время нет возможности добавить alt-текст сразу к нескольким изображениям / галереям одновременно. Если вы хотите увидеть эту функцию в будущем, вы можете проголосовать за нее здесь.
Пометка изображений как декоративных
Декоративные изображения — это изображения, которые не вносят вклад в контент вашего сайта, поскольку они предназначены только для эстетических или декоративных целей.
Если изображение относится к декоративным и не имеет отношения к контексту вашего сайта, нет необходимости добавлять alt-текст. Вы можете пометить изображение как декоративное в Мастере специальных возможностей, чтобы поисковые системы и программы чтения с экрана автоматически пропускали его.
Чтобы отметить изображение как декоративное:
- Нажмите Настройка в верхнем меню редактора.
- Нажмите Мастер спецвозможностей.
- Нажмите Сканировать мой сайт.
- Нажмите на карточку Альтернативный текст для нужного изображения.
- Установите флажок в поле Это декоративное изображение, описание не требуется.
![Снимок экрана, показывающий, что опция декоративного изображения отмечена в Мастере специальных возможностей.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/10/0f47939b-860f-4234-b129-a75d139e4db5/95b1cf21-153f-4dcf-8e42-f663a1434275.png)
Примечание:
Вы можете пометить изображения как декоративные только если на них еще нет alt-текста. Чтобы пометить изображение с alt-текстос как декоративное, удалите alt-текст из редактора, а затем повторно отсканируйте свой сайт с помощью Мастера.
Текст на изображениях
Это изображения, которые содержат текст в виде картинки или добавленный текст.
Текст на изображениях не «читается» поисковыми системами или программами чтения с экрана. Однако, если изображение необходимо, а текст имеет контекст для сайта, вы можете добавить его к описанию изображения.
Если текст не имеет контекста или не влияет на содержание сайта, вам не нужно добавлять его к описанию изображения.
Выберите вариант ниже, чтобы узнать больше о тексте на изображениях, а также о необходимости добавлять его в описание изображения.
Важный текст
Неважный текст
Изображения текста
Изображения текста содержат только текст и никаких других графических элементов. Это могут быть изображения шрифтов или логотипы, которые содержат только текст.
Поскольку это "не настоящие" текстовые элементы, они не читаются поисковыми системами или программами чтения с экрана. Мы рекомендуем избегать таких изображений, если это возможно, и заменять их настоящими текстовыми элементами, чтобы улучшить качество SEO и доступность вашего сайта.
Следующий шаг:
Вернитесь к Контрольному списку доступности, чтобы продолжить работу над улучшением доступности сайта для посетителей со специальными возможностями.