2013-03-06 68 views
2

這裏的情形;我需要屏幕閱讀器爲標題讀取其他內容,而不是實際顯示的內容。JAWS無法讀取ARIA標籤爲標題

「我的標題」顯示屏幕,但是閱讀器讀取「這是我的標題是」

<div> 
    <div aria-hidden="true">My Heading</div> 
    <div aria-label="This is my Heading" role="heading" aria-level="1" tabindex="0"></div> 
</div> 

上面的代碼實現了對VoiceOver的所需的行爲,但我不能讓JAWS做同樣的。任何想法如何使它在JAWS中工作?

最終,我將尋找一個解決方案,就是用這兩個的VoiceOver和JAWS兼容。

感謝

回答

0

是 - 我一直在試圖做類似的

<div >  
    <div id="entryLabel">This is My Label</div> 
    <div tabindex="0" aria-labelledby="entryLabel">This My Value</div> 
</div> 

東西大白鯊似乎不讀詠歎調標記通過,如果一個div元素上使用!這可能是JAWS - 但它可能是瀏覽器未暴露的信息?

我已經注意到了使用ARIA標籤相同。

0

我建議用詠歎調 - labelledby,這與大多數屏幕閱讀器和瀏覽器和替代的工程ARIA標籤的舉動。

示例代碼

<div> 
    <div aria-hidden="true">My Heading</div> 
    <div aria-labelledby="myheading" role="heading" aria-level="1" tabindex="0"> 
    <span id="myheading" style="visibility:hidden;">This is my Heading</span> 
    </div> 
</div>