你的名字可选.
You are here
bootstrap aria-describedby 什么意思 有大用
星期四, 2021-06-17 08:20 — adminshiping1
样例2：使用
样例3：使用
样例4：使用
＆＃39; aria-describedby＆＃39;是什么意思？属性？
jQuery Grid插件插入以下HTML：
来自 https://www.orcode.com/question/1137766_k2b215.html
使用aria-describedby属性为交互控件提供描述性标签____20160503
说明
该技巧的目的是说明怎么样使用WAI-ARIA aria-describedby属性为用户界面元素提供编程式确定的描述信息。aria-describedby属性通过一个id参照表可以链接描述信息到一个或更多元素。id参考列表包含一个或多个不同的元素id；
注意：aria-describedby属性不是设计来参考外部资源的描述，因为它是一个id，必须引用相同DOM文件中的元素。
样例
样例2：使用aria-describedby属性将说明与表单联系起来
效果
样例3：使用aria-describedby为button提供详细信息
效果
选择该网页的字体大小
选择该网页的颜色
自定义此页面上使用的布局和样式
样例4：使用aria-describedby属性为表单区域连接提示
role="tooltip"表示提示文本aria-hidden字符串。可选值为true和false, true表示元素隐藏(不可见)，false表示元素可见。
效果
...
提示样例1
创建账户
样例5：XHML
该样例使用MIME类型的应用在XHTML中编码。该MIME不是在所有客户端都支持。aria-describedby属性直接被加入到XHTML标记中，不需要额外的脚本。
效果
该页面上的按钮使用可访问丰富互联网应用aria-describedby属性提供按钮行为的更多详细信息。
选择该页面使用的字体样式和大小
选择该页面使用的颜色
自定义页面使用的布局和样式
样例6：
该样例是使用脚本给页面上的按钮添加aria-describedby属性。该样例创建一个buttonIds数组来存放包含描述文本的元素的id。在windows对象的onload事件中调用setDescribedBy()。setDescribedBy()功能循环访问所有按钮元素调用每个按钮元素的setAttribute()来设置aria-describedby属性。每一个按钮的aria-describedby属性被设置了包含描述文本的元素id。使用用户代理或者支持，wai-aria的辅助技术，当用户界面控件接收到焦点时提供描述。
效果
该页面上的按钮使用可访问丰富互联网应用aria-describedby属性提供按钮行为的更多详细信息。
选择该页面使用的字体样式和大小
选择该页面使用的颜色
自定义该页面的布局和样式
无障碍效果体验
在IE11浏览器中，使用NVDA屏幕阅读器可以朗读出使用aria-describedby链接的文本，使用永德和争渡屏幕阅读器不能朗读出该属性链接的文本。
相关资源
普通分类:
2 个回复
翁茄口霉氖
舜辉