stringtranslate.com

атрибут alt

Атрибут alt — это атрибут HTML, используемый в документах HTML и XHTML для указания альтернативного текста ( alt text ), который должен отображаться вместо элемента , который не может быть отображен. Атрибут alt используется для кратких описаний, а для более длинных описаний используется атрибут longdesc . Организация по стандартизации Всемирной паутины , Консорциум Всемирной паутины (W3C), рекомендует, чтобы каждое изображение, отображаемое через HTML, имело атрибут alt, хотя атрибут alt не обязательно должен содержать текст. Отсутствие надлежащих атрибутов alt на изображениях веб-сайтов привело к нескольким судебным искам, связанным с доступностью.

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

История

Атрибут был впервые представлен в проекте HTML 1.2 в 1993 году для обеспечения поддержки текстовых браузеров. [1] В HTML 4.01 , выпущенном в 1999 году, атрибут был сделан обязательным для тегов img и area . [2] Он является необязательным для тега input и устаревшего тега applet . [3]

Internet Explorer 7 и более ранние версии отображают текст в атрибутах alt как текст подсказки , что не соответствует стандартам HTML Консорциума Всемирной паутины (W3C). [4] Такое поведение привело к тому, что многие веб-разработчики стали неправильно использовать атрибут alt, когда хотели отобразить подсказки, содержащие дополнительную информацию об изображениях, вместо использования атрибута title, который был предназначен для этого использования. [5] [6] Начиная с Internet Explorer 8 , выпущенного в 2009 году, атрибуты alt больше не отображаются как подсказки в Internet Explorer. [7]

Использование

Пример изображения того, что отображается при отображении альтернативного текста
Пример текста атрибута alt, отображаемого вместо недоступного изображения, с базовым HTML-кодом, отображаемым под ним
Скриншот статьи Википедии с использованием альтернативного текста в браузере Lynx
Статья Википедии о Wolf в веб-браузере Lynx , отображающая текст атрибута alt оранжевым цветом вместо изображений

Текст в атрибуте alt используется для замены изображения, когда изображение не может быть загружено, без изменения предполагаемого смысла содержимого страницы. [8] В рекомендациях W3C по доступности веб-контента указано, что атрибут alt используется для передачи смысла и намерения изображения, а не является буквальным описанием самого изображения. [9] Например, атрибут alt для изображения логотипа учреждения должен передавать, что это логотип учреждения, а не описывать детали того, как выглядит логотип. [10] [11] Атрибут alt предназначен для использования для кратких и лаконичных описаний изображения. Более длинные описания могут быть даны с помощью атрибута longdesc, который предоставляет более подробную информацию и дополняет, но не заменяет атрибут alt. [2]

Программа чтения с экрана, например Orca, будет читать альтернативный текст вместо изображения. [12] Текстовый веб-браузер, например Lynx, будет отображать альтернативный текст вместо изображения (или будет отображать атрибут value, если изображение является кнопкой, на которую можно нажать ). [13] Графический браузер обычно отображает только изображение и отображает альтернативный текст только в том случае, если пользователь просматривает свойства изображения или настроил браузер так, чтобы он не отображал изображения, или если браузер не смог получить или декодировать изображение. [14]

Использование описаний в атрибуте alt улучшает поисковую оптимизацию и позволяет поисковым системам, ориентированным на изображения, таким как Google Images , искать и отображать соответствующие изображения, которые используются на веб-сайтах в результатах поиска. [15] Для результатов поиска, не являющихся изображениями, текст в атрибуте alt считывается поисковыми системами так же, как и обычный текст на странице. [16]

W3C рекомендует указывать изображения, не несущие никакой информации, а являющиеся чисто декоративными, в CSS, а не в разметке HTML. Если декоративные изображения визуализируются с использованием HTML, который не добавляется к контенту и не предоставляет никакой дополнительной информации, то W3C рекомендует включать пустой атрибут alt в виде alt="". [17] Это делает страницу более удобной для навигации для пользователей программ чтения с экрана или неграфических браузеров, пропуская изображения, которые не несут никакого смысла. Если атрибут alt не был указан, то браузеры, которые не могут отображать изображение, не пропустят изображение, а вместо этого прочитают или отобразят URL-адрес или другой идентифицирующий маркер. [18] Это создает неоднозначность, поскольку пользователь, как правило, не может определить по простому прочтению URL-адреса, относится ли изображение к тексту или является чисто декоративным элементом веб-страницы. [19] Аудит Google Lighthouse 2021 года показал, что 27% проверенных атрибутов alt text были пустыми, несмотря на то, что большинство этих изображений были недекоративными информационными изображениями. [20]

