alt属性

维基百科，自由的百科全书
跳转到导航 跳转到搜索

File:Wikipedia's W.svg关于alt属性在维基百科中的使用，请见“Wikipedia:图像的替代文字”。
HTML
比较

alt属性（英语：alt attribute）是HTML和XHTML文档中的一种属性（英语：HTML attribute），用于为无法正常渲染的元素指定替代文本（alt text）。该属性用于较简短的描述，较长的描述则使用longdesc属性。尽管alt属性允许为空，但万维网标准组织万维网联盟（W3C）仍然建议通过HTML显示的每张图片都应具有alt属性。曾有多家网站因网页图片缺少合适的alt属性而面临无障碍诉讼。

alt属性能够增强网站的无障碍性和易用性，从而为依赖屏幕阅读器等辅助软件浏览互联网的盲人用户提升体验。在HTML图片中使用alt属性，是万维网联盟《Web内容无障碍指南》的指引之一。屏幕阅读器和纯文本浏览器（英语：Text-based web browser）会读取alt属性内容来替代图片显示。此外alt属性还可以在复制粘贴时替代原图，并可以使图片更容易由机器识别，从而有利于搜索引擎优化。

历史[编辑]

1993年，HTML 1.2草案首次引入了alt属性，旨在支持纯文本浏览器。[1][2]在1999年发布的HTML 4.01标准中，alt属性成为img和area标签的必填属性[3]，而在input标签和已弃用的applet标签中为可选属性。[4]

Internet Explorer 7及更早版本曾将alt属性渲染为提示框，然而该实现不符合万维网联盟的HTML标准。[5]这一设计使许多网页开发者将alt属性错误用于为图片展示额外信息的提示框，而标准做法应该是使用title属性。[6][7]自2009年Internet Explorer 8以后，alt属性的内容不再显示为提示框。[8]

用途[编辑]

显示替代文本的示例图片
alt属性的内容替代无法显示的图片，下方为对应的HTML代码
Lynx浏览器中维基百科条目的截图
在Lynx浏览器中，英语维基百科的《Wolf》条目中的图片由橙色文字取代

当图片无法加载时，alt属性中的文本用于在不改变页面原有含义的前提下替换图片。[9]万维网联盟的《Web内容无障碍指南》规定，alt属性用于传达图片的含义和意图，而不是对图片本身细节进行直接描述。[10]例如，某机构标志图片的alt属性应标明该图片为“机构的标志”，而非描述标志的图案细节。[11][12]alt属性通常用于提供图片简短、简洁的描述，而longdesc属性提供更详细的信息和补充，并且不能代替alt属性。[3]

在实际应用中，Orca（英语：Orca (assistive technology)）等屏幕阅读器会朗读替代文本，[13]Lynx等纯文本浏览器用替代文本取代图片进行展示（如果图片是可点击按钮，则显示其value属性内容）。[14]普通浏览器通常只显示图片，不展示alt属性内容，只有用户查看图片属性、关闭图片显示功能或浏览器无法检索、解码图片时，才会显示替代文本。[15]

在alt属性中加入描述有利于搜索引擎优化，这样可以使专门搜索图片的搜索引擎（如Google图片搜索）准确地索引并展示相关图片。[16]对于一般网页搜索，搜索引擎则会像读取页面普通文字一样解析alt属性内的文本。[17]

万维网联盟建议，不传递信息、纯装饰性质的图片，应尽可能使用CSS而非HTML标记来实现。如果通过HTML插入装饰性图片，则建议将alt属性设置为空字符串，形式为alt=""。[18]这样可使屏幕阅读器或纯文本浏览器直接忽略这些无意义的图片，进而帮助用户定位页面内容。相反，如果没有提供alt属性，阅读器和浏览器不仅不会忽略该图片，还会读取或显示其URL等识别标记。[19]这会导致语义不明，因为用户通常无法凭一串URL来判断该图片究竟是重要内容，还是仅仅为网页装饰。[20]2021年Google Lighthouse（英语：Google Lighthouse）的审计显示，有27%的网页图片其alt属性为空，其中大多数是包含有效信息的非装饰性图片。[21]

