京東、滴滴、QQ以及支付寶等App 存在讓殘障人士使用艱難的“坑”,設計者該如何解決?
互聯(lián)網(wǎng)的發(fā)展,讓我們的生活越來越便利,但這個“我們”,也許并不包括那些殘障人士。正常人眼里來說再簡單不過的頁面操作,對于盲人來說都是不可攀越的高墻。換句話說,越行越快的互聯(lián)網(wǎng)列車,讓視覺障礙人士和正常人的生活越來越遠。
好消息是,這個問題也許正在得到改善。在今年的MDCC移動開發(fā)者大會上,專門開設了“信息無障礙專場”。在現(xiàn)場的演講中,一位視覺有障礙的程序員沈廣榮為現(xiàn)場的觀眾展示了“一個盲人的一天”——他如何與這些 App 相處。
看似友好的 App,盲人世界里的無數(shù)大坑!
沈廣榮的演示設備是一臺 iPhone。他開啟了 iOS 自帶的 Voiceover 功能。
簡單科普一下這個功能的實現(xiàn)原理:
用戶通過手指單擊或滑動來移動“焦點”——屏幕上的選中區(qū)塊,而系統(tǒng)會朗讀出當前選中的內(nèi)容。一旦用戶“聽到”自己想要的按鈕,就會通過雙擊來執(zhí)行“進入”功能。
然而聽上去簡單明了的規(guī)則,在實際應用中,卻有著無數(shù)大坑。
1、“不明真相”的應用選取
拿到手機,他想要找到京東 App,去買一款機械鍵盤。
由于手機安裝了很多 App,他需要按順序挪動“焦點光標”來找到目標 App。同時,由于朗讀需要一定時間,他會根據(jù)朗讀的第一個字來判斷是不是想要的應用,如果不是,他不會等待系統(tǒng)朗讀完畢就會轉(zhuǎn)到下一個應用。
然而,在找到京東 App 的路上,他差點跑斷了腿。因為京東 App 的名字是:手機京東。在演示過程中,有很多次他都從“手機京東”身上走過,但是因為系統(tǒng)讀出了“手”字,他并不認為自己找到了“京東”。
當然,這個問題并不是一個無法克服的障礙,只要你有足夠的耐心聽完朗讀,或者把朗讀速度加快。(這正是沈廣榮平時的做法)而且,Siri 也是解決這個問題的完美方法,在查找應用方面,這個并不太聰明的機器人還是做得不錯的。
然而,這只是視覺障礙人士面對的第一個小坑。
手機京東、手機淘寶,都存在關鍵詞后置的問題。
2、走位飄忽的“按鈕描述”
剛才提到,每當光標移到一個“焦點”之上的時候,系統(tǒng)需要用語音反饋回來。但是現(xiàn)實世界卻復雜無比,不僅有選項卡按鈕,還有搜索、文字輸入框、商品介紹、狀態(tài)勾選。
例如在下面這個購物車頁面里:
手機京東購物車頁面
右側這個箭頭本來應該是“詳情”功能,但是當沈廣榮把光標挪到箭頭之上的時候,系統(tǒng)朗讀出了一段奇異的英文。
沈廣榮猶豫片刻,只好對現(xiàn)場觀眾說:
這串英文對我毫無意義,我不會去點這個按鈕。
這表明,在程序開發(fā)的時候,程序員并沒有給這個按鈕做定義標注。這個小小的缺陷完全不會影響正常人使用 App,但是在盲人的心里,這個按鈕成為了巨大的障礙。
如果有興趣,你可以閉上眼睛,打開Voiceover,親身體驗一下不限于京東的諸多 App。你會馬上體會到,App 中的每一個頁面,都蘊含著如“宇宙般浩瀚”的信息,在缺乏準確地語音回饋時,你會感覺到無比的茫然。
3、“攔路門神”——廣告
相信視覺正常的人,都會被打開 App 之后的特性介紹和各種滿屏廣告搞得暈頭轉(zhuǎn)向。對于盲人來說,他們沒辦法觀看廣告,但是卻不得不學會用正確的姿勢跳過廣告。
在打開滴滴出行的時候,沈廣榮就面對這樣“嚴峻”的挑戰(zhàn)。他打開的滴滴 App 剛剛進行了后臺升級,所以映入眼簾的是新特性介紹。顯然,他是個老司機,已經(jīng)能夠熟練地點擊“下一步”繞過這些介紹。但是,新特性頁面消失后,一個幾乎滿屏的廣告殺了出來。沈廣榮對于發(fā)生了什么一無所知。
沈廣榮在現(xiàn)場用大屏幕演示時,遇到了滴滴出行彈出的廣告。
他通過移動手指,想要找到熟悉的按鈕,但是讓人心疼的是,他的所有點擊,實際上都觸摸在了占屏幕60%的廣告上,所以系統(tǒng)沒有朗讀反饋任何內(nèi)容。而用了20秒,他終于憑借運氣找到了廣告圖片邊上那個“X”。
而面對叫一輛車這樣“簡單”的事情,沈廣榮的冒險還沒有結束。
4、“如墮云霧”的狀態(tài)描述
他想叫一輛出租車,于是在 App 頁面中的“專車、出租車、順風車……”選項卡中切換。
然而,問題來了。當聽到了“出租車”的語音反饋以后,他雙擊確認。軟件也確實進入了“出租車”的卡片,但是卻沒有任何語音提示當前這個卡片是選中狀態(tài)。
他緊皺眉頭,又把光標從頭開始移動了一個遍,最后選中了“出租車”,按了下去。然而,他還是沒有得到任何反饋,不得不求助現(xiàn)場觀眾:“我選中出租車了嗎?”現(xiàn)場觀眾此時才明白,原來在正常人眼中再明顯不過的頁面被選擇后的圖形變化,視障人士是無法判斷的。
滴滴出行選項卡頁面
其實,要加入狀態(tài)提示,從技術上講并不難,之所以滴滴出行沒有在這個地方做出提示,可能僅僅是工程師和現(xiàn)場觀眾一樣,沒有想到這對于視障人士來說是一個巨大的障礙。
5、“天書”一般的圖形驗證碼
之前的這些障礙,已經(jīng)讓很多 App 功能對于盲人變得非常難用。然而,接下來這個坑,對于盲人來說簡直是“天塹”一般的存在。
那就是沈廣榮的同事,信息無障礙研究會首席專家張昆對雷鋒網(wǎng)關注提到的:圖形驗證碼。
看到這里你可能會恍然大悟。形如12X06 等站的坑爹的圖形驗證碼,對于視覺正常的人來說,尚且是殘忍的考驗,何況對于一個盲人。
這是常見的手機登錄輸入圖形驗證碼的環(huán)節(jié)。
事實上,你應該知道我在講什么——盲人無法看到圖形驗證碼。這樣的直接影響就是:盲人可能失去了進入 App 的權利。
目前在中國,允許用戶用語音驗證碼,或者把圖形驗證碼的文本發(fā)送到手機等替代方式操作的 App 仍然是少數(shù)。這一點,就足以讓所有的盲人無法獨立使用這款 App。
剛才所屬,只是盲人使用 App 中諸多困難的一小部分。當親眼看到盲人在使用這些 App 時緊皺眉頭難以操作時的無助,我們這些正常人,這些 App 開發(fā)者們會感到深深的內(nèi)疚。
不過,讓人高興的是,來自手機 QQ 和支付寶的工程師,在現(xiàn)場分享了他們?yōu)槊と烁倪M App 的努力。
盲人用 App 的小細節(jié)
雖說對于所有的 Android 應用,都可以采用系統(tǒng)內(nèi)建的?Accessibility?輔助功能為盲人提供使用便利。但是面對前面所說的無數(shù)大坑,需要工程師專門為盲人潛心進行優(yōu)化。
這是一個復雜的系統(tǒng)工程,但從一些細節(jié)當中可見一斑。
手機QQ——讓視障人士用表情
簡單科普一下,在程序內(nèi)部,把一個功能塊的視覺化稱為一個“View”。而在手機 QQ 里,發(fā)送表情的功能中,所有的表情同屬一個“View”。正常用戶通過精準點按,可以完美地選擇想要發(fā)送的表情。但是在盲人使用的過程中,系統(tǒng)的輔助功能只能把光標在“View”之間移動,也就是說,光標的最小范圍默認就是一個“View”。這就造成了如下左圖的結果:
手機 QQ 表情頁面在輔助功能開啟時的情況。
所有的表情都被同時框起來,如果用戶此刻選擇確定,則只能輸入最中心的“尷尬臉”。好吧,這件事還真讓人尷尬。
為了讓視障人士也可以和我們一樣使用表情,手Q工程師何金源和同事們著手解決這個問題。他說:
這個問題比較復雜,因為如果要把各個表情分拆為不同的“View”,就要涉及底層的代碼改動。
通過系統(tǒng)提供的功能,他們把這個“View”分割為不同的“NodeInfo”——一種專門用于識別輔助輸入?yún)^(qū)域的信息。
在分裂區(qū)域之后,還需要為不同的表情做好“備注”,這些“備注”會被朗讀給用戶,對于用戶理解自己在發(fā)送什么樣的表情至關重要。
就這樣,最終他們終于實現(xiàn)了讓盲人輸入表情的友好操作。
支付寶——和黑客“爭奪”密碼鍵盤
今年年初,支付寶下架了鍵盤輔助(朗讀)功能。
很多人并不知道其中的原因。螞蟻金服的工程師樓勇解釋了其中緣由:
由于安卓系統(tǒng)?Accessibility?輔助功能的特性,系統(tǒng)需要獲得點按的內(nèi)容,才能朗讀出來。而在這個鏈條中,允許有第三方的接口參與。這種情況下,我們無法驗證第三方接口是不是惡意的。
如上圖,前臺使用輔助功能輸入密碼時,后臺的代碼情況。
從樓勇提供的圖片可以看出,這個為了視障人士設計的朗讀功能,實際上在后臺的代碼里,完整地記錄了用戶點按密碼的明文和順序。也就是說,這個功能極有可能被黑客利用,竊取用戶的支付密碼。(不要以為它和視力正常的用戶沒關系,惡意軟件可以通過某種方法,在后臺強制打開輔助模式。)
為了繞過第三方接口,支付寶的工程師決定自己來做鍵盤朗讀的功能。他們在支付頁面“言辭拒絕”了系統(tǒng)的幫助,而是自己制作“焦點區(qū)塊”(即用戶選擇了哪個數(shù)字),自己調(diào)用系統(tǒng)的 TTS?朗讀功能,用這種方式,完美躲閃了其他人觸及用戶密碼。
然而,為了實現(xiàn)這個功能,還要注意諸多細節(jié),例如:
系統(tǒng)并不知道支付寶自制了“焦點區(qū)塊”,這樣會導致屏幕上同時出現(xiàn)兩塊“焦點區(qū)”,造成混亂。于是程序員們又增加了一層和系統(tǒng)溝通的邏輯——既讓系統(tǒng)知道自己做了“焦點區(qū)”,又不告訴系統(tǒng)具體是“哪一塊”,以此來保護用戶的隱私。
尾聲
有很多 App 存在讓殘障人士使用艱難的“坑”,但是與此同時,諸多的 App 正在重視建立輔助措施的工作。
雖然在現(xiàn)場的演示中,雖然京東和滴滴出行有些地方不盡如人意,但支付寶和手機 QQ 也有很多缺點。我們把這些展現(xiàn)出來的本意,并不是責怪他們,而是提醒所有 App 的設計者,對我們身邊的殘障人士多一些考慮。
有一點不容置疑,這些知名 App 的用戶群中,一定包括諸多殘障人士。在這一點上,相信很多人都會為努力解決問題的攻城獅點贊。
正如樓勇所說:
技術的發(fā)展,是為了跨越鴻溝,而不是帶來新的不平等。
背景資料:
MDCC,是由CSDN、創(chuàng)新工場聯(lián)合主辦的移動開發(fā)者大會(Mobile Developer Conference China),是一年一度的移動開發(fā)者交流分享的盛會。
作者:史中
來源:http://www.leiphone.com/news/201609/2B5twUFh8cf5nn19.html
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@雷鋒網(wǎng),作者@史中
突然被這篇文章震撼到了,透徹刺骨的難受,作為一個產(chǎn)品,每天只想的更好的盈利,沒有去真正關心過殘障人士。現(xiàn)在沒能力,沒錢,以后有能力我肯定把所有產(chǎn)品做兩個版本,一個專門針對殘障人士。
殘障人數(shù)數(shù)量太少,成本劃不來啊
難道少數(shù)人就不是人?
盲人為什么要使用京東淘寶?
張嘴即可的事,何必這樣麻煩
盲人為什么不能使用京東支付寶?