有屏幕閱讀器（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）閱讀比顯示的按鈕文字

回答

相關問題