客觀的說(shuō)，12306一直在進(jìn)步！沒(méi)有考了到盲人并不是12306一個(gè)人的錯(cuò)，整個(gè)互聯(lián)網(wǎng)幾乎都沒(méi)有考了到這樣一個(gè)群體。不過(guò)可以看到的是，注意盲人群體的公司和團(tuán)體已經(jīng)越來(lái)越多了，這是一個(gè)好的現(xiàn)象。引用其中一位成員的語(yǔ)錄：幫助是什么？未必是跑到非洲當(dāng)志工。對(duì)我而言它有兩件事：一是把自己的專業(yè)培養(yǎng)好；二是用自己的專業(yè)幫助周遭的人。
以下為個(gè)人觀點(diǎn)，不代表本人所在公司及團(tuán)體的觀點(diǎn)。
作為“不可替代”的www.12306.cn，它為我們帶來(lái)了太多太多的障礙，從最開(kāi)始的難以訪問(wèn)到后來(lái)的難以支付，現(xiàn)在的12306算是可以正常使用了。想起最開(kāi)始需要大家一起幫忙刷票到后來(lái)的各種瀏覽器的搶票功能�，F(xiàn)在很是欣慰。作為一個(gè)正常用戶的我們似乎已經(jīng)滿足了。但是對(duì)于盲人來(lái)講，事情還遠(yuǎn)遠(yuǎn)沒(méi)有解決。
之前在《如何做盲人認(rèn)可的無(wú)障礙互聯(lián)網(wǎng)產(chǎn)品》http://www.huxiu.com/article/17196/1.html中提到了盲人是如何訪問(wèn)網(wǎng)頁(yè)以及他們的使用習(xí)慣，這里就不在贅述了。
對(duì)于這樣一個(gè)網(wǎng)站，基本上無(wú)法通過(guò)郵件或者什么渠道來(lái)反饋給網(wǎng)站的開(kāi)發(fā)者從而帶來(lái)本質(zhì)的變化。那么難道就沒(méi)有任何辦法可以幫助這樣一個(gè)群體了么？在相當(dāng)長(zhǎng)的一段時(shí)間里，我對(duì)這樣類似的問(wèn)題感到困惑與失落。
不過(guò)，聰明人與實(shí)踐者總是有的，在逛http://userscripts.org的時(shí)候無(wú)意中發(fā)現(xiàn)了這樣一個(gè)插件“page-access-helper（網(wǎng)頁(yè)無(wú)障礙助手）”： http://userscripts.org/scripts/show/175103
他利用火狐插件greaseMonkey進(jìn)行擴(kuò)展，解決了12306的注冊(cè)、購(gòu)票、退票這三個(gè)最關(guān)鍵的功能�？梢哉f(shuō)是以一個(gè)“微創(chuàng)手術(shù)”解決了一個(gè)“重大疾病”。
剖析這個(gè)工具的開(kāi)發(fā)思路對(duì)于解決網(wǎng)站信息無(wú)障礙問(wèn)題的經(jīng)驗(yàn)積累有著很大的作用！
1.辨別主要功能
一個(gè)網(wǎng)站，無(wú)論制作、開(kāi)發(fā)者是不是自己，如果他已經(jīng)上線運(yùn)營(yíng)，并且無(wú)法從頭開(kāi)始重新制作開(kāi)發(fā)，那么只能以局部升級(jí)的辦法來(lái)解決無(wú)障礙的問(wèn)題。無(wú)障礙問(wèn)題的修復(fù)與功能開(kāi)發(fā)類似，必須制定優(yōu)先級(jí)，優(yōu)先解決用戶最重要的問(wèn)題。以12306為例，注冊(cè)、購(gòu)票、退票顯然是一個(gè)必須解決并且要按順序解決的三大主要功能，這三個(gè)功能達(dá)到無(wú)障礙的話，可以解決絕大多數(shù)盲人用戶的問(wèn)題。
2.優(yōu)化關(guān)鍵路徑
A.越過(guò)“不重要功能”
如果一個(gè)屏幕閱讀器用戶要找到購(gòu)票/預(yù)約的鏈接，通常需要按20余次的Tab鍵才能到達(dá)，如果不小心錯(cuò)過(guò)或者焦點(diǎn)在其他位置，則需要按Tab鍵逐個(gè)遍歷，對(duì)于這樣一個(gè)重要的以時(shí)間為第一目標(biāo)(預(yù)定車票的時(shí)候拼的就是時(shí)間)的功能。
顯然這樣的一個(gè)鏈接使得屏幕閱讀器用戶“輸在了起跑線上”。
安裝網(wǎng)頁(yè)無(wú)障礙助手之后，該插件主要鏈接添加了一個(gè)快捷鍵，無(wú)論當(dāng)前焦點(diǎn)在哪里，只要alt+shift+z即可找到注冊(cè)、購(gòu)票、退票鏈接。
對(duì)于這個(gè)快捷鍵，我個(gè)人還是比較喜歡的，一個(gè)手就能完成了，而且跟QQ的顯示消息窗口快捷鍵類似，方便記憶。
B.焦點(diǎn)陷阱
焦點(diǎn)陷阱，顧名思義就是當(dāng)焦點(diǎn)訪問(wèn)某個(gè)控件的時(shí)候可能產(chǎn)生三種現(xiàn)象：1.不反饋（無(wú)法訪問(wèn)）；2.焦點(diǎn)丟失（一般會(huì)回到頁(yè)面頭部）；3.無(wú)法跳出當(dāng)前控件。本質(zhì)都是控件存在訪問(wèn)性障礙從而造成整個(gè)用戶活動(dòng)流程失敗。
對(duì)于明眼人，我認(rèn)為這是一個(gè)好的交互態(tài)。而對(duì)于盲人來(lái)說(shuō)，無(wú)論何種交互，能聚焦的交互才是好交互，能訪問(wèn)到的內(nèi)容才是好內(nèi)容。遺憾的是，這里一旦利用Tab鍵進(jìn)入出生日期選項(xiàng)，就一直循環(huán)再也出不來(lái)了。在車票查詢頁(yè)面里的出發(fā)日期和觸發(fā)時(shí)間同樣的使用了類似控件，導(dǎo)致無(wú)法訪問(wèn)后續(xù)流程的控件。
對(duì)于這種控件，網(wǎng)頁(yè)無(wú)障礙助手采用了樸實(shí)有效且成本低的做法——使用標(biāo)準(zhǔn)表單控件（input、select、textarea…）。并且還優(yōu)化了一些文案，以更友好的“凌晨0點(diǎn)到24點(diǎn)”取代“00:00-24:00”。
C.表單錯(cuò)誤提示問(wèn)題
表單作為用戶和服務(wù)器的唯一接口，由于網(wǎng)速的飛速發(fā)展早已經(jīng)從服務(wù)器端作為第一環(huán)節(jié)驗(yàn)證轉(zhuǎn)成了前端js作為第一環(huán)節(jié)驗(yàn)證，從而加速了驗(yàn)證速度也優(yōu)化了用戶體驗(yàn)。對(duì)于盲人用戶，每一條錯(cuò)誤提示信息能否即使的反饋是影響操作效率乃至能否順利提交的關(guān)鍵。12306原始的表單錯(cuò)誤提示讀取繁瑣，大大影響表單提交效率。
網(wǎng)頁(yè)無(wú)障礙助手利用焦點(diǎn)順序的管理使得輸入錯(cuò)誤即使提醒。
D.重要信息必須鍵盤(pán)可訪問(wèn)
很遺憾，作為最重要的搜索結(jié)果信息，鍵盤(pán)無(wú)法訪問(wèn)，屏幕閱讀器用戶一片茫然。對(duì)于不可聚焦元素，無(wú)外乎增加tabindex以及javascript管理焦點(diǎn)，希望廣大網(wǎng)站制作開(kāi)發(fā)者以“舉手之勞”添加這關(guān)鍵的功能。用技術(shù)為盲人群體帶來(lái)一絲光明。
網(wǎng)頁(yè)無(wú)障礙助手對(duì)這個(gè)頁(yè)面同樣做了處理，對(duì)于搜索結(jié)果，做了處理，可以tab選中各次列車，讀出發(fā)站及時(shí)間，到站及時(shí)間，當(dāng)前還有的坐席類別，以及回車即可預(yù)定！
同樣的問(wèn)題也出現(xiàn)在了提交訂單確認(rèn)的彈出框以及確認(rèn)訂單的頁(yè)面。
彈出信息確認(rèn)框，只能聚焦到取消、確認(rèn)按鈕，訂票信息不可讀。
因?yàn)閕frame的緣故焦點(diǎn)無(wú)法切換到紅色區(qū)域塊。在使用某項(xiàng)技術(shù)的時(shí)候，我們可以先去測(cè)試看看屏幕閱讀軟件是否支持該項(xiàng)技術(shù)。
對(duì)于這兩個(gè)地方，網(wǎng)頁(yè)無(wú)障礙助手插件也同樣做了優(yōu)化。
E.驗(yàn)證碼
驗(yàn)證碼是盲人使用互聯(lián)網(wǎng)最大的障礙，因?yàn)轵?yàn)證碼可能有替代文字。也只有極少數(shù)網(wǎng)站采用語(yǔ)音替代訪問(wèn)或者短信驗(yàn)證或者回?fù)茈娫挕?/p>
那么難道說(shuō)驗(yàn)證碼的障礙就沒(méi)有辦法解決了么？很多盲人朋友會(huì)在找到驗(yàn)證碼之后，截圖給朋友幫忙查看。作為12306的驗(yàn)證碼，根本無(wú)法選中，所以盲人連截圖的機(jī)會(huì)都給剝奪了。
優(yōu)化之后的驗(yàn)證碼做了特別的提示：“請(qǐng)輸入右邊的驗(yàn)證碼，可以截圖給朋友識(shí)別”。
客觀的說(shuō)，12306一直在進(jìn)步！沒(méi)有考了到盲人并不是12306一個(gè)人的錯(cuò)，整個(gè)互聯(lián)網(wǎng)幾乎都沒(méi)有考了到這樣一個(gè)群體。不過(guò)可以看到的是，注意盲人群體的公司和團(tuán)體已經(jīng)越來(lái)越多了，這是一個(gè)好的現(xiàn)象。
完整的插件使用說(shuō)明請(qǐng)參照開(kāi)發(fā)者團(tuán)隊(duì)的說(shuō)明文檔：http://101.226.73.209:12005/help.html
引用其中一位成員的語(yǔ)錄：幫助是什么？未必是跑到非洲當(dāng)志工。對(duì)我而言它有兩件事：一是把自己的專業(yè)培養(yǎng)好；二是用自己的專業(yè)幫助周遭的人。
希望這樣的團(tuán)隊(duì)越來(lái)越多，希望重視信息無(wú)障礙的公司越來(lái)越多。
推薦閱讀
近日，央視新聞曝光手機(jī)外屏維修暴利內(nèi)幕。北京小黃的三星Note2屏幕摔>>>詳細(xì)閱讀
本文標(biāo)題：網(wǎng)友開(kāi)發(fā)12306訂票無(wú)障礙工具 幫助盲人購(gòu)票
地址：http://www.xglongwei.com/a/05/20131010/290056.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示