在临近非文本内容的位置提供一个链接,链接到页面中的提供长描述的位置_20160412


说明

该技巧的目的是提供一种方式链接远处的长描述,对象时那些不能直接使用长描述技术或者不支持长描述技术的科技。


样例

样例1:柱状图

网页上有一个柱状图展示了前三名销售人员的销售业绩。
简短文本替代为“前三名销售人员的10月销售业绩”;
在非文本内容之后有一个小图片提供长描述,小图片的替代文本为“图表的长文本描述”。这个图片链接到页面底部到的“页面中图表的描述”章节。这个链接指向特定的描述:“十月的销售额显示玛丽领先400个单位。迈克紧随389。克里斯轮出我们的前3名,销售额为350。[描述结束]”.

样例2:使用标题作为链接

有一个图表,使用图片后面的标题作为长描述的链接。链接的title属性明确说明这个链接指向长描述。

样例3:纯音频文件的转写

这里有一个马丁路德金的演讲。有链接到纯音频文件的链接,音频转写会同时出现。


无障碍效果

各读屏、各浏览器的支持效果

测试人:

争渡、IE11:
永德、IE11:
NVDA、IE11:
永德、chrome:
NVDA、chrome:
NVDA、Firefox:
voiceover、chrmoe:
voiceover、Safari: