2016-08-22 58 views
1

所以我們有一個ul菜單,下面有div顯示標籤內容。Mac上的Voiceover導航ul

<uL> 
<li>menu 1</li> 
<li>menu 2</li> 
<li>menu 3</li> 
</ul> 
<div id="content">content here</div> 

因此,當您懸停或單擊其中一個菜單項時,相應的內容在div中可見。內容的顯示工作正常,但是我們似乎無法找到命令或Mac Voiceover的適當結構來使用鍵盤選擇內容。

示例如果您使用箭頭鍵激活菜單項#2,它可以顯示內容,但是如果您想要下拉到內容中,它不起作用,使用箭頭鍵可以直接進入菜單項目#3。

如果你是在菜單項#3你箭頭到下一個內容,它會正確地降下來,你到內容。

有沒有一種方法來組織這允許用戶拖放到內容而不必在最後一個菜單項?或者是否有一個命令會從ul中突破並進入內容?

任何幫助將不勝感激。

+0

如果其嵌套的菜單,我會建議的內容是對應裏的一部分。使標題成爲一個按鈕(如果它可點擊打開div),然後跟隨內容。因此它也放置在正確的位置。 –

回答

0

我們最終改變了ADA用戶一切只點擊(刪除懸停),以及一旦標籤/菜單項被打開了,我們派出重點內容。

這解決了我們的問題。

要添加這些選項,我們簡單地放置在頁面上的ADA標誌,那些誰需要它點擊它來獲得它們的功能,那些誰也不需要點擊 - 沒有他們的用戶體驗的變化。