京東、滴滴、QQ以及支付寶等App 存在讓殘障人士使用艱難的“坑”,設計者該如何解決?

6 評論 16101 瀏覽 44 收藏 16 分鐘

互聯網的發展,讓我們的生活越來越便利,但這個“我們”,也許并不包括那些殘障人士。正常人眼里來說再簡單不過的頁面操作,對于盲人來說都是不可攀越的高墻。換句話說,越行越快的互聯網列車,讓視覺障礙人士和正常人的生活越來越遠。

好消息是,這個問題也許正在得到改善。在今年的MDCC移動開發者大會上,專門開設了“信息無障礙專場”。在現場的演講中,一位視覺有障礙的程序員沈廣榮為現場的觀眾展示了“一個盲人的一天”——他如何與這些 App 相處。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

看似友好的 App,盲人世界里的無數大坑!

沈廣榮的演示設備是一臺 iPhone。他開啟了 iOS 自帶的 Voiceover 功能。

簡單科普一下這個功能的實現原理:

用戶通過手指單擊或滑動來移動“焦點”——屏幕上的選中區塊,而系統會朗讀出當前選中的內容。一旦用戶“聽到”自己想要的按鈕,就會通過雙擊來執行“進入”功能。

然而聽上去簡單明了的規則,在實際應用中,卻有著無數大坑。

1、“不明真相”的應用選取

拿到手機,他想要找到京東 App,去買一款機械鍵盤。

由于手機安裝了很多 App,他需要按順序挪動“焦點光標”來找到目標 App。同時,由于朗讀需要一定時間,他會根據朗讀的第一個字來判斷是不是想要的應用,如果不是,他不會等待系統朗讀完畢就會轉到下一個應用。

然而,在找到京東 App 的路上,他差點跑斷了腿。因為京東 App 的名字是:手機京東。在演示過程中,有很多次他都從“手機京東”身上走過,但是因為系統讀出了“手”字,他并不認為自己找到了“京東”。

當然,這個問題并不是一個無法克服的障礙,只要你有足夠的耐心聽完朗讀,或者把朗讀速度加快。(這正是沈廣榮平時的做法)而且,Siri 也是解決這個問題的完美方法,在查找應用方面,這個并不太聰明的機器人還是做得不錯的。

然而,這只是視覺障礙人士面對的第一個小坑。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

手機京東、手機淘寶,都存在關鍵詞后置的問題。

2、走位飄忽的“按鈕描述”

剛才提到,每當光標移到一個“焦點”之上的時候,系統需要用語音反饋回來。但是現實世界卻復雜無比,不僅有選項卡按鈕,還有搜索、文字輸入框、商品介紹、狀態勾選。

例如在下面這個購物車頁面里:

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

手機京東購物車頁面

右側這個箭頭本來應該是“詳情”功能,但是當沈廣榮把光標挪到箭頭之上的時候,系統朗讀出了一段奇異的英文。

沈廣榮猶豫片刻,只好對現場觀眾說:

這串英文對我毫無意義,我不會去點這個按鈕。

這表明,在程序開發的時候,程序員并沒有給這個按鈕做定義標注。這個小小的缺陷完全不會影響正常人使用 App,但是在盲人的心里,這個按鈕成為了巨大的障礙。

如果有興趣,你可以閉上眼睛,打開Voiceover,親身體驗一下不限于京東的諸多 App。你會馬上體會到,App 中的每一個頁面,都蘊含著如“宇宙般浩瀚”的信息,在缺乏準確地語音回饋時,你會感覺到無比的茫然。

3、“攔路門神”——廣告

相信視覺正常的人,都會被打開 App 之后的特性介紹和各種滿屏廣告搞得暈頭轉向。對于盲人來說,他們沒辦法觀看廣告,但是卻不得不學會用正確的姿勢跳過廣告。

在打開滴滴出行的時候,沈廣榮就面對這樣“嚴峻”的挑戰。他打開的滴滴 App 剛剛進行了后臺升級,所以映入眼簾的是新特性介紹。顯然,他是個老司機,已經能夠熟練地點擊“下一步”繞過這些介紹。但是,新特性頁面消失后,一個幾乎滿屏的廣告殺了出來。沈廣榮對于發生了什么一無所知。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

