jQuery的標籤式菜單無法正常使用的VoiceOver屏幕閱讀器的MAC

Question

工作，我有一個基本的標籤菜單，使用jQuery建成。選項卡式內容是通過html顯示的鏈接列表。

如果將鼠標懸停在選項卡上，則顯示信息。如果您使用VoiceOver應用程序和鍵盤，則選項卡標題顯示懸停狀態，但內容不會顯示。

此時，如果您切換voiceOver，則會顯示內容。

任何人對此有什麼資源？我們是否需要爲選項卡式菜單添加點擊狀態而不是懸停？我被告知屏幕閱讀器不擅長懸停菜單。

任何幫助將是非常受歡迎的。

在此先感謝！

Answer 1

當您到達與VoiceOver的鏈接（將會有銀色輪廓，並且VoiceOver將會讀取內容）時，瀏覽器會觸發焦點事件。

爲該選項卡捕獲onFocus或onFocusIn。如果您支持桌面用戶，這對您的僅限鍵盤用戶也會有所幫助。

此外，請確保您的標籤是角色=「標籤」，並有一個父角色=「標籤組」 如果他們是按鈕，VO讀「關於我們，按鈕，雙擊到...」 ，用戶可能會感到困惑。 如果他們是鏈接，VO讀取「關於我們，鏈接，雙擊到...」，並且用戶假定他們正在移動到新頁面並等待「新頁面加載」的聲音。 如果他們的標籤，讀取VO「關於我們，標籤，6 5，雙擊要......」，和用戶理解，有一個標籤，一個個tabpanel存在於某個地方，以及他們在選項卡列表。