有屏幕阅读器（JAWS）阅读比显示的按钮文字

To avoid screen-reader text inside the button

对于WCAG遵守，任何HTML控件（如按钮），打开一个新的浏览器窗口当按钮变得焦点时，需要屏幕阅读器这样说。不过，我当然不希望：

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

按钮上的文字应该只是“获得帮助”，但我需要JAWS用语言表达更多...任何可行的办法了那里呢？

非常感谢，-Pete

（仅供参考，以主持人：现有的“大白鲨”的标签是指“为WordNet的Java API的搜索” ......不是屏幕阅读器“工作访问与演讲”我们也许可以。使用一个新的标签 - 我不认为我目前有“堆栈溢出信用”做到这一点。谢谢！）

来源

2013-10-03 Pete E.

我相信你需要使用ABBR标签做添加说明。你可以看到一些东西here

来源

2013-10-03 20:28:10 rkawano

和得到由JAWS当与图像相关联拾取，或更接近我的情况下，包含图像（而不是文本）的按钮。当我用带有文本标签的按钮使用时，只有标签由JAWS语言表达。 :( –

基本上你想包括文本，但从视图中隐藏它。

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

“在” 为 “接入技术”。

随着要么相关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; 
}

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

来源

2013-10-03 21:44:12 AlastairC

如何根据W3C简单地使用aria-haspopup="true"？

基本上：

<button aria-haspopup="true">Get help</button>

来源

2014-06-12 16:31:10 skube

有屏幕阅读器（JAWS）阅读比显示的按钮文字

回答

相关问题