Судебные иски

Было много судебных исков по поводу доступности веб-сайтов и отсутствия надлежащих атрибутов alt на веб-сайтах. [18] Maguire v Sydney Organising Committee for the Olympic Games — судебный процесс 2000 года, в котором слепой мужчина из Австралии подал в суд на Sydney Organising Committee for the Olympic Games , поскольку их веб-сайт www.olympics.com не был доступен для него из-за отсутствия атрибутов alt на изображениях. [21] Австралийская комиссия по правам человека постановила, что веб-сайт дискриминировал его за несоблюдение стандартов доступности, которые позволяют слепым людям перемещаться по веб-сайтам. [22] Во время судебного разбирательства австралийские правительства Содружества, штатов и территорий опубликовали совместное заявление через Департамент широкополосной связи, коммуникаций и цифровой экономики о том, что они принимают руководящие принципы доступности W3C для всех веб-сайтов .gov.au. [23]

В Соединенных Штатах было несколько громких судебных исков, связанных с отсутствием атрибутов alt на изображениях, которые ссылаются на нарушение Закона об американцах с ограниченными возможностями (ADA). [24] Министерство юстиции Соединенных Штатов приводит отсутствие атрибутов alt в качестве примера препятствия для доступности веб-сайта. [25] Национальная федерация слепых против Target Corp. — коллективный иск 2006 года, в котором утверждалось, что Target.com нарушил ADA, поскольку изображения не использовали атрибуты alt. [26] Этот иск создал правовой прецедент в Соединенных Штатах для доступности веб-сайтов и соответствия ADA. [27]

