在不添加新标签/元素的情况下向属性添加描述(用于屏幕阅读器)
Add a Description to Attribute (for Screen Reader) Without Adding New Label / Element
我有一个元素:<div id="container-div" role="region"></div>
当用户点击'R'键时,我希望屏幕阅读器读取单词
"这是XXX区域"
无需在DOM中添加新的标签或元素。
(在没有额外隐藏标签的情况下保持DOM整洁非常重要)
只需添加一个aria-label
属性,如下所示:
<div id="container-div" role="region" aria-label="This is an XXX">
提示:不要在描述中使用区域这个词,因为屏幕阅读器(至少JAWS)会自己添加它。所以,如果你写"This is an XXX area region",屏幕阅读器会因为角色的关系而显示"This is an XXX area region region"。
相关文章:
- jQuery表单添加不适用于下拉列表
- css是从远程node.js添加的,但不适用于html页面
- Javascript中的列表,用于添加和显示所有项目
- 正则表达式,用于在 JavaScript 中为电话号码添加短划线
- 用于添加两个数字的javascript闭包的用法
- 提交评论不适用于新添加的帖子
- jQuery:更改后的输入值不用于新添加
- 用于添加边缘的gremlin服务器查询
- 添加和删除类不适用于foreach
- Javascript:Unicode符号选择器(用于将数学符号添加到文本区域)
- 是否有 jQuery 事件用于何时将元素添加到文档中
- 用于添加和删除类的 Jquery 打开/关闭变量
- Jquery函数不适用于gridview中动态添加的行
- 正在添加用于文件删除的eventListener
- 添加用于在 Google 地图 API v3 中打开信息窗口的链接
- 添加用于打开对话框的按钮
- 向HTML5 Canvas添加用于按键的eventListener
- 在AngularJS中,在控制器之间共享数据,并添加用于身份验证的回调行为
- 添加用于删除对象的ajax - Rails
- 在篝火代码点火器中添加用于将表格打印到打印机的按钮