stringtranslate.com

Wikipedia:Руководство по стилю/Доступность/Альтернативный текст для изображений

Альтернативный текст (или alt text ) — это текст, связанный с изображением, который служит той же цели и передает ту же важную информацию, что и изображение. [1] В ситуациях, когда изображение недоступно для читателя, возможно, потому что он отключил изображения в своем веб-браузере или использует программу чтения с экрана из-за нарушения зрения , альтернативный текст гарантирует, что никакая информация или функциональность не будут потеряны. [1] Отсутствующий или бесполезный альтернативный текст может стать источником разочарования для пользователей с нарушениями зрения. [2]

В Википедии альтернативный текст обычно предоставляется посредством комбинации подписи к изображению и текста, предоставленного для altпараметра изображения в разметке MediaWiki . Следующий пример создает смежное изображение:

Картина Наполеона Бонапарта
Император Наполеон в своем кабинете в Тюильри , Жак-Луи Давид
[[ Файл : Жак-Луи Давид 017.jpg | большой палец | вертикальный = 0,75 | alt = Картина Наполеона Бонапарта | '' [[ Император Наполеон в своем кабинете в Тюильри ]] '' [ [ Жак-Луи Давид ]]]]

Параметр alttext («Картина Наполеона Бонапарта») обычно не виден читателям; однако он может отображаться веб-браузерами, когда изображения выключены, или читаться вслух программами чтения с экрана для людей с нарушениями зрения, а также может использоваться поисковыми системами для определения содержания изображения. [3] В соответствии с другими рекомендациями Интернета термин « altтекст» (шрифтом code) используется здесь для обозначения текста, предоставленного для altпараметра изображения и генерирующего текст для атрибута HTML alt ; термин «альтернативный текст» относится к текстовому эквиваленту изображения, независимо от того, где находится этот текст. [4]

Для изображений, ссылающихся на страницу описания изображения (а это почти все изображения в Википедии), altтекст не может быть пустым, а altпараметр не должен отсутствовать. Это связано с тем, что программа чтения с экрана, чтобы описать цель ссылки, по умолчанию зачитывает имя файла изображения, когда altтекст отсутствует. [5] Обычно это бесполезно. В приведенном выше примере с Наполеоном программа чтения с экрана зачитала бы «ссылка графический слэш Жак дефис Луи подчеркивание Дэвид подчеркивание ноль один семь», если бы мы не указали параметр alt. [6]

Изображение, которое является чисто декоративным (не содержит никакой информации и служит только эстетической цели), не требует альтернативного текста. Часто подпись полностью соответствует требованиям к альтернативному тексту. Однако единственная ситуация, когда пустой altтекст приемлем, — это когда такие изображения не связаны, что редко возможно. Одним из решений является предоставление чего-то хотя бы минимально полезного, например |alt=photograph, |alt=painting, или |alt=sculpture. Другое решение, если подпись еще не описывает или не идентифицирует изображение, заключается в том, чтобы altтекст делал это как можно более кратко.

Аудитория

Аудитория альтернативного текста включает :

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

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

Основы

Альтернативный текст должен быть коротким, например, «Баскетболист» или «Тони Блэр пожимает руку Джорджу Бушу-младшему». Если текст должен быть длиннее, важные детали должны появляться в первых нескольких словах, позволяя пользователю программы чтения с экрана переходить к следующему тексту, как только ключевые моменты будут понятны. Очень длинные описания можно оставить для основной части статьи. [1] MediaWiki не поддерживает атрибут HTML longdesc . Все читатели будут знать, что этот элемент является изображением, поэтому добавление «фотографии» обычно не требуется.

Текст altдолжен быть простым текстом (без HTML или вики-разметки, такой как вики-ссылки) без переносов строк. Текст должен соответствовать Нейтральной точке зрения , Проверяемости , Отсутствию оригинальных исследований и Биографиям ныне живущих людей . Поскольку он не может содержать встроенных цитат , он не должен передавать какие-либо спорные моменты или материалы, неочевидные для любого читателя. altТекст предназначен для чтения экранными дикторами непосредственно перед подписью, поэтому избегайте одинаковых деталей в обоих текстах.

Важность контекста

Елизавета II выступает перед публикой.
Если только это не появляется в статье о моде, altтекст для этого изображения Елизаветы II не должен быть «пожилая женщина в черной шляпе».