诉讼[编辑]

已有许多关于网站无障碍以及alt属性缺失的诉讼。[19]2000年，澳大利亚盲人布鲁斯·马奎尔（Bruce Maguire）起诉悉尼奥运会组织委员会（英语：Maguire v Sydney Organising Committee for the Olympic Games (2000)），原因是其网站www.olympics.com缺少图片alt属性，导致他无法正常访问。[22]澳大利亚人权委员会（英语：Australian Human Rights Commission）裁定，该网站因盲人无法顺利浏览，不符合无障碍标准，故构成歧视。[23]诉讼期间，澳大利亚联邦、州和领地政府通过宽带、通信与数字经济部（英语：Department of Broadband, Communications and the Digital Economy）发布联合声明，表示他们将遵循万维网联盟对所有.gov.au网站的无障碍指南。[24]

美国曾有多起备受关注的诉讼，这些诉讼均因网页图片中缺少alt属性而指控相关网站违反《美国残疾人法案》。[25]美国司法部也将缺少alt属性列为网站未能满足无障碍标准的案例。[26]2006年全国盲人联合会诉塔吉特百货案（英语：National Federation of the Blind v. Target Corp.）中，原告指控塔吉特百货网站Target.com中的图片未使用alt属性，违反《美国残疾人法案》。[27]该案判决成为了美国判定网站是否符合无障碍标准及《美国残疾人法案》要求的法律先例。[28]

