如何在Voiceover中只閱讀一次鏈接內容？ （僅限Firefox）

Question

爲什麼此文本被Firefox Voiceover閱讀兩次？如何讓它讀一次？ （保持列表標記）

<ul> 
    <li> 
     <a href="/something">This text is duplicated in Voiceover</a> 
     <span class="">Some description</span> 
    </li> 
</ul> 

https://jsbin.com/duseqi/edit?html,output

Answer 1

什麼類型但這發生在（的MacBook，的iPad，iPhone等）的設備？

我認爲這可以處理你如何瀏覽文本，和/或如果它是塊級鏈接。在Mac上的VoiceOver中，如果使用Tab鍵進行導航，則會重複塊級鏈接文本。根據this article，「行爲取決於屏幕閱讀器，瀏覽器和導航模式的組合。」

儘管您的示例不包含此內容，但如果您還有aria-label屬性，則VO可以重複文本。

在你的實際標記中，你有錨標記中的任何其他元素？如果是這樣，也許切換這些塊級元素的結構可能有助於避免重複。希望這可以幫助。

Answer 2

當鏈接嵌套在列表中時，VoiceOver會在Chrome和Firefox中兩次重複鏈接文本的文本。它不會在Safari中執行此操作。我認爲這不是您的標記問題，這是VO如何與瀏覽器配合使用的問題。

我在Chrome中發現了一些其他奇怪的行爲，比如沒有宣佈標題的結構（例如，當內容位於div的內部時，讀取「My Amazing Heading」而不是「Heading level two，My Amazing Heading」） 「主要」ARIA里程碑式的角色，在Safari中也可以正常工作。