沈廣榮在現場用大屏幕演示時,遇到了滴滴出行彈出的廣告。

他通過移動手指,想要找到熟悉的按鈕,但是讓人心疼的是,他的所有點擊,實際上都觸摸在了占屏幕60%的廣告上,所以系統沒有朗讀反饋任何內容。而用了20秒,他終于憑借運氣找到了廣告圖片邊上那個“X”。

而面對叫一輛車這樣“簡單”的事情,沈廣榮的冒險還沒有結束。

4、“如墮云霧”的狀態描述

他想叫一輛出租車,于是在 App 頁面中的“專車、出租車、順風車……”選項卡中切換。

然而,問題來了。當聽到了“出租車”的語音反饋以后,他雙擊確認。軟件也確實進入了“出租車”的卡片,但是卻沒有任何語音提示當前這個卡片是選中狀態。

他緊皺眉頭,又把光標從頭開始移動了一個遍,最后選中了“出租車”,按了下去。然而,他還是沒有得到任何反饋,不得不求助現場觀眾:“我選中出租車了嗎?”現場觀眾此時才明白,原來在正常人眼中再明顯不過的頁面被選擇后的圖形變化,視障人士是無法判斷的。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

滴滴出行選項卡頁面

其實,要加入狀態提示,從技術上講并不難,之所以滴滴出行沒有在這個地方做出提示,可能僅僅是工程師和現場觀眾一樣,沒有想到這對于視障人士來說是一個巨大的障礙。

5、“天書”一般的圖形驗證碼

之前的這些障礙,已經讓很多 App 功能對于盲人變得非常難用。然而,接下來這個坑,對于盲人來說簡直是“天塹”一般的存在。

那就是沈廣榮的同事,信息無障礙研究會首席專家張昆對雷鋒網關注提到的:圖形驗證碼。

看到這里你可能會恍然大悟。形如12X06 等站的坑爹的圖形驗證碼,對于視覺正常的人來說,尚且是殘忍的考驗,何況對于一個盲人。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

這是常見的手機登錄輸入圖形驗證碼的環節。

事實上,你應該知道我在講什么——盲人無法看到圖形驗證碼。這樣的直接影響就是:盲人可能失去了進入 App 的權利。

目前在中國,允許用戶用語音驗證碼,或者把圖形驗證碼的文本發送到手機等替代方式操作的 App 仍然是少數。這一點,就足以讓所有的盲人無法獨立使用這款 App。

剛才所屬,只是盲人使用 App 中諸多困難的一小部分。當親眼看到盲人在使用這些 App 時緊皺眉頭難以操作時的無助,我們這些正常人,這些 App 開發者們會感到深深的內疚。

不過,讓人高興的是,來自手機 QQ 和支付寶的工程師,在現場分享了他們為盲人改進 App 的努力。

盲人用 App 的小細節

雖說對于所有的 Android 應用,都可以采用系統內建的?Accessibility?輔助功能為盲人提供使用便利。但是面對前面所說的無數大坑,需要工程師專門為盲人潛心進行優化。

這是一個復雜的系統工程,但從一些細節當中可見一斑。

手機QQ——讓視障人士用表情

簡單科普一下,在程序內部,把一個功能塊的視覺化稱為一個“View”。而在手機 QQ 里,發送表情的功能中,所有的表情同屬一個“View”。正常用戶通過精準點按,可以完美地選擇想要發送的表情。但是在盲人使用的過程中,系統的輔助功能只能把光標在“View”之間移動,也就是說,光標的最小范圍默認就是一個“View”。這就造成了如下左圖的結果:

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

手機 QQ 表情頁面在輔助功能開啟時的情況。

所有的表情都被同時框起來,如果用戶此刻選擇確定,則只能輸入最中心的“尷尬臉”。好吧,這件事還真讓人尷尬。