参考资料[编辑]

  1. ^ Berners-Lee, Tim; Connolly, Daniel. Hypertext Markup Language (HTML) Internet Draft version 1.2. IETF IIIR Working Group. 1993-06 [2026-05-21]. （原始内容存档于2017-01-03）. 
  2. ^ Chisholm, Wendy; May, Matthew. Chapter 3. Metadata. Universal Design for Web Applications: building web applications for everyone 1. ed. Beijing Köln: O'Reilly. 2009. ISBN 978-0-596-51873-8. 
  3. ^ 3.0 3.1 13 Objects, Images, and Applets. 万维网联盟. 1999-12-24 [2026-05-21]. （原始内容存档于2008-09-06）. 
  4. ^ Hazaël-Massieux, Dominique. Use the alt attribute to describe the function of each visual. 万维网联盟. 2002-11-20 [2026-05-21]. （原始内容存档于2022-03-20）. 
  5. ^ Why does not Mozilla display my alt tooltips?. MDN Web Docs. [2026-05-21]. （原始内容存档于2008-10-15）. 
  6. ^ Flavell, A.J. Use of ALT texts in IMGs. www.htmlhelp.com. [2026-05-21]. （原始内容存档于2022-01-08）. 
  7. ^ W3C HTML WG. 7.4.3 The title attribute. HTML 4.01规范. 万维网联盟. 1999-12-24 [2026-05-21]. （原始内容存档于2009-07-26）. 
  8. ^ What's New in Internet Explorer 8 – Accessibility and ARIA. MSDN. Microsoft. [2026-05-21]. （原始内容存档于2009-02-28）. 
  9. ^ HTMLImageElement.alt. Mozilla. [2026-05-21]. （原始内容存档于2022-08-22）. 
  10. ^ Using alt attributes on img elements. 万维网联盟. [2026-05-21]. （原始内容存档于2022-05-16）. 
  11. ^ Logo Alt Text. 南卡罗来纳大学. [2026-05-21]. （原始内容存档于2022-07-22）. 
  12. ^ Montti, Roger. Google Explains Alt Text for Logos & Buttons. Search Engine Journal. 2022-11-01 [2026-05-21]. （原始内容存档于2022-11-03） （English）. 
  13. ^ Hofmann, Frank; Beckert, Axel. Text Art: Rendering images as text. Linux Magazine（英语：Linux Magazine）. 2021 [2026-05-21]. （原始内容存档于2022-10-15）. 
  14. ^ Lynx Users Guide v2.8.9. lynx.invisible-island.net. [2026-05-21]. （原始内容存档于2019-02-04）. 
  15. ^ Image ALT Text. 宾夕法尼亚州立大学. 2014-10-06 [2026-05-21]. （原始内容存档于2022-10-12）. 
  16. ^ Google Images best practices. Google开发人员. 2022-09-20 [2026-05-21]. （原始内容存档于2022-10-14）. 
  17. ^ Southern, Matt G. Google: Alt Text Only A Factor For Image Search. Search Engine Journal. 2022-03-22 [2026-05-21]. （原始内容存档于2022-04-22）. 
  18. ^ Embedded content – HTML 5. W3C. [2026-05-21]. （原始内容存档于2017-07-02）. 
  19. ^ 19.0 19.1 Solovieva, Tatiana I.; Bock, Jeremy M. Monitoring for Accessibility and University Websites: Meeting the Needs of People with Disabilities. Journal of Postsecondary Education and Disability. 2014, 27 (2): 113–127 [2026-05-21]. （原始内容存档于2022-10-14） –通过Education Resources Information Center（英语：Education Resources Information Center）. 
  20. ^ Curl, Angela L.; Bowers, Deborah D. A Longitudinal Study of Website Accessibility: Have Social Work Education Websites Become More Accessible?需要付费订阅. Journal of Technology in Human Services. 2009-04-23, 27 (2): 93–105 [2026-05-21]. S2CID 143667951. doi:10.1080/15228830902749229. hdl:2374.MIA/5279 可免费查阅. （原始内容存档于2022-10-14） （English）. 
  21. ^ Tait, Alex; Davis, Scott; Niyi-Awosusi, Olu; Wilhelm, Gary; Dixon, Carlie. Part II Chapter 9 – Accessibility. Web Almanac by HTTParchive.org. 2021-11-30 [2026-05-21]. 
  22. ^ White, Caroline. Battle to be equal. 卫报. 2000-11-02 [2026-05-21]. （原始内容存档于2022-10-14） –通过Newspapers.com（英语：Newspapers.com）. 
  23. ^ Barkham, Patrick. Website 'discriminated against blind'. 卫报. 2000-08-30 [2026-05-21]. （原始内容存档于2016-08-23）. 
  24. ^ Seventh Ministerial meeting of the Online Council – Media release. 宽带、通信与数字经济部（英语：Department of Broadband, Communications and the Digital Economy）. 2000-06-30 [2026-05-21]. （原始内容存档于2013-06-20）. 
  25. ^ Cohen, Alex H.; Fresneda, Jorge E.; Anderson, Rolph E. What retailers need to understand about website inaccessibility and disabled consumers: Challenges and opportunities需要付费订阅. Journal of Consumer Affairs. September 2020, 54 (3): 854–889. ISSN 0022-0078. S2CID 225771708. doi:10.1111/joca.12307 （English）. 
  26. ^ Guidance on Web Accessibility and the ADA. ADA.gov. 2022-03-18 [2026-05-21]. （原始内容存档于2022-10-13）. 
  27. ^ Daniels, Linda Markus. Websites for the Blind: Is This The Next 'Year 2000 Compliant' Requirement?. WRAL-TV（英语：WRAL-TV）. 2006-09-13 [2026-05-21]. （原始内容存档于2008-09-16）. 
  28. ^ Frank, Jonathan. Web Accessibility for the Blind: Corporate Social Responsibility or Litigation Avoidance?. Proceedings of the 41st Annual Hawaii International Conference on System Sciences (HICSS 2008). Waikoloa, HI: IEEE. January 2008: 284. S2CID 16280255. doi:10.1109/HICSS.2008.497. 

外部链接[编辑]

检索自“https://arolstar52-zhtest.hf.space/index.php?title=Alt屬性&oldid=615355”