stringtranslate.com

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

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

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

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

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

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

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

Аудитория

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

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

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

Основы

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

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

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

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

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

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

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

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

Подписи и близлежащий текст

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

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

Подробности о вики-разметке, создающей эти элементы, см. в Википедии:Расширенный синтаксис изображений#Alt text and caption .

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

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

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

Карты и схемы

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

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

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

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

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

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

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

Замещающий текст в шаблонах и галереях

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

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

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

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

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

Написание " |alt=" приведет к тому, что программное обеспечение MediaWiki будет отображать HTML с пустым altатрибутом в imgтеге. Если изображение является ссылкой, средства чтения с экрана зачитают имя файла ссылки (например, «зеленая косая черта, подчеркивающая галочку»), если атрибут HTML altпуст или отсутствует. Почти все изображения в статьях Википедии представляют собой ссылки на страницу описания изображения, которая содержит версию изображения большего размера, а также информацию о лицензировании и авторстве. [Примечание 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. дои : 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, «Контекст – это все», по состоянию на 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.

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