使用aria-labelledby为非文本内容提供文本替代_20160412


说明

使用aria-labelledby属性为元素提供一个简短的描述可以为辅助技术读取。aria-labelledby使用ID将页面上其他位置的文本与元素链接起来,屏幕阅读器会抽取ID值对应的文本作为元素的替代文本。


样例

样例1:为复杂图提供简短描述



效果

4 of 5

无障碍效果

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

测试人:wmq

争渡、IE11:
4 of 5
永德、IE11:
4 of 5
NVDA、IE11:
4 of 5
永德、chrome:
4 of 5 图形
NVDA、chrome:
图形 4 of 5
NVDA、Firefox:
图形 4 of 54 of 5
voiceover、chrmoe:
4 of 5 图像
voiceover、Safari:
4 of 5 图像