|
一、俗耐的開篇語
關(guān)于下拉菜單的可用性問題，我之前一直都是忽略的，可以說是不知道，常常僅僅止步于眼前的效果上。前段時間看到了Roger的”Accessing Nav Drop-Downs“一文，就是講了下下拉菜單的可用性問題。同時，巧的是，最近在看淘寶UED翻譯的《ppk談JavaScript》一書，其多次提到了可訪問性的問題，尤其在p28~p37對JavaScript及其一些可用性問題發(fā)表了自己的看法。其中主要的觀點和注意事項與Roger的文章是一致的。
這些閱讀的經(jīng)歷讓我意識到自己長時間忽略下拉菜單的可訪問性，于是開始結(jié)合實際情況，思考自己以后需要注意和提高的地方。這讓我對下拉菜單實現(xiàn)方式選擇、標(biāo)簽的使用等有了更加明確的認識。不太成熟的思考，僅用于交流。再具體講述下拉菜單的可訪問性之前，先簡單說說下拉菜單以及下拉菜單的實現(xiàn)吧。
二、關(guān)于下拉菜單及其實現(xiàn)
百度百科對“下拉菜單”一詞的解釋是：以條形菜單欄和菜單欄中每個菜單項的彈出菜單窗口兩部分組成，一般作為應(yīng)用系統(tǒng)的主菜單使用。
不過這段話就像《盜夢空間》一樣，讓人很難懂。通俗點講，就是“經(jīng)過/會點擊就會顯示列表的菜單”就叫做下拉菜單。在web上非常之常見，例如~~我隨便打開個頁面，啊，就像是我瀏覽器現(xiàn)在顯示的百科的頁面的右上角：
或是隔壁的微博頁面，啊，果然，看左上角的廣場下拉：
恩恩，看來下拉菜單就像是男人一樣，滿地都是。就不一一舉例了，關(guān)于下拉菜單的實現(xiàn)，那方法可就多了，class切換，屬性綁定，js定位等，不同的頁面，不同的設(shè)計，不同的架構(gòu)，就有不同的實現(xiàn)方法。由于每個項目，每個頁面的情況都不一樣，所以，不能輕易的下結(jié)論，你是大熊貓，是國寶，它是小野貓，是雜草。但是，就可用性而言，不同的方法優(yōu)劣還是有標(biāo)準(zhǔn)來評判的，這個在后面會自然而然的展示。
現(xiàn)在，舉個切換class實現(xiàn)下拉效果的簡單例子，實例菜單原型來自Mtime時光網(wǎng)，//zxx:Mtime創(chuàng)始人在新浪微博上很活躍，你有興趣可以follow他， @馬日拉，你有沒有覺得這個名字很有遐想的空間呢？，截圖如下：
出處：zhangxinxu
責(zé)任編輯：bluehearts
上一頁 下一頁 js下拉菜單實現(xiàn)與可訪問性的思考 [2]
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 js下拉菜單實現(xiàn)與可訪問性的思考 [1]
第 2 頁 
