Alt屬性

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

alt属性-{}-能够增强网站的无障碍性和易用性,从而为依赖螢幕閱讀器等辅助软件浏览互联网的盲人用户提升体验。在HTML图片中使用alt属性,是万维网联盟《Web内容无障碍指南》的相關指引之一。屏幕阅读器和会读取alt属性内容来替代图片显示。此外,alt属性还可以在复制粘贴时替代原图,并可以使图片更容易由机器识别,从而有利于搜尋引擎最佳化。

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

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

用途
浏览器中,中的图片由橙色文字取代]]
当图片无法加载时,alt属性中的文本用于在不改变页面原有含义的前提下替换图片。万维网联盟的《Web内容无障碍指南》规定,alt属性用于传达图片的含义和意图,而不是对图片本身细节进行直接描述。例如,某机构标志图片的alt属性应标明该图片为“机构的标志”,而非描述标志的图案细节。alt属性通常用于提供图片简短、简洁的描述,而longdesc屬性提供更详细的信息和补充,并且不能代替alt属性。,Lynx等纯文本浏览器用替代文本取代图片进行展示(如果图片是可点击按钮,则显示其value属性内容)。普通浏览器通常只显示图片,不展示alt属性内容,只有用户查看图片属性、关闭图片显示功能或浏览器无法检索、解码图片时,才会显示替代文本。

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

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

诉讼
已有许多关于网站无障碍以及alt属性缺失的诉讼。裁定,该网站因盲人无法顺利浏览,不符合无障碍标准,故构成歧视。诉讼期间,澳大利亚-{}-联邦、州和领地政府通过发布联合声明,表示他们将遵循万维网联盟对所有.gov.au网站的无障碍指南。

美国曾有多-{zh-cn:起;zh-hk:宗;zh-tw:起;}-备受关注的诉讼,这些诉讼均因网页图片中缺少alt属性而指控相关网站违反《美国残疾人法案》。美国司法部也将缺少alt属性列为网站未能满足无障碍标准的案例。2006年,对目標百貨;}-公司提起,指控其网站Target.com中的图片未使用alt属性,违反《美国残疾人法案》。该案判决成为了美国判定网站是否符合无障碍标准及《美国残疾人法案》要求的法律先例。

参考资料
外部链接

评论 (0)

  • 还没有评论,来抢沙发吧。