鍵盤輔助

Question

請看看這個網站 - >http://vanityclaire.com/（如果它在未來的變化，這是一個側面滾動網站），並嘗試用TAB瀏覽（不要按Enter鍵，就標籤）。在第一部分標出所有內容後，您會注意到焦點更改爲另一部分時，它會混淆：您會看到兩部分中的一半。

我該如何讓用戶能夠通過一節來選項卡？

我知道我可以爲最後一項（無論是錨點還是輸入）設置模糊屬性以將焦點放在菜單上的第一項上......這樣，用戶將不會選擇到另一個部分。 ..但是這意味着用戶會「陷入」頁面，並且無法通過地址欄選項卡。

有沒有辦法將焦點發送到地址欄？有沒有window.locationbar.focus();或類似的東西，和$(windows).focus();也沒有幫助...

任何人都可以想到一個很好的解決方案呢？

---

請注意我不想阻止用戶使用按鍵導航...我只是希望自己的網站不會落空，因爲這（我能想到的如何解決）和用戶不要被困...提前，球員

感謝，

Óscar 

Answer 1

對於它的價值，有這種類型的側滾輪的一堆其他的相關問題：如果用戶的窗口大足夠的，或者如果他們縮小，或點擊背景並向右拖動，其他頁面可以變得可見。此外，由於它們是「可見的」（只是滾動），屏幕閱讀器可能會一次讀出整個頁面，而不是僅顯示當前頁面。

雖然這可能會解決所有這些問題：將其他頁面區域設置爲display：none或visibility：hidden，直到需要它們。 （visibility：hidden可能最適合這種情況，因爲它不會影響佈局。）這可以防止它們意外滾動到視圖中，阻止屏幕閱讀器讀取它們，並防止它們被選中。 Tabbing會跳過，這正是你想要的。

因此，要從區域A過渡到區域B，使區域A到B可見，滾動並將焦點移動到區域B，然後使除B之外的所有區域都不可見。