2011-05-04 67 views
0

我想找到最實用/可訪問的方式來實現一個簡單的表單下拉列表,它將按照字母順序排列產品列表。選擇下拉列表的可訪問性/可用性

在您看來,當有一個按鈕控制它的提交或當它自動提交下拉菜單的變化時,下拉更有用嗎?

我讀過的研究既是贊成也是反對這種方法,並且在網絡上有各種各樣的實現,所以很有興趣聽到社區的想法。

在此先感謝

回答

0

只要您在選擇更改時不更改焦點或導航到其他頁面,則任何一種方法都應該有效。問題下拉的典型示例是它包含站點上其他頁面的列表,並在選擇更改後立即導航。這可以防止鍵盤用戶使用該列表;他們無法瀏覽它,並且無法導航到第一個選擇以外的任何頁面,因爲無法瀏覽這些頁面。因此,如果焦點發生變化或導致頁面導航,則導致導航發生的單獨操作(例如,Go按鈕或處理回車)是必需的。這可能是您閱讀的建議來自何處。

但是,在這種情況下,聽起來好像您只是在頁面上的其他位置更新內容,而沒有更改焦點或進行導航。簡單地使用現有內容應該沒問題。

1

作爲一個盲人電腦用戶這兩種方法工作正常。我發現有一個點擊按鈕對我來說稍微簡單一點,然後onchange事件觸發。儘管假設大多數用戶不會被禁用,但我不會說這是一個足夠大的區別。如果您的定位明確盲目,我不會使用onchange事件。

+0

有趣的賈裏德!爲什麼onchange事件對你來說只會稍微困難?你能詳細解釋一下你如何以盲目用戶的方式瀏覽下拉列表(select-html-tag)嗎?我假設屏幕閱讀器讀取所有列表項目,然後決定選擇哪個項目? – Andreas 2011-12-15 06:56:10

0

取決於您的用戶以及他們各自的期望以及所呈現的環境。

作爲一個總括性聲明,你應該有一個非常明顯的提交按鈕的下拉菜單。這是更安全的方法。

0

如果您正在刷新頁面數據,或者如果在選擇了下拉選項後焦點移開,您應該使用一個按鈕來訪問。如果您在變更時觸發事件,盲人或僅鍵盤的用戶將無法使用下拉菜單,只要它們位於帶有ie和chrome的窗口(如此添加在一起,大多數窗口中的人員)。只要他們使用箭頭向下滾動並進行選擇,他們所選中的第一個選項將被選中,頁面數據將刷新或焦點將移動,使他們無法導航或選擇第二個選項,第三個選項等等。下面是對示例的全面解釋,以便您明白我的意思。

設計師肯定不喜歡這些按鈕,但是如果你是盲人,並且在chrome /上,也就是說,如果沒有它,就不可能使用大量的下拉菜單。我猜Jared使用Firefox或Mac。

http://pauljadam.com/blog/javascript/onchange-event-on-a-select-inputjump-menu-accessibility-problems/