如何使Voice0ver正確讀取日期

Question

注意：使用Chrome Mac上使用VoiceOver的

如果日期是「2016年9月16日」，什麼VoiceOver會讀出是「九·一六TH兩個零一六」 。有沒有什麼辦法可以把它看成「9月16日兩千零六年」。 code pen link

<div tabindex="0" aria-label="September 16th 2016">16</div> 

一種解決方案可能要改變aria-label屬性保留「九·一十六屆二OO十六條」的文字，但有可以正確讀取任何圖書館嗎？

Answer 1

我建議你不要試圖改變行爲。

您假設VoiceOver用戶將爲此而苦惱。 VoiceOver用戶更有可能從他們訪問的所有其他網站熟悉這一點，並宣佈這樣的日期。

如果有的話，考慮擺脫序數指示器（「th」，「rd」，「nd」等）。也許允許它以可視方式顯示，但使用aria-hidden將其隱藏在屏幕閱讀器中。

此外，VoiceOver用戶通常不使用Chrome，他們使用Safari。

我還建議你找一些VoiceOver用戶並獲得他們的反饋。

Answer 2

SR沒有圖書館，爲了服從你，你應該是語義的，你看到的是SR宣佈的內容，你可以使用帶有全文「9月16日兩千零六年」的詠歎調標籤，它是完全的正確使用A11Y標準。 Tabindex不是a11y的最佳實踐。

Answer 3

請使用aria-label並按照您想要的方式朗讀，或者請注意，這是VoiceOver（VO）首選項（設置）。

例如。如果您希望您的「2016年9月16日」按預期閱讀，請執行以下操作。

1. 開始的VoiceOver
2. 保持VO+V（控制+選項+ V）
3. 這給你一個冗長轉子。按向右箭頭，直到你達到「數字」
4. 將其更改爲「單詞」要經過面板

現在再次嘗試讀你的文字。它應該按預期閱讀。

有時，這是一個屏幕閱讀器的首選項。