|
然后，效果就如下圖所示，截自IE6瀏覽器：
您可以狠狠地點(diǎn)擊這里：時(shí)光網(wǎng)下拉菜單demo
恩，不錯(cuò)，效果良好，沒有兼容性問題，js代碼也算是簡潔易懂，開起來似乎大功告成。要是以前的我，估計(jì)也就會(huì)到這里就結(jié)束了，沒有bug，測試工程師不會(huì)來找茬了。但是，實(shí)際上，此處下拉的可訪問性只能說是中等及格的水平。//zxx:不過貌似現(xiàn)在整個(gè)行業(yè)（即使淘寶這類重視前端的公司）的下拉菜單都只實(shí)現(xiàn)到這一程度，或許其中有著各種各樣的原因，但我個(gè)人感覺還是整個(gè)行業(yè)的水平有待提高。
為何說看似不錯(cuò)的下拉菜單效果其實(shí)可用性低呢？繼續(xù)下文。
三、下拉菜單可訪問性問題
首先回答這個(gè)問題：什么是可訪問性？
可訪問性是指你的網(wǎng)頁對(duì)任何人、在任何環(huán)境下都是可持續(xù)訪問的。但是，在目前，要使得所有的網(wǎng)站在任何情況下都保持完美無缺的可訪問性，這樣的要求比要求老板升職還要高，是不實(shí)際的，但是，在有限的范圍內(nèi)，有著實(shí)際意義的，我們可以提高的地方還是很多的。常見的可訪問性問題有下面三個(gè)：
無腳本
這個(gè)主要是考慮到某些瀏覽器不支持JavaScript的情況。例如Google的頁面中經(jīng)�？梢�<noscript>標(biāo)簽，其就考慮到這一點(diǎn)。但是，就我個(gè)人的觀點(diǎn)，如果您的網(wǎng)站不是面對(duì)亞非拉美這些國家，無腳本的問題其實(shí)是可以忽略的。當(dāng)然，某些人員故意禁用JavaScript則另當(dāng)別論。
沒有鼠標(biāo)
這是經(jīng)常會(huì)遇到的。有些用戶不使用鼠標(biāo)，而是使用鍵盤，理由各種各樣。例如我自己，有時(shí)候懶惰到境界的時(shí)候，要是左手已經(jīng)擱在鍵盤上，就懶得抬起我的右手，去移動(dòng)點(diǎn)擊鼠標(biāo)，多麻煩累人啊。直接左手指頭垂直動(dòng)個(gè)幾厘米多輕松多方便��；像我大學(xué)同學(xué)，電腦不知出了什么問題，鼠標(biāo)都是使用不靈，所以他的大部分上網(wǎng)操作都是鍵盤完成的；還有些用戶有手部殘疾（或缺陷）而無法控制鼠標(biāo)做出微笑的移動(dòng)，按鍵為他們提供了一個(gè)很好的備選方案，除非JavaScript開發(fā)人員忘記照顧他們。而實(shí)際上，包括我在內(nèi)的許多前端開發(fā)工程師，或是省功夫，或是其他什么原因，而將這部分人群當(dāng)作成年的包裹，都扔掉了。
屏幕閱讀器
有些人不能使用常規(guī)的瀏覽器。最典型的就是盲人和視力受損的人，他們無法看到屏幕上的任何東西。作為替代品，他們需要一個(gè)能把頁面內(nèi)容大聲朗讀出來的程序。這就是屏幕閱讀器。
以前我純粹按照自己臆想的經(jīng)驗(yàn)，認(rèn)為，盲人用戶用電腦，估計(jì)就是個(gè)夢，就算有屏幕閱讀器這類東西，估計(jì)也做不了什么操作。但是，路要自己走才知道多遠(yuǎn)，水要自己趟才知道多深。對(duì)自己沒有經(jīng)歷過事情的認(rèn)知往往總是不準(zhǔn)確的，對(duì)于盲人用戶與上網(wǎng)的認(rèn)識(shí)也是如此。我發(fā)現(xiàn)自己認(rèn)知的偏差是因?yàn)轵v訊CDC的“閉上眼睛用QQ – 盲人用戶探訪實(shí)錄”這篇文章。企鵝公司就是企鵝公司，有錢有人有訪談，這次訪談實(shí)錄對(duì)于像我這樣沒有機(jī)會(huì)親歷盲人用戶的開發(fā)人員來講是非常寶貴的一手資料，讓我意識(shí)到，盲人用戶也有些他們精彩的世界，他跟我們這些視力良好的人一樣，也是可以很好的體驗(yàn)到web給我們生活帶來的快樂的。
//zxx:下面這段摘自“閉上眼睛用QQ – 盲人用戶探訪實(shí)錄”一文。
出處：zhangxinxu
責(zé)任編輯：bluehearts
上一頁 js下拉菜單實(shí)現(xiàn)與可訪問性的思考 [2] 下一頁 js下拉菜單實(shí)現(xiàn)與可訪問性的思考 [4]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 3 頁 js下拉菜單實(shí)現(xiàn)與可訪問性的思考 [3]
