技术资讯
使用Alt提升可访问性
2009-04-07 08:33:00
alt的准确含义是，当照片不存在或者load错误时的提示。但同时img也同时支持alt和title，再有某些浏览器的错误解析，因此经常被误导并误用。最简单、准确的理解，在看不到图片的情况下如何用文字传达给用户？
比如下图flickr的订阅图标通过a▨lt告知用户Add to My Yahoo!，个人认为这里使用title进行操作指引更合适，alt属性应该进行描述。并且此时只有在IE6和IE7中才可见tip，其他任何智商稍微正常的浏览器都看不到，更糟糕的是IE8仍旧没有改善。
某些图片带链接，也就是img外层有a的情况下，并没有注意传达需求上的差异，把img标签的alt与a标签的title都应用同样的说明。但实际上它们本质不同，如下图flickr提供给用户的外链代码，可惜꧃与上个例子有同样问题，在IE环境下看不到a标签的tip。
问题也不是没办法解🐽决，如下图Wordpress2.7上传图片插入编辑器自动生成的代码，把img标签的alt和title都写了出来，可以保证在各种浏览器中的兼容性。
再来看看顶部logo的代码，直接使用alt写入Flickr logo. If you click it, you’ll go home。如果按照刚才探讨的结论调整还有更优答案，参考下图第二个例子。也就是说，图片在有链接的情况下🦄，alt传达内容是什么？title传达链接到哪里？
分别测试IE7, FF3, Chrome1, Safari4四个浏览器，可证明𓆏其良好通用性。依♚次如图：
结合title来更好的说明alt用法，可见如果结构、表现分离彻底，辅助修饰等图片根本不需要img插入，也就避免了很多alt的错误应用场合。Junchen在05年译的alt属性和title属性中有更多规范和细则，alt相较title而言用途单一，但给img插入使用alt替换文字时，也应该注意：
简洁
清晰
符合语境
近期更新
- [2023-07-26 14:17:28] 加拿大28预测开奖:为品牌赋能，海外官网品牌数字化
- [2023-05-06 10:32:26] 加🍨拿大28预测开奖:青岛网站建设公司,高端网站定制,一站式网站服务&md🍌ash;—力图数字科技
- [2023-04-27 13:47:54] 加拿大28预测开奖:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大28预测开奖:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大28预测开奖:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大28预测开奖:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大28预测开奖:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大28预测开奖:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大28预测开奖:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大28预测开奖:微信小程序有哪些优势？为什么要开发微信小程序？
- [2021-01-08 17:28:04] 加拿大28预测开奖:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大28预测开奖:建设一个常规的公司网站建设成本大概是多少？
延伸阅读
- [2011-11-03 15:12:14] 加拿大28预测开奖:青岛网站设计中关于alt和title两大标签的使用规则
解决方案
加拿大28预测开奖: 轮胎行业网站设计解决方案 加拿大28预测开奖: 机械行业网站设计解决方案 加拿大28预测开奖: 房地产行业网站设计解决方案 加拿大28预测开奖: 科技企业网站设计解决方案 加拿大28预测开奖: 电子家电网站设计解决方案 加拿大28预测开奖: 食品行业网站设计解决方案 加拿大28预测开奖: 集团公司网站设计解决方案 加拿大28预测开奖: 企事业单位网站设计解决方案 加拿大28预测开奖: 外贸行业网站设计解决方案 加拿大28预测开奖: 健身运动网站设计解决方案 加拿大28预测开奖: 美容与化妆品网站设计解决方案 加拿大28预测开奖: 建筑设计行业网站设计解决方案 加拿大28预测开奖: 物流行业网站设计解决方案
