Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
"WP: ALT" перенаправляется сюда. Для других сайтов, которые могут быть более полезными, если статья не подходит для Википедии, см. Википедия: альтернативные источники . Чтобы узнать об альтернативных учетных записях, см. Википедию: марионеточное искусство носков § Законное использование альтернативных учетных записей .
Доступность WikiProject
Правила статьи
Рекомендации по шаблонам
Координация
Для пользователей с ограниченными возможностями

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

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

Картина Наполеона Бонапарта в его кабинете в Тюильри
Император Наполеон в своем кабинете в Тюильри - Жак Луи Давид

[[File:Jacques-Louis David 017.jpg |thumb |upright=0.75 |alt=Painting of Napoleon Bonaparte in His Study at the Tuileries |''[[The Emperor Napoleon in His Study at the Tuileries]]'' by [[Jacques-Louis David]]]]

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

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

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

Аудитория [ править ]

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

  • Читатели с нарушениями зрения различной степени, которые просматривают Википедию с помощью программы чтения с экрана , переводящей текст в речь или шрифт Брайля , например JAWS , NVDA или Orca [3]
  • Читатели, использующие браузеры, не поддерживающие изображения (например, Lynx ) или настроенные не отображать их (например, Wikipedia Zero ); [3]
  • Поисковые боты. [3]

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

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

Основы [ править ]

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

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

Важность контекста [ править ]

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

Понимание контекста изображения жизненно важно. World Wide Web Consortium (W3C) Web Content Accessibility Guidelines (WCAG) 2,0 рекомендуем редакторам рассмотреть четыре вопроса: [7]

  • Почему здесь нетекстовый контент?
  • Какую информацию он представляет?
  • Какую цель он выполняет?
  • Если бы я не мог использовать нетекстовое содержимое, какие слова я бы использовал для передачи той же функции или информации?

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

  • статья о великих военачальниках, в которой приводится пример такого лидера - альтернативный текст должен называть тему;
  • статья о Наполеоне , иллюстрирующем , как он выглядел, альтернативный текст должен кратко описать его внешний вид , если это имеет значение для статьи;
  • статья о картине его -The альтернативного текста должна кратко описать картину.

Изображения, содержащие слова [ править ]

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

Подписи и текст рядом [ править ]

Сравнение трех разных типов зубных щеток

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

Подробнее о вики-разметке, которая создает эти элементы, см. Википедия: расширенный синтаксис изображений # Альтернативный текст и заголовок .

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

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

Карты и диаграммы [ править ]

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

Декоративные изображения [ править ]

Ярлыки
  • MOS: PDI
  • МОС: БЛАНКАЛЬТ

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

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

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

  • Для публичного домена, CC0 или аналогичным образом лицензированных изображений, разъединить изображение и использовать пустой атрибут альта: |link=|alt=. Комбинация отсутствия ссылки и пустого атрибута alt заставляет программы чтения с экрана пропускать изображение, а поисковые системы пропускают изображение в текстовых фрагментах результатов поиска.
  • Для изображений с лицензией CC-BY-SA, GFDL или аналогичным образом не следует использовать пустой атрибут alt . Политика Википедии заключается в том, чтобы связывать эти изображения для атрибуции, и связанные изображения должны иметь непустой атрибут alt, чтобы предотвратить пустые ссылки, которые приводят к путанице в объявлениях в программах чтения с экрана. Если желателен пустой атрибут alt, подумайте о замене изображений CC-BY-SA эквивалентами из общественного достояния. В противном случае, используйте атрибут краткого альта (например |alt=photograph, |alt=painting, |alt=sculptureили |alt=icon) , чтобы минимизировать путая текст.

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

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

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

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

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

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

Ссылки и атрибуция [ править ]

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

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

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

Примеры [ править ]

Примеры альтернативного текста
WikicodeНормальный просмотрЧитатель экранаОбоснование
[[File: Dannebrog.jpg | thumb | center | upright = 0.75 | alt = Красный флаг, разделенный на четыре части белым крестом, слегка смещенным влево. | Самый старый [[национальный флаг]] дизайн, который все еще используется, - это [[Дания]] 13-го века [[Флаг Дании | '' Даннеброг '']]]]
Самым старым национальным флагом, который все еще используется, является датский Даннеброг XIII века.
ссылка графический красный флаг разделен на четыре части с помощью белого креста слегка смещен влево. Самый старый ссылка дизайн национального флага до сих пор используются в ссылке Дания 13-го век ссылка DannebrogСтатья: Флаг
Цель изображения - показать, как выглядит датский флаг Даннеброга. Фотография могла быть заменена плоской графикой и служить той же цели. Поэтому флагшток, трепетание и небо не важны.
[[File: Glass-half-full.jpeg | thumb | center | upright = 0,75 | alt = Из носика льется чистая вода. | Фторирование не влияет на внешний вид, вкус и запах [[питьевой воды]]]]
Фторирование не влияет на внешний вид, вкус и запах питьевой воды.
link graphic Из носика льется чистая вода. Фторирование не влияет на внешний вид, вкус или запах линии питьевой водыСтатья: Фторирование воды
Это стоковая фотография, выбранная для украшения отрывка из статьи о водопроводной воде. Изображение является ссылкой, поэтому для него нужен altтекст. Поскольку подпись не идентифицирует изображение, уместно краткое описание.
[[Файл: Блэр Буш Белый дом (2004-11-12) .jpg | thumb | center | upright = 0,75 | alt = Тони Блэр и Джордж Буш пожимают друг другу руки на пресс-конференции. | Блэр и Буш согласовывают стратегию действий] мир на Ближнем Востоке 12 ноября 2004 г.]]
Блэр и Буш согласовывают стратегию установления мира на Ближнем Востоке 12 ноября 2004 г.
link graphic Тони Блэр и Джордж Буш пожимают друг другу руки на пресс-конференции. Блэр и Буш согласовывают стратегию установления мира на Ближнем Востоке 12 ноября 2004 г.На изображении они приветствуют друг друга рукопожатием во время пресс-конференции.

В altтексте не должно быть слов «Двое мужчин пожимают руки», потому что картина была выбрана не для этого; необходимо идентифицировать мужчин. В altтексте не должно быть сказано, что они находились в Восточной комнате Белого дома, потому что это не ясно из фотографии. То, что мужчины одеты одинаково , передает фотография, но это не имеет отношения к статье.

Необычные примеры альтернативного текста
ВикитекстНормальный просмотрЧитатель экранаОбоснование
[[Файл: Commons-logo.svg | frameless | upright = 0.23 | border | center | link = Commons: Special: Search | Search Wikimedia Commons]]
ссылка на изображение Поиск в Wikimedia CommonsЦель изображения, значка, - предоставить ссылку на страницу поиска Commons. Внешний вид значка не важен, важна его функция. Если указать альтернативный текст в поле «caption» разметки изображения, это будет и altтекст, и заголовок ссылки. В некоторых браузерах заголовок ссылки отображается как всплывающая подсказка.
<imagemap>Файл: Bryan-Sewall.jpg | thumb | upright = 0,75 | center | alt = Плакат кампании Демократической партии 1896 г.круг 950 850 700 [[Уильям Дженнингс Брайан | Уильям Дж. Брайан]]
круг 2950 850 700 [[Артур Сьюол]] по
умолчанию [http://projects.vassar.edu/1896/democrats.html Веб-сайт демократов 1896 г. ]</imagemap>
William J. BryanArthur Sewall
На базовом изображении есть альтернативный текст «Плакат кампании Демократической партии 1896 года». В левом кружке есть альтернативный текст «Уильям Дж. Брайан». В правом кружке altнаписано «Артур Сьюэлл». Синий ( i ) имеет altтекст «Об этом изображении». Все они повторяются в виде текста заголовка ссылки, который предоставляет всплывающую подсказку в некоторых браузерах, за исключением базового изображения, которое имеет заголовок ссылки «Веб-сайт Демократов 1896 года».Первая строка определяет altтекст базового изображения , который в данном случае идентифицирует изображение. Каждая последующая строка определяет altтекст для ссылки на регион, который должен быть целью ссылки. [10]
Меркурий, Венера, Земля, Марс. <br /> [[File: Gray line.png | alt = | link =]] <br /> Юпитер, Сатурн, Уран, Нептун.
Меркурий, Венера, Земля, Марс.

Юпитер, Сатурн, Уран, Нептун.		Меркурий, Венера, Земля, Марс. Юпитер, Сатурн, Уран, Нептун.Изображение обеспечивает визуальную структуру, но не содержит важной информации. Поскольку изображение находится в общественном достоянии, атрибуция не требуется, и ссылку можно отбросить, что позволяет нам указать пустой altатрибут, чтобы программа чтения с экрана не произносила имя файла. Комбинация отсутствия ссылки и пустого altатрибута указывает программам чтения с экрана полностью пропустить изображение.
[[Файл: предупреждение Ambox pn.svg | 28x28px | alt = | link =]] <strong> Предупреждение: </strong> не бегайте ножницами.
 Предупреждение: не бегайте ножницами.Предупреждение: не бегайте ножницами.Изображение строго повторяет информацию, передаваемую соседним словом «Предупреждение». Поскольку «Предупреждение» является достаточным альтернативным текстом, пустой altатрибут уместен.

Заметки [ править ]

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

Ссылки [ править ]

  1. ^ а б в г W3C. G94: предоставление альтернативы короткому тексту для нетекстового контента, который служит той же цели и представляет ту же информацию, что и нетекстовый контент ; 11 декабря 2008 г. [Дата обращения 4 апреля 2010 г.].
  2. ^ Лазар Дж, Аллен А., Клейнман Дж, Маларки С. Что разочаровывает пользователей программ чтения с экрана в Интернете: исследование 100 слепых пользователей [PDF]. Int J Hum Comput Взаимодействовать . 2007. 22 (3): 247–69. DOI : 10.1080 / 10447310709336964 .
  3. ^ Б с д е е 2020 WebAIM . Центр для людей с ограниченными возможностями, Государственный университет Юты . Альтернативный текст [последнее посещение - 30 сентября 2020 г.].
  4. ^ a b G74: Предоставление длинного описания в тексте рядом с нетекстовым контентом со ссылкой на расположение длинного описания в кратком описании , метод WCAG 2.0.
    WebAim пишет: «Атрибут alt (иногда называемый тегом alt, хотя технически это неверно) - не единственный механизм для предоставления содержания и функций изображения. Эта информация также может быть предоставлена ​​в тексте рядом с изображением. или на странице, содержащей изображение. ... Термин альтернативный текст, используемый в этой статье, относится к текстовому эквиваленту изображения, независимо от того, где находится этот текст. Он относится не только к атрибуту alt изображения tag. См. WebAIM. Alternative Text Basics , по состоянию на 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.

Внешние ссылки [ править ]

  • Требования к предоставлению текста в качестве альтернативы изображениям - в спецификации HTML.
  • Fangs - эмулятор программы чтения с экрана