альтернативный атрибут
| HTML |
|---|
| Сравнения |
Атрибут alt — это атрибут HTML, используемый в документах HTML и XHTML для указания альтернативного текста ( alt text ), который должен отображаться вместо элемента , который не может быть отображен. Атрибут alt используется для коротких описаний, а для более длинных описаний используется атрибут longdesc . Организация по стандартизации Всемирной паутины , Консорциум Всемирной паутины (W3C), рекомендует, чтобы каждое изображение, отображаемое через HTML, имело атрибут alt, хотя атрибут alt не обязательно должен содержать текст. Отсутствие надлежащих атрибутов alt на изображениях веб-сайтов привело к нескольким судебным искам, связанным с доступностью.
Атрибут alt используется для повышения доступности и удобства использования, в том числе для слепых пользователей Интернета, которые полагаются на специальное программное обеспечение для просмотра веб-страниц. Использование атрибута alt для изображений, отображаемых в HTML, является частью Руководства W3C по обеспечению доступности веб-контента (WCAG). Программы чтения с экрана и текстовые веб-браузеры считывают атрибут alt вместо изображения. Текст в атрибуте alt заменяет изображение при копировании в виде текста и делает изображения более читабельными для машин , что улучшает поисковую оптимизацию (SEO).
История
[ редактировать ]Атрибут был впервые представлен в проекте HTML 1.2 в 1993 году для обеспечения поддержки текстовых браузеров. [ 1 ] В HTML 4.01 , выпущенном в 1999 году, атрибут стал обязательным для тегов img и area . [ 2 ] Это необязательно для входного тега и устаревшего тега апплета . [ 3 ]
Internet Explorer 7 и более ранние версии отображают текст в атрибутах alt как текст всплывающей подсказки , что не соответствует стандартам HTML Консорциума World Wide Web (W3C). [ 4 ] Такое поведение привело к тому, что многие веб-разработчики неправильно использовали атрибут alt, когда хотели отображать всплывающие подсказки, содержащие дополнительную информацию об изображениях, вместо использования атрибута title, предназначенного для этого. [ 5 ] [ 6 ] Начиная с Internet Explorer 8 , выпущенного в 2009 году, атрибуты alt больше не отображаются в виде всплывающих подсказок в Internet Explorer. [ 7 ]
Использование
[ редактировать ]
Текст в атрибуте 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 ] в 2021 году Аудит Google Lighthouse показал, что 27% проверенных атрибутов альтернативного текста были пустыми, несмотря на то, что большинство этих изображений были недекоративными информационными изображениями. [ 20 ]
Судебные процессы
[ редактировать ]Было много судебных исков по поводу доступности веб-сайтов и отсутствия на веб-сайтах надлежащих атрибутов alt. [ 18 ] Магуайр против Сиднейского организационного комитета Олимпийских игр — судебный процесс 2000 года, в котором слепой мужчина из Австралии подал в суд на Сиднейский оргкомитет Олимпийских игр, потому что их веб-сайт www.olympics.com был недоступен для него из-за отсутствия альтернативных атрибутов на нем. изображения. [ 21 ] Австралийская комиссия по правам человека постановила, что веб-сайт подверг его дискриминации из-за несоответствия стандартам доступности, которые позволяют слепым людям перемещаться по веб-сайтам. [ 22 ] В ходе судебного процесса правительства Австралийского Содружества, штатов и территорий опубликовали совместное заявление через Департамент широкополосной связи, коммуникаций и цифровой экономики о том, что они принимают рекомендации W3C по обеспечению доступности для всех веб-сайтов .gov.au. [ 23 ]
В США было подано несколько громких судебных исков, связанных с отсутствием alt-атрибутов на изображениях, которые ссылаются на нарушение Закона об американцах с ограниченными возможностями (ADA). [ 24 ] Министерство юстиции США приводит отсутствие атрибутов alt в качестве примера препятствия для доступа к веб-сайту. [ 25 ] Национальная федерация слепых против Target Corp. — это коллективный иск 2006 года, в котором утверждалось, что Target.com нарушил ADA, поскольку изображения не использовали атрибуты alt. [ 26 ] Этот иск создал юридический прецедент в Соединенных Штатах в отношении доступности веб-сайтов и соблюдения требований ADA. [ 27 ]
Ссылки
[ редактировать ]- ^ Бернерс-Ли, Тим ; Коннолли, Дэниел (июнь 1993 г.). «Интернет-проект языка гипертекстовой разметки (HTML) версии 1.2» . Рабочая группа IETF IIIR. Архивировано из оригинала 3 января 2017 года . Проверено 18 сентября 2010 г.
- ^ Перейти обратно: а б «13 объектов, изображений и апплетов» . Консорциум Всемирной паутины . 24 декабря 1999 года. Архивировано из оригинала 6 сентября 2008 года . Проверено 4 декабря 2005 г.
- ^ Азаэль-Массие, Доминик (20 ноября 2002 г.). «Используйте атрибут alt, чтобы описать функцию каждого визуального элемента» . Консорциум Всемирной паутины . Архивировано из оригинала 20 марта 2022 года . Проверено 14 октября 2022 г.
- ^ «Почему Mozilla не отображает мои альтернативные всплывающие подсказки?» . Веб-документы MDN . Архивировано из оригинала 15 октября 2008 года . Проверено 22 июля 2009 г.
- ^ Флэвелл, А.Дж. «Использование ALT-текстов в IMG» . www.htmlhelp.com . Архивировано из оригинала 8 января 2022 года . Проверено 16 октября 2022 г.
- ^ Рабочая группа W3C HTML (24 декабря 1999 г.). «7.4.3 Атрибут заголовка» . Спецификация HTML 4.01 . W3C. Архивировано из оригинала 26 июля 2009 года . Проверено 22 июля 2009 г.
{{cite web}}: CS1 maint: числовые имена: список авторов ( ссылка ) - ^ «Что нового в Internet Explorer 8 — специальные возможности и ARIA» . MSDN . Майкрософт. Архивировано из оригинала 28 февраля 2009 года . Проверено 22 июля 2009 г.
- ^ «HTMLImageElement.alt» . Мозилла . Архивировано из оригинала 22 августа 2022 года . Проверено 14 октября 2022 г.
- ^ «Использование атрибутов alt в элементах img» . Консорциум Всемирной паутины . Архивировано из оригинала 16 мая 2022 года . Проверено 13 октября 2022 г.
- ^ «Альтернативный текст логотипа» . Университет Южной Каролины . Архивировано из оригинала 22 июля 2022 года . Проверено 15 октября 2022 г.
- ^ Монтти, Роджер (1 ноября 2022 г.). «Google объясняет альтернативный текст для логотипов и кнопок» . Журнал поисковых систем . Архивировано из оригинала 3 ноября 2022 года . Проверено 3 ноября 2022 г.
- ^ Хофманн, Франк; Беккерт, Аксель (2021). «Текстовое искусство: рендеринг изображений в виде текста» . Журнал Линукс . Архивировано из оригинала 15 октября 2022 года . Проверено 14 октября 2022 г.
- ^ «Руководство пользователя Lynx v2.8.9» . lynx.invisible-island.net . Архивировано из оригинала 4 февраля 2019 года . Проверено 15 октября 2022 г.
- ^ «Изображение ALT-текста» . Пенсильванский государственный университет . 6 октября 2014 г. Архивировано из оригинала 12 октября 2022 г. . Проверено 14 октября 2022 г.
- ^ «Рекомендации по использованию изображений Google» . Разработчики Google . 20 сентября 2022 года. Архивировано из оригинала 14 октября 2022 года . Проверено 14 октября 2022 г.
- ^ Саузерн, Мэтт Г. (22 марта 2022 г.). «Google: альтернативный текст важен только для поиска изображений» . Журнал поисковых систем . Архивировано из оригинала 22 апреля 2022 года . Проверено 14 октября 2022 г.
- ^ «Встроенный контент – HTML 5» . W3C . Архивировано из оригинала 2 июля 2017 года . Проверено 29 июня 2017 г.
- ^ Перейти обратно: а б Соловьева Татьяна И.; Бок, Джереми М. (2014). «Мониторинг доступности и университетских веб-сайтов: удовлетворение потребностей людей с ограниченными возможностями» . Журнал послесреднего образования и инвалидности . 27 (2): 113–127. Архивировано из оригинала 14 октября 2022 года . Проверено 14 октября 2022 г. - через Информационный центр образовательных ресурсов .
- ^ Керл, Анджела Л.; Бауэрс, Дебора Д. (23 апреля 2009 г.). «Продольное исследование доступности веб-сайтов: стали ли веб-сайты по обучению социальной работе более доступными?» . Журнал технологий в сфере социальных услуг . 27 (2): 93–105. дои : 10.1080/15228830902749229 . hdl : 2374.MIA/5279 . S2CID 143667951 . Архивировано из оригинала 14 октября 2022 года . Проверено 14 октября 2022 г.
- ^ Тейт, Алекс; Дэвис, Скотт; Нийи-Авосуси, Олу; Вильгельм, Гэри; Диксон, Карли (30 ноября 2021 г.). «Часть II Глава 9 – Доступность» . Веб-альманах от HTTParchive.org . Проверено 14 октября 2022 г.
- ^ Уайт, Кэролайн (2 ноября 2000 г.). «Битва за равные» . Хранитель . Архивировано из оригинала 14 октября 2022 года . Проверено 14 октября 2022 г. - через Newspapers.com .
- ^ Баркхэм, Патрик (30 августа 2000 г.). «Сайт «дискриминирует слепых» » . Хранитель . Архивировано из оригинала 23 августа 2016 года . Проверено 14 октября 2022 г.
- ^ «Седьмая министерская встреча Онлайн-совета – Пресс-релиз» . Австралийский департамент широкополосной связи, связи и цифровой экономики . 30 июня 2000 г. Архивировано из оригинала 20 июня 2013 г. Проверено 14 октября 2022 г.
- ^ Коэн, Алекс Х.; Фреснеда, Хорхе Э.; Андерсон, Рольф Э. (сентябрь 2020 г.). «Что ритейлерам следует понимать о недоступности веб-сайтов и потребителях с ограниченными возможностями: проблемы и возможности» . Журнал по делам потребителей . 54 (3): 854–889. дои : 10.1111/joca.12307 . ISSN 0022-0078 . S2CID 225771708 .
- ^ «Руководство по доступности веб-сайтов и ADA» . ADA.gov . 18 марта 2022 года. Архивировано из оригинала 13 октября 2022 года . Проверено 14 октября 2022 г.
- ^ Дэниелс, Линда Маркус (13 сентября 2006 г.). «Веб-сайты для слепых: это следующее требование, соответствующее требованиям 2000 года?» . ВРАЛ-ТВ . Архивировано из оригинала 16 сентября 2008 года . Проверено 14 октября 2022 г.
- ^ Фрэнк, Джонатан (январь 2008 г.). «Доступность Интернета для слепых: корпоративная социальная ответственность или избежание судебных разбирательств?» . Материалы 41-й ежегодной Гавайской международной конференции по системным наукам (HICSS, 2008) . Вайколоа, Гавайи: IEEE. п. 284. дои : 10.1109/HICSS.2008.497 . S2CID 16280255 . Архивировано из оригинала 8 марта 2021 года . Проверено 14 октября 2022 г.