HTML:如何指定标签以在可访问性上下文中锚定元素
HTML:如何指定标签以在可访问性上下文中锚定元素
提问于 2018-05-25 16:32:02
这里是要求:我有一个代表链接的锚元素。
<a href ="login.html">3</a>目前，屏幕阅读器(JAWS)宣布它为“链接3"，但我想让屏幕阅读器读取为”链接3登录页面“
为了让它起作用，我向锚元素添加了title属性。
<a href ="login.html" title="Login Page">3</a>现在它宣布为“链接3登录页面”
但是使用“is..As”属性的每个可访问性指南的问题标题并不被推荐，因为它在大多数屏幕阅读器和浏览器组合中都失败了。
我使用了"aria-label“，在这种情况下，它只读作"Login page”。
<a href ="login.html" aria-label="Login Page">3</a>如何让屏幕阅读器同时阅读“链接3和登录页”
回答 2
Stack Overflow用户
发布于 2018-05-25 16:41:42
下面这样的内容如何：
.screenreader {
position: absolute !important; /* Outside the DOM flow */
height: 1px; width: 1px; /* Nearly collapsed */
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
clip: rect(1px, 1px, 1px, 1px); /* All other browsers */
}<a href ="login.html">3 <span class="screenreader">- Login page</span></a>
你的屏幕阅读器会读起来像“链接3-登录页面”，但你的用户只能看到"3“
Stack Overflow用户
发布于 2018-06-03 06:46:07
我认为Clement在不使用CSS的情况下就可以做到这一点--只需在唱段标签上添加一些标点符号。Aria-label=“链接3.登录页面”应该可以做到。祝好运!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50524855
复制相关文章
相似问题