如何防止 NVDA 公布鏈接的全部內容？

Question

我有一段包含在鏈接中的代碼，問題是當我使用NVDA聚焦元素時，鏈接的內容會被一次性讀取。

例如我有這個代碼：

   <a href="example.html" title="description link">
     <h2>Heading H2</h2>
     <span>More Text</span>
     <p>More text</p>
   </a>

當我用NVDA和 Firefox 聚焦鏈接時，屏幕閱讀器會提到h2 、 span和p標簽的所有內容，而無需按向下箭頭鍵。

理想情況下，當專注於鏈接時，只需閱讀鏈接的標題，當您按下向下箭頭鍵時，將閱讀其余內容

Answer 1

@brennanyoung 是正確的。 錨標簽內的任何內容都將被屏幕閱讀器讀取。

如果您希望 h2 span 和 p 仍然可點擊，就好像它是一個鏈接，但在 NVDA 用戶將焦點放在它上面時無法讀取，您可以使用 CSS 擴展可點擊區域以包含下面的文本。 不過，您可能需要在錨標記中添加一些內容。 有了更多的上下文，我可以提供一個更好的例子，但這里的想法

a {
    position: relative
}
.bigger:after{
    content:"";
    padding: 250px;  
    position: absolute;
    left: -25px;
    top: -25px;
}