2017-03-09 61 views
1

我正在努力改進網站的可訪問性,並且我想強制JAWS讀取一段文本以幫助用戶。強制JAWS讀取一段文本

例如,我有一個幫助圖標鏈接,彈出幫助模式。這個模式包含一些有用的文本。我想確保將該文本讀取給用戶。我想有類似div在那裏我可以做類似的解決方案:

<div class="ForceReadText"> 
    <p>Block of text to be read, that currently isn't being read.</p> 
</div> 

我不是很熟悉JAWS,和我的谷歌福技能都沒有我。我想,問問知道如何做到這一點的人會更好。有任何想法嗎?

+0

需要更多的上下文。無論用戶在做什麼,你是否想要模態中斷?你看過ARIA直播區嗎? – aardrian

+0

@aardrian - 基本上用戶應該瀏覽這些幫助圖標以允許他們瀏覽表格,如果他們點擊其中的一個,它應該馬上閱讀內容。我沒有看過ARIA的直播區域。我簡單地看了一下ARIA,但我會做更多的研究。感謝提示 –

回答

2

對於你所描述的,聽起來你可能想要一個ARIA直播區域。 MDN has an overview可能有用。

有關快速概覽,實時區域非常適合實時更新頁面,如錯誤或警報。實時區域能夠中斷屏幕閱讀器正在說話的任何內容,以便改爲說出消息。活動區域不會更改頁面焦點的位置。

訣竅是瞭解一個頁面應該只有一個活動區域。

另一個訣竅是將所有消息放入一個活動區域,儘管如果彈出窗口的行爲類似於工具提示(只是重新使用它),它肯定可行。

如果它像一個模式,請繼續閱讀...

現在,所有他這樣說,以前的答案(來自@stringy)可能是一個聰明的做法,只要你有良好的焦點管理辦法(爲modeal所必需的)。如果你不這樣做,那麼現場地區可能更適合(也許不那麼震撼)。

無論哪種方式,一起來看看這些模式並查看是否有解決你的目標:

+0

我結束了使用alertdialog。感謝您的建議! –

3

強迫事情是困難的,並給出粗魯的外觀。我在過去爲無障礙模態所做的事情是,讓打開它們的圖標成爲鏈接,鏈接指向模式的id屬性或其標題。如果有人想要幫助,點擊鏈接並將其帶到信息中(並使用箭頭鍵閱讀文本);如果不是,他們可以繼續前進。

<a href="#modal-heading"><img src="icon.png" alt="More information"></a>