Ссылки

  1. ^ Бернерс-Ли, Тим ; Коннолли, Дэниел (июнь 1993 г.). "Hypertext Markup Language (HTML) Internet Draft version 1.2". Рабочая группа IETF IIIR. Архивировано из оригинала 3 января 2017 г. Получено 18 сентября 2010 г.
  2. ^ ab "13 Objects, Images, and Applets". World Wide Web Consortium . 24 декабря 1999 г. Архивировано из оригинала 6 сентября 2008 г. Получено 4 декабря 2005 г.
  3. ^ Hazaël-Massieux, Dominique (20 ноября 2002 г.). «Используйте атрибут alt для описания функции каждого визуального элемента». World Wide Web Consortium . Архивировано из оригинала 20 марта 2022 г. Получено 14 октября 2022 г.
  4. ^ "Почему Mozilla не отображает мои alt-подсказки?". MDN Web Docs . Архивировано из оригинала 15 октября 2008 г. Получено 22 июля 2009 г.
  5. ^ Флавелл, А. Дж. «Использование ALT-текстов в IMG». www.htmlhelp.com . Архивировано из оригинала 8 января 2022 г. . Получено 16 октября 2022 г. .
  6. ^ W3C HTML WG (24 декабря 1999 г.). "7.4.3 Атрибут title". Спецификация HTML 4.01 . W3C. Архивировано из оригинала 26 июля 2009 г. Получено 22 июля 2009 г.{{cite web}}: CS1 maint: numeric names: authors list (link)
  7. ^ "Что нового в Internet Explorer 8 – Специальные возможности и ARIA". MSDN . Microsoft. Архивировано из оригинала 28 февраля 2009 . Получено 22 июля 2009 .
  8. ^ "HTMLImageElement.alt". Mozilla . Архивировано из оригинала 22 августа 2022 . Получено 14 октября 2022 .
  9. ^ "Использование атрибутов alt в элементах img". World Wide Web Consortium . Архивировано из оригинала 16 мая 2022 г. Получено 13 октября 2022 г.
  10. ^ "Logo Alt Text". Университет Южной Каролины . Архивировано из оригинала 22 июля 2022 г. Получено 15 октября 2022 г.
  11. ^ Монтти, Роджер (1 ноября 2022 г.). «Google объясняет альтернативный текст для логотипов и кнопок». Search Engine Journal . Архивировано из оригинала 3 ноября 2022 г. Получено 3 ноября 2022 г.
  12. ^ Хофманн, Франк; Беккерт, Аксель (2021). «Текстовое искусство: рендеринг изображений как текста». Linux Magazine . Архивировано из оригинала 15 октября 2022 г. Получено 14 октября 2022 г.
  13. ^ "Lynx Users Guide v2.8.9". lynx.invisible-island.net . Архивировано из оригинала 4 февраля 2019 г. Получено 15 октября 2022 г.
  14. ^ "Image ALT Text". Университет штата Пенсильвания . 6 октября 2014 г. Архивировано из оригинала 12 октября 2022 г. Получено 14 октября 2022 г.
  15. ^ "Google Images best practices". Google Developers . 20 сентября 2022 г. Архивировано из оригинала 14 октября 2022 г. Получено 14 октября 2022 г.
  16. ^ Southern, Matt G. (22 марта 2022 г.). «Google: Alt Text Only A Factor For Image Search». Search Engine Journal . Архивировано из оригинала 22 апреля 2022 г. Получено 14 октября 2022 г.
  17. ^ "Встроенный контент – HTML 5". W3C . Архивировано из оригинала 2 июля 2017 . Получено 29 июня 2017 .
  18. ^ ab Соловьева, Татьяна И.; Бок, Джереми М. (2014). «Мониторинг доступности и университетских веб-сайтов: удовлетворение потребностей людей с ограниченными возможностями». Журнал послесреднего образования и инвалидности . 27 (2): 113–127. Архивировано из оригинала 14 октября 2022 г. Получено 14 октября 2022 г. – через Информационный центр образовательных ресурсов .
  19. ^ Curl, Angela L.; Bowers, Deborah D. (23 апреля 2009 г.). «Продольное исследование доступности веб-сайтов: стали ли веб-сайты по образованию в области социальной работы более доступными?» . Journal of Technology in Human Services . 27 (2): 93–105. doi :10.1080/15228830902749229. hdl : 2374.MIA/5279 . S2CID  143667951. Архивировано из оригинала 14 октября 2022 г. Получено 14 октября 2022 г.
  20. ^ Тейт, Алекс; Дэвис, Скотт; Нийи-Авосуси, Олу; Вильгельм, Гэри; Диксон, Карли (30 ноября 2021 г.). «Часть II Глава 9 – Доступность». Веб-альманах HTTParchive.org . Получено 14 октября 2022 г. .
  21. ↑ Уайт, Кэролайн (2 ноября 2000 г.). «Битва за равенство». The Guardian . Архивировано из оригинала 14 октября 2022 г. Получено 14 октября 2022 г. – через Newspapers.com .
  22. ^ Баркхэм, Патрик (30 августа 2000 г.). «Сайт „дискриминировал слепых“». The Guardian . Архивировано из оригинала 23 августа 2016 г. Получено 14 октября 2022 г.
  23. ^ "Седьмая министерская встреча Онлайн-совета – Пресс-релиз". Австралийский департамент широкополосной связи, коммуникаций и цифровой экономики . 30 июня 2000 г. Архивировано из оригинала 20 июня 2013 г. Получено 14 октября 2022 г.
  24. ^ Коэн, Алекс Х.; Фреснеда, Хорхе Э.; Андерсон, Рольф Э. (сентябрь 2020 г.). «Что розничным торговцам нужно понимать о недоступности веб-сайтов и потребителях с ограниченными возможностями: проблемы и возможности» . Журнал по вопросам потребителей . 54 (3): 854–889. doi :10.1111/joca.12307. ISSN  0022-0078. S2CID  225771708.
  25. ^ «Руководство по доступности веб-сайтов и ADA». ADA.gov . 18 марта 2022 г. Архивировано из оригинала 13 октября 2022 г. Получено 14 октября 2022 г.
  26. ^ Дэниелс, Линда Маркус (13 сентября 2006 г.). «Веб-сайты для слепых: это следующее требование «соответствия 2000 году»?». WRAL-TV . Архивировано из оригинала 16 сентября 2008 г. Получено 14 октября 2022 г.
  27. ^ Фрэнк, Джонатан (январь 2008 г.). «Доступность веб-сайтов для слепых: корпоративная социальная ответственность или избежание судебных разбирательств?» . Труды 41-й ежегодной Гавайской международной конференции по системным наукам (HICSS 2008) . Вайколоа, Гавайи: IEEE. стр. 284. doi :10.1109/HICSS.2008.497. S2CID  16280255. Архивировано из оригинала 8 марта 2021 г. Получено 14 октября 2022 г.

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