為了讓視障人士也可以和我們一樣使用表情,手Q工程師何金源和同事們著手解決這個問題。他說:

這個問題比較復雜,因為如果要把各個表情分拆為不同的“View”,就要涉及底層的代碼改動。

通過系統提供的功能,他們把這個“View”分割為不同的“NodeInfo”——一種專門用于識別輔助輸入區域的信息。

在分裂區域之后,還需要為不同的表情做好“備注”,這些“備注”會被朗讀給用戶,對于用戶理解自己在發送什么樣的表情至關重要。

就這樣,最終他們終于實現了讓盲人輸入表情的友好操作。

支付寶——和黑客“爭奪”密碼鍵盤

今年年初,支付寶下架了鍵盤輔助(朗讀)功能。

很多人并不知道其中的原因。螞蟻金服的工程師樓勇解釋了其中緣由:

由于安卓系統?Accessibility?輔助功能的特性,系統需要獲得點按的內容,才能朗讀出來。而在這個鏈條中,允許有第三方的接口參與。這種情況下,我們無法驗證第三方接口是不是惡意的。

你有沒有試過“閉上眼”使用:京東、滴滴、QQ、支付寶?

如上圖,前臺使用輔助功能輸入密碼時,后臺的代碼情況。

從樓勇提供的圖片可以看出,這個為了視障人士設計的朗讀功能,實際上在后臺的代碼里,完整地記錄了用戶點按密碼的明文和順序。也就是說,這個功能極有可能被黑客利用,竊取用戶的支付密碼。(不要以為它和視力正常的用戶沒關系,惡意軟件可以通過某種方法,在后臺強制打開輔助模式。)

為了繞過第三方接口,支付寶的工程師決定自己來做鍵盤朗讀的功能。他們在支付頁面“言辭拒絕”了系統的幫助,而是自己制作“焦點區塊”(即用戶選擇了哪個數字),自己調用系統的 TTS?朗讀功能,用這種方式,完美躲閃了其他人觸及用戶密碼。

然而,為了實現這個功能,還要注意諸多細節,例如:

系統并不知道支付寶自制了“焦點區塊”,這樣會導致屏幕上同時出現兩塊“焦點區”,造成混亂。于是程序員們又增加了一層和系統溝通的邏輯——既讓系統知道自己做了“焦點區”,又不告訴系統具體是“哪一塊”,以此來保護用戶的隱私。

尾聲

有很多 App 存在讓殘障人士使用艱難的“坑”,但是與此同時,諸多的 App 正在重視建立輔助措施的工作。

雖然在現場的演示中,雖然京東和滴滴出行有些地方不盡如人意,但支付寶和手機 QQ 也有很多缺點。我們把這些展現出來的本意,并不是責怪他們,而是提醒所有 App 的設計者,對我們身邊的殘障人士多一些考慮。

有一點不容置疑,這些知名 App 的用戶群中,一定包括諸多殘障人士。在這一點上,相信很多人都會為努力解決問題的攻城獅點贊。

正如樓勇所說:

技術的發展,是為了跨越鴻溝,而不是帶來新的不平等。

背景資料:

MDCC,是由CSDN、創新工場聯合主辦的移動開發者大會(Mobile Developer Conference China),是一年一度的移動開發者交流分享的盛會。

 

作者:史中

來源:http://www.leiphone.com/news/201609/2B5twUFh8cf5nn19.html

本文來源于人人都是產品經理合作媒體@雷鋒網,作者@史中

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 突然被這篇文章震撼到了,透徹刺骨的難受,作為一個產品,每天只想的更好的盈利,沒有去真正關心過殘障人士?,F在沒能力,沒錢,以后有能力我肯定把所有產品做兩個版本,一個專門針對殘障人士。

    來自四川 回復
  2. 殘障人數數量太少,成本劃不來啊

    來自山東 回復
    1. 難道少數人就不是人?

      來自江蘇 回復
  3. 盲人為什么要使用京東淘寶?

    回復
    1. 張嘴即可的事,何必這樣麻煩

      回復
    2. 盲人為什么不能使用京東支付寶?

      回復