2

我实际上想要完成相反的事情：

避免按钮内的屏幕阅读器文本

为了符合 WCAG，任何打开新浏览器窗口的 HTML 控件（即按钮）都需要屏幕阅读器在按钮获得焦点时说明。但是，我当然不想要：

<button>Get Help ,opens in a new browser window</button>

按钮文本应该只是“获取帮助”，但我需要 JAWS 来表达更多……有什么可行的方法吗？

非常感谢，-皮特

（仅供版主参考：现有的“JAWS”标签指的是“Java API for WordNet Searching”......而不是屏幕阅读器“带语音的工作访问”。我们可能会使用一个新标签 - 我不认为我目前有“堆栈溢出信用”来做到这一点。谢谢！）

4

3 回答 3

2

本质上，您希望包含文本但将其隐藏起来。

<button>Get Help<span class="at">, opens in a new browser window</span></button>

“at”代表“接入技术”。

与以下任一相关联的 CSS：

.at {
   position:absolute;
   left: -9999px;
}

或者，如果您关心从右到左语言的水平滚动条或移动设备的性能，那么您可以使用：

.at {
   position: absolute;
   clip: rect(1px,1px,1px,1px);
   padding: 0;
   border: 0;
   height: 1px;
   width: 1px;
   overflow: hidden;
   display: block;
}

阅读更多：http ://webaim.org/techniques/css/invisiblecontent/

我应该指出，有其他残疾的人也应该能够告诉它在新窗口中打开。也许考虑添加一个“新窗口”图标？

于 2013-10-03T21:44:12.967 回答
0

我相信您需要使用 ABBR 标签添加描述。你可以在这里看到一些东西

于 2013-10-03T20:28:10.870 回答
0

aria-haspopup="true"根据W3C简单地使用怎么样？

基本上：

<button aria-haspopup="true">Get help</button>
于 2014-06-12T16:31:10.243 回答