&nbs p;
一、longdesc属性相关介绍
首先要清楚 longdesc 属性并不是 HTML 5的内容，相反，这是个相当old的属性。 longdesc 可以添加在 img 标签上，顾名思意为“长长的描述(long description)”的 意思 ， img 标签的 alt 属性可以 添加图片 相关的短描述，而对于长长的描述内容则适合使用 longdesc 属性。然而，不同于 alt 属性， longdesc 属性的值只能是 url地址 ，而不是一堆字符文字，这个URL地址指向一个独立的页面，而这个页面的内容就是这个图片相关的长长的描述。这 一点 从Dre am weaver中的自动提示的链接标志看出来。
现代屏幕 阅读器 对 longdesc 属性有着非常好的支持，然而美中不足的是图片上找不到任何暗示或是迹象 表明 此图片指向一个详细描述的页面。很多浏览器提供此信息多在图片详情中或是上下文菜单中，但这不是很明显。
您可以狠狠地点击这里：img标签下longdesc属性demo，您可以发现demo页面中的这个图片在几乎所有的浏览器下都没有任何异样。实际上，该图片的详细信息在某些浏览器下是可以通过上下文菜单获取到的。
例如在FireFox浏览器下，右键该图片，选择（如下图）：
结果可以看到该图片详细信息的页面地址：
longdesc 属性的效用在 opera 浏览器下是最为明显的。同样右键图片显示上下文菜单，点击“详细描述”（如下图）：
结果直接在浏览器中打开了新标签页显示了此图片相关的详细信息，如下图所示：
另根据国内一些野史 文章 的说法， longdesc 属性链接的图片信息时可以被搜索引擎识别的。
二、longdesc属性使用现实
不足百分之一的人可以正确使用此属性，不足千分之一的人曾试图使用该属性
上面引用就是对当前longdesc属性使用状况的总结。
在07年8月的时候，Ian Hickson曾分析过 GOOGLE 索引中的10亿个 img 元素样本，大约130万(0.13%)个 img 元素有 longdesc 属性。近似于100张图片中就一个图片使用了 longdesc 属性。而且，实际上，这些 longdesc 属性的使用很多都是不正确的。
为空 不是有效的URL 指向图片自己（如与图片的 src 值一样） 指向当前打开的页面 指向其他域的根目录 与父标签链接的 hr ef 属性值一样（ longdesc 属性变成打酱油的，因为你可以通过图片链接代替）就上面几条，就可以剔除130万个 img 元素中96%的成员。注意，不是所有图片的96%，而是130万张有 longdesc 属性的图片中的96%。如果你对这剩下的50000(130万的4%)个 img 元素做进一步的亲密接触，会发现结果更糟：有链接到其他图片上的，有直接返回404的，链接到如同alt属性的一行文字上，或是链接到描述图片大小而不是图片内容的页面。于是50000一下子缩水到10000。也就是说提供 longdesc 属性的图片中真正可用的不足1%。也就是“ 不足百分之一的人可以正确使用此属性，不足千分之一的人曾试图使用该属性 ”。
三、longdesc属性与HT ML 5
由于 longdesc 属性使用较少且基本上都使用不正确，所以 国外 曾有观点希望在HTML5中剔除此属性，就像剔除< center >< Big >属性一样。但是，最新的些研究表明屏幕阅读器使用用户非常喜欢 longdesc 属性，所以从这一点讲，从页面的可用性即构建无障碍阅读交互体验的web页面这个角度讲， longdesc 属性还是有其存在的理由与 价值 的。
就longdesc属性 应该 在HTML5中保留还是删除这一点来讲，我个人与 br uce Lawson的观点一致： longdesc 属性并不作恶，是可以保留的。但是，权衡来看，较好的做法是多用用HTML5的 det ai ls 元素， 或者 是使用 aria-describedby 属性并指向何用户都能发现的资 源 。
四、淡淡的结语
国外就页面可用性方面的讨论是很多也是很深的，貌似关注 longdesc 属性的前端相关人员还是很多的，相关的讨论也较多。相比国内，就淡得多。其实自己之前对该属性也是七窍只通六窍——一窍不通。所以， 不想 班门弄斧，本文就 简单 介绍下 longdesc 属性相关的一些内容，一些深入的可用性方面的东西自己确实 业余 的很，就不提及了。
资历有限，文中要是有表述不准确的地方，欢迎指正，欢迎交流。
参考文章：
Creating Accessible Images & # 8211; Long Descriptions The longdesc lottery longdesc in HTML5 Screen Reader User Survey #3 Results（本篇完）
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-页面可用性之img标签longdesc属性与HTML5 全部内容，希望文章能够帮你解决 html5教程-页面可用性之img标签longdesc属性与HTML5 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-页面可用性之img标签longdesc属性与HTML5的详细内容...