Понимание контекста изображения имеет жизненно важное значение. Руководящие принципы доступности веб-контента (WCAG) 2.0 Консорциума Всемирной паутины (W3C) рекомендуют редакторам рассмотреть четыре вопроса: [7]

Например, изображение Наполеона Бонапарта можно использовать в

Изображения, содержащие слова

Если изображение содержит слова, важные для понимания читателя, альтернативный текст должен содержать эти слова. [1] Если изображение содержит нелатинские символы, рассмотрите возможность предоставления транслитерации . Экранные ридеры без поддержки Unicode имеют сильно различающуюся поддержку символов за пределами Latin-1 .

Подписи и текст рядом

см. заголовок
Сравнение трех различных типов зубных щеток

[Использование |alt=refer to caption. Статья и подпись описывают предмет, а описательная часть altбудет просто повторяться.]

Подробную информацию о разметке вики, которая создает эти элементы, см . в разделе Wikipedia:Расширенный синтаксис изображений#Альтернативный текст и подпись .

Изображения обычно представляют собой миниатюры с подписями. Подпись видна всем читателям и может содержать HTML-разметку, вики-ссылки и встроенные цитаты. Информационное поле часто содержит простое изображение с подписью в виде отдельной строки. Хорошая подпись должна кратко идентифицировать тему изображения и устанавливать релевантность изображения для статьи, не детализируя очевидное.

Если подпись достаточно описательная или вызывающая ассоциации с изображением, или если она ясно дает понять, какова функция изображения, одним из вариантов является написание |alt=refer to caption. Если соседний текст в статье выполняет ту же функцию, он может быть |alt=refer to adjacent text. [4]

Если тип изображения указан таким образом, что подпись не видна без наведения курсора на изображение, что происходит в таких местах, как Главная страница, текст подписи автоматически используется в качестве альтернативного текста, чего почти всегда достаточно (см. ссылку на расширенный синтаксис изображения выше).

Карты и диаграммы

В картах, диаграммах и графиках цвет, положение и размер элементов не важны. Вместо этого сосредоточьтесь на представляемой информации. Например, диаграмма может иметь альтернативный текст «Продажи в июне превысили продажи в июле, а в августе были еще выше», а диаграммная анимация может иметь альтернативный текст «Анимация двигателя автомобиля в движении». Структурную формулу химического соединения можно однозначно описать с помощью номенклатуры ИЮПАК , и инфобоксы лекарственных средств или химии включают эту информацию.

Декоративные изображения

  • МОС:ПДИ
  • MOS:БЛАНКАЛЬТ

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

Аналогичные проблемы существуют для изображения, которое строго повторяет информацию, найденную в соседнем тексте или в подписи. Соседний текст достаточен в качестве альтернативного текста изображения. Непустой атрибут alt приводит к повторяющемуся тексту для экранных ридеров и поисковых систем.

В обоих случаях идеальным вариантом будет пустой атрибут alt.

Значки, которые передают информацию, не найденную в тексте, должны иметь атрибуты alt, описывающие их функцию, а не внешний вид. Например, значок стрелки, используемый для перехода на следующую страницу, должен иметь атрибут alt не |alt=next page. |alt=arrow pointing rightЕсли бы стрелка сопровождалась описательной текстовой ссылкой с той же функцией, пустой атрибут alt был бы более подходящим. [3]

Альтернативный текст в шаблонах и галереях

Шаблоны
Многие шаблоны, такие как {{ Infobox }} и {{ Location map+ }}, имеют собственные параметры для указания altтекста. Если в шаблоне отсутствует такой параметр, рассмотрите возможность попросить добавить его.

Галереи
Тег поддерживает текст с версии MediaWiki 1.18. [8] {{ Gallery }} и {{ Multiple image }} также поддерживают его. Пример использования синтаксиса таблицы для создания галереи см. в <gallery>разделе Галереи .alt

Хронология
Тег <timeline> генерирует изображение без altтекста. При использовании таблиц вместо этого добавьте сводку таблицы , которая зачитывается экранными ридерами, чтобы дать обзор содержимого.

Математические формулы
Тег используется для генерации математических <math>формул . Они могут быть отображены как изображение или с использованием текста, в зависимости от их сложности и предпочтений пользователя. Для простых формул используйте altпараметр, чтобы перевести его на английский язык. Более сложные формулы трудно указать, и исходная разметка может быть лучшим вариантом, который является значением по умолчанию, если altпараметр не указан.

Ссылки и атрибуция

