大型信息樹無障礙導航

Question

我正在開發一個公共網站，它是有關醫療條件信息的前端。

在用戶進行搜索（基於調查問卷）之後，會向他們顯示分類爲小節和小節的結果。

信息項目可以分配到部分和子部分。

目前，各部分由頂部的標籤和側邊欄中的鏈接顯示的屏幕和子部分表示。側邊欄中的鏈接取決於所選的部分。

問題是部分名稱相當長（幾個字），結果標籤的組合長度對於標準屏幕分辨率（1024 x 768）太寬。因此他們換行並打破頁面佈局。我們還將不得不在未來添加額外的選項卡。

考慮到這個問題以及我們的目標受衆相當廣泛的事實，這是一個公共醫療網站，有哪些選項可用於以普通用戶可訪問和易於瀏覽的方式呈現此類信息。

Answer 1

分段名稱有多長？請問他們適合在標籤的空間嗎？如果將側欄菜單中的部分鏈接和選項卡中的子部分鏈接放在一起，您可能會獲得更好的用戶性能，而不是其他方式。見http://www.usability.gov/pubs/040106news.html。

另一種方法是將所有內容放在側欄菜單上。子章節鏈接可以在其章節鏈接下縮進顯示。您也可以考慮將分節鏈接放在分欄的右側。這使得部分菜單穩定，但需要很多可能更好用於內容的橫向空間。無論哪種情況，對視覺設計的適當關注都會顯示當前的部分，小節以及它們之間的聯繫。

只要您使用鏈接導航到每個部分/子部分（可能基於與頁面鏈接有關的數據庫以編程方式爲每個頁面生成），就不應該存在輔助功能問題。

Answer 2

只是頭腦風暴的一些想法：

• 使用下拉框，允許用戶選擇（子）部分，則顯示相應的信息項。
• 爲每個部分級別創建單獨的頁面，並提供麪包屑控制以向用戶顯示他/她在頁面層次結構中的位置。
• 創建某種摺疊菜單，當用戶讀取信息項時會自動隱藏。

在另一個關於SO的問題中，我遇到了一個鏈接到Quince，也許你也可以在那裏找到一些靈感。

Answer 3

你可以嘗試：

• 一個iPod風格的菜單（即從右側飛在小節中隱藏的頁面）：http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

或者像大安說：

• 級聯下拉框：http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CascadingDropDown/CascadingDropDown.aspx

這些（在傳統樹視圖上）的缺點是，只有在選擇一個部分之前，子部分纔可見。如果你的用戶不知道他們之後的子部分的名字，那麼這兩者中的任何一個都是非常合適的。

另一方面，如果他們確實知道他們之後的子部分的名稱，最好給他們一個自動完成的文本框，以便他們可以鍵入幾個字符並直接進入它。