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