Написание " |alt=" приведет к тому, что программное обеспечение MediaWiki отобразит HTML с пустым altатрибутом в imgтеге. Если изображение является ссылкой, программы чтения с экрана озвучат имя файла ссылки (например, "косая черта зеленая подчеркивающая галочка"), если altатрибут HTML пуст или отсутствует. Почти все изображения в статьях Википедии являются ссылками на страницу описания изображения, которая содержит увеличенную версию изображения, а также информацию о лицензировании и атрибуции. [Примечание 1]

Статьи Википедии иногда содержат изображения, которые не ссылаются на страницу изображения, например, значок информации. Такие изображения должны быть настроены так, чтобы они игнорировались программами чтения с экрана. Это достигается путем добавления |link=|alt=к изображению вики-разметки. Удаление ссылки допустимо только для изображений в общественном достоянии или эквивалентных CC0 . Ссылки не должны подавляться для любого изображения, требующего указания авторства.

Большинство изображений в статьях Википедии не выполняют активной функции; они не являются кнопками или опциями меню. Если изображение служит ссылкой на другую статью, назовите статью в альтернативном тексте. Если переход по ссылке выполняет операцию (например, сортировку ), укажите операцию. Не говорите «нажмите здесь» или «ссылка на», так как читатель уже будет знать, что изображение является ссылкой, и, возможно, не нажимает на нее кнопку мыши. [9]

Примеры

Примечания

  1. ^ WebAIM утверждает: «Изображение, которое является единственным элементом внутри ссылки, никогда не должно иметь отсутствующий или нулевой altатрибут. Это связано с тем, что программа чтения с экрана должна ЧТО-ТО прочитать, чтобы идентифицировать ссылку». [3] Эмулятор программы чтения с экрана Fangs подтверждает это.

Ссылки

  1. ^ abcd W3C. G94: Предоставление краткой текстовой альтернативы нетекстовому контенту, которая служит той же цели и представляет ту же информацию, что и нетекстовый контент; 11 декабря 2008 г. [Извлечено 4 апреля 2010 г.].
  2. ^ Лазар Дж., Аллен А., Клейнман Дж., Маларки К. Что расстраивает пользователей экранных дикторов в Интернете: исследование 100 слепых пользователей [PDF]. Int J Hum Comput Interact . 2007;22(3):247–69. doi :10.1080/10447310709336964.
  3. ^ abcdef 2020 WebAIM . Центр для лиц с ограниченными возможностями, Университет штата Юта . Альтернативный текст [Получено 30 сентября 2020 г.].
  4. ^ ab G74: Предоставление длинного описания в тексте рядом с нетекстовым содержимым со ссылкой на расположение длинного описания в кратком описании, метод WCAG 2.0.
    WebAim пишет: «[Т]атрибут alt (иногда называемый тегом alt, хотя технически это неверно) — не единственный механизм предоставления содержимого и функции изображения. Эта информация также может быть предоставлена ​​в тексте рядом с изображением или на странице, содержащей изображение. ... Термин альтернативный текст, используемый в этой статье, относится к текстовому эквиваленту изображения, независимо от того, где находится этот текст. Он относится не только к атрибуту alt тега изображения. См. WebAIM. Основы альтернативного текста, по состоянию на 30 сентября 2020 г.
  5. ^ W3C. F89: Ошибка (...) из-за использования пустого alt для изображения, где изображение является единственным содержимым в ссылке, Методики для WCAG 2.0, доступ получен 5 ноября 2014 г.
  6. ^ WebAIM говорит: «Изображение, которое является единственным, что находится внутри ссылки, никогда не должно иметь отсутствующий или нулевой altатрибут. Это связано с тем, что программа чтения с экрана должна ЧТО-ТО прочитать, чтобы идентифицировать ссылку». См. WebAIM, Context is Everything, доступ получен 30 сентября 2020 г.
  7. ^ W3C. Понимание критерия успеха 1.1.1; Понимание WCAG 2.0; 11 декабря 2008 г. [Извлечено 4 апреля 2010 г.].
  8. ^ Ошибка Викимедиа 18682
  9. ^ Петри, Хелен; Харрисон, Чандра; и Дев, Сандип. Описание изображений в Интернете: обзор текущей практики и перспективы на будущее, Центр проектирования взаимодействия человека и компьютера, Городской университет Лондона, доступ 8 июня 2010 г.
  10. ^ W3C. H24: Предоставление текстовых альтернатив для элементов области карт изображений, метод WCAG 2.0.

Внешние ссылки