Альтернативный текст - это текст, связанный с изображением, который служит той же цели и передает ту же важную информацию, что и изображение. [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
Текст предназначен для чтения из чтения с экраном как раз перед заголовком, поэтому не имеет ту же деталь в обеих.
Важность контекста
Понимание контекста изображения жизненно важно. World Wide Web Consortium (W3C) Web Content Accessibility Guidelines (WCAG) 2,0 рекомендуем редакторам рассмотреть четыре вопроса: [7]
- Почему здесь нетекстовый контент?
- Какую информацию он представляет?
- Какую цель он выполняет?
- Если бы я не мог использовать нетекстовое содержимое, какие слова я бы использовал для передачи той же функции или информации?
Например, изображение Наполеона Бонапарта могло быть использовано в
- статья о великих военачальниках, в которой приводится пример такого лидера - альтернативный текст должен называть тему;
- статья о Наполеоне , иллюстрирующем , как он выглядел, альтернативный текст должен кратко описать его внешний вид , если это имеет значение для статьи;
- статья о картине его -The альтернативного текста должна кратко описать картину.
Изображения, содержащие слова
Если изображение содержит слова, важные для понимания читателя, альтернативный текст должен содержать эти слова. [1] Если он содержит нелатинские символы, рассмотрите возможность транслитерации . Программы чтения с экрана без поддержки Unicode поддерживают самые разные символы, отличные от Latin-1 .
Подписи и текст рядом
- Подробнее о вики-разметке, которая создает эти элементы, см. Википедия: расширенный синтаксис изображений # Альтернативный текст и заголовок .
Изображения обычно представляют собой эскизы с подписями. Заголовок виден всем читателям и может содержать разметку HTML, вики-ссылки и встроенные цитаты. Информационное окно часто содержит простое изображение с подписью в отдельной строке. Хорошая подпись должна лаконично идентифицировать тему изображения и устанавливать отношение изображения к статье, без детализации очевидного.
Если подпись является достаточно описательной или вызывающей воспоминания об изображении, или если она проясняет, какова функция изображения, один из вариантов - написать |alt=refer to caption
. Может быть, если соседний текст в статье выполняет ту же функцию |alt=refer to adjacent text
. [4]
Карты и схемы
Для карт, диаграмм и диаграмм цвет, положение и размер элементов не важны. Вместо этого сосредоточьтесь на представленной информации. Например, на диаграмме может быть альтернативный текст «Продажи в июне превысили продажи в июле, а в августе были еще выше», а на диаграммной анимации может быть альтернативный текст «Анимация двигателя автомобиля в движении». Структурная формула из химического соединения может быть однозначно описана с использованием IUPAC номенклатуры и лекарственные средства или химией infoboxes включать эту информацию.
Декоративные изображения
Изображение, не содержащее существенной информации, является чисто декоративным изображением . Декоративное изображение может обеспечить визуальную структуру или эстетический эффект, но может вызвать путаницу вне этого визуального контекста. Непустой атрибут 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
текста. Если в шаблоне отсутствует такой параметр, подумайте о том, чтобы попросить его добавить.
- Галереи
Тег поддерживаетalt
текст , так как MediaWiki 1.18. [8] {{ Галерея }} и {{ Несколько изображений }} также поддерживают его. Пример использования синтаксиса таблицы для создания галереи см . В разделе « Галереи» .
- Сроки
Тег создает изображение, безalt
текста. При использовании вместо них таблиц добавьте сводку таблицы , которая читается программами чтения с экрана, чтобы дать обзор содержимого.
- Математические формулы
Тег используется для создания математических формул. Они могут быть визуализированы как изображение или с использованием текста, в зависимости от их сложности и предпочтений пользователя . Для простых формул используйте
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-го века »[[Флаг Дании | Даннеброг]]]] | ссылка графический красный флаг разделен на четыре части с помощью белого креста слегка смещен влево. Самый старый ссылка дизайн национального флага до сих пор используются в ссылке Дания 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 г.]] | link graphic Тони Блэр и Джордж Буш пожимают друг другу руки на пресс-конференции. Блэр и Буш согласовывают стратегию установления мира на Ближнем Востоке 12 ноября 2004 года. | На изображении они приветствуют друг друга рукопожатием во время пресс-конференции. В |
Викитекст | Нормальный просмотр | Читатель экрана | Обоснование |
---|---|---|---|
[[Файл: Commons-logo.svg | frameless | upright = 0.23 | border | center | link = Commons: Special: Search | Search Wikimedia Commons]] | ссылка на изображение Поиск в Wikimedia Commons | Цель изображения, значка, - предоставить ссылку на страницу поиска Commons. Внешний вид значка не важен, важна его функция. Если указать альтернативный текст в поле «caption» разметки изображения, это будет и alt текст, и заголовок ссылки. В некоторых браузерах заголовок ссылки отображается как всплывающая подсказка. | |
| На базовом изображении есть альтернативный текст «Плакат кампании Демократической партии 1896 года». В левом кружке есть альтернативный текст «Уильям Дж. Брайан». В правом кружке alt написано «Артур Сьюэлл». Синий ( i ) имеет alt текст «Об этом изображении». Все они повторяются в виде текста заголовка ссылки, который предоставляет всплывающую подсказку в некоторых браузерах, за исключением базового изображения, которое имеет заголовок ссылки «Веб-сайт Демократов 1896 года». | Первая строка определяет alt текст базового изображения , который в данном случае идентифицирует изображение. Каждая последующая строка определяет alt текст для ссылки на регион, который должен быть целью ссылки. [10] | |
Меркурий, Венера, Земля, Марс. | Меркурий, Венера, Земля, Марс. Юпитер, Сатурн, Уран, Нептун. | Меркурий, Венера, Земля, Марс. Юпитер, Сатурн, Уран, Нептун. | Изображение обеспечивает визуальную структуру, но не содержит важной информации. Поскольку изображение находится в общественном достоянии, атрибуция не требуется, и ссылку можно отбросить, что позволяет нам указать пустой alt атрибут, чтобы программа чтения с экрана не произносила имя файла. Комбинация отсутствия ссылки и пустого alt атрибута указывает программам чтения с экрана полностью пропустить изображение. |
[[Файл: предупреждение Ambox pn.svg | 28x28px | alt = | link =]] Предупреждение: не бегайте ножницами. | Предупреждение: не бегайте ножницами. | Предупреждение: не бегайте ножницами. | Изображение строго повторяет информацию, передаваемую соседним словом «Предупреждение». Поскольку «Предупреждение» является достаточным альтернативным текстом, пустой alt атрибут уместен. |
Заметки
- ^ WebAIM говорит: «Изображение, которое является единственным элементом ссылки, никогда не должно иметь отсутствующего или нулевого
alt
атрибута. Это потому, что программа чтения с экрана должна прочитать ЧТО-ТО, чтобы идентифицировать ссылку». [3] Эмулятор программы чтения с экрана Fangs это подтверждает.
Рекомендации
- ^ а б в г W3C. G94: предоставление альтернативы короткому тексту для нетекстового контента, который служит той же цели и представляет ту же информацию, что и нетекстовый контент ; 11 декабря 2008 г. [Дата обращения 4 апреля 2010 г.].
- ^ Лазар Дж, Аллен А., Клейнман Дж, Маларки С. Что разочаровывает пользователей программ чтения с экрана в Интернете: исследование 100 слепых пользователей [PDF]. Int J Hum Comput Взаимодействовать . 2007. 22 (3): 247–69. DOI : 10.1080 / 10447310709336964 .
- ^ Б с д е е 2020 WebAIM . Центр для людей с ограниченными возможностями, Государственный университет Юты . Альтернативный текст [последнее посещение - 30 сентября 2020 г.].
- ^ a b G74: Предоставление длинного описания в тексте рядом с нетекстовым контентом со ссылкой на расположение длинного описания в кратком описании , метод WCAG 2.0.
WebAim пишет: «Атрибут alt (иногда называемый тегом alt, хотя технически это неверно) - не единственный механизм для предоставления содержания и функций изображения. Эта информация также может быть предоставлена в тексте рядом с изображением. или на странице, содержащей изображение. ... Термин альтернативный текст, используемый в этой статье, относится к текстовому эквиваленту изображения, независимо от того, где находится этот текст. Он относится не только к атрибуту alt изображения tag. См. WebAIM. Alternative Text Basics , по состоянию на 30 сентября 2020 г. - ^ W3C. F89: Ошибка (...) из-за использования нулевого alt в изображении, где изображение является единственным содержимым в ссылке , методы для WCAG 2.0, по состоянию на 5 ноября 2014 г.
- ^ WebAIM говорит: «Изображение, которое является единственным элементом ссылки, никогда не должно иметь отсутствующий или нулевой
alt
атрибут. Это потому, что программа чтения с экрана должна прочитать ЧТО-ТО, чтобы идентифицировать ссылку». См. WebAIM, Context is Everything , по состоянию на 30 сентября 2020 г. - ^ W3C. Понимание критерия успеха 1.1.1; Понимание WCAG 2.0 ; 11 декабря 2008 г. [Дата обращения 4 апреля 2010 г.].
- ^ Ошибка Викимедиа 18682
- ^ Петри, Хелен; Харрисон, Чандра; и Дев, Сандип. Описание изображений в Интернете: обзор текущей практики и перспектив на будущее , Центр дизайна взаимодействия человека и компьютера, Городской университет Лондона, по состоянию на 8 июня 2010 г.
- ^ W3C. H24: Обеспечение текстовых альтернатив для элементов областей карт изображений , техника WCAG 2.0.
Внешние ссылки
- Требования к предоставлению текста в качестве альтернативы изображениям - в спецификации HTML.
- Fangs - эмулятор программы чтения с экрана