別讓無障礙冷卻下來
在日常生活中,幾乎每個(gè)人都可能出現(xiàn)障礙情況,此時(shí)無障礙設(shè)計(jì)這件事就很重要了,因?yàn)闊o障礙設(shè)計(jì)的出現(xiàn)可以讓用戶們更加安全、便利地獲取自己想要的信息。那么,如何才能做好信息無障礙,如何才能讓產(chǎn)品更加好用?本篇文章里,作者做了一定總結(jié),一起來看。
大家可以打開設(shè)置→輔助功能→旁白/TalkBack,體驗(yàn)下視障人士在閱讀時(shí)的感受(不同手機(jī)型號打開路徑及讀屏名稱略有差別)。
每個(gè)人都可能在某時(shí)某地面臨不同的臨時(shí)性障礙,比如站在陽光下看不清手機(jī)屏幕的內(nèi)容,走在嘈雜的室外聽不到朋友打來的語音電話,擠在顛簸的公交車上點(diǎn)不中聊天打字框……
以上只是多數(shù)人使用手機(jī)時(shí)偶有發(fā)生的抓馬時(shí)刻,事實(shí)上視障、聽障等群體常常連基本的上網(wǎng)需求都不被滿足,因?yàn)槟壳按蟛糠之a(chǎn)品都沒有做或沒有完善無障礙適配。
無障礙是只為少數(shù)群體做的特殊設(shè)計(jì)嗎?不是,它與每個(gè)人都息息相關(guān)。無障礙是只添加某一功能的特殊版嗎?也不是,它的完善可以惠及人人。
在從事無障礙改造項(xiàng)目的這幾年時(shí)間里,我總結(jié)了一些經(jīng)驗(yàn)與大家分享,也希望借此機(jī)會與大家探討更多信息無障礙的可行辦法。
一、你對信息無障礙知多少
信息無障礙是指通過信息化手段彌補(bǔ)身體機(jī)能、所處環(huán)境等存在的差異,使任何人(無論是健全人還是殘疾人,無論是年輕人還是老年人)都能平等、方便、安全地獲取、交互、使用信息。
1. 小功能也能讓手機(jī)“癱瘓”
讓手機(jī)“癱瘓”的原因有哪些?進(jìn)水,電池老化,碎屏,刷機(jī),死機(jī)等故障都很常見。但對于視障人士來說,一個(gè)很多人換過幾部手機(jī)也用不上的旁白功能失效就夠了。
旁白是蘋果手機(jī)專門為視障人士設(shè)計(jì)的一個(gè)輔助功能。開啟后手機(jī)就變成“讀屏模式”:點(diǎn)按屏幕特定內(nèi)容,系統(tǒng)就會大聲讀出來。配合雙擊確定等手勢,視障人士也能順利使用手機(jī)。
圖片為不同手機(jī)讀屏功能介紹界面截圖
芒芒是我在做無障礙改造項(xiàng)目時(shí)認(rèn)識的視障朋友。芒芒說,雖然升級應(yīng)用可以獲得更多新奇體驗(yàn),但每次都很慎重,因?yàn)楹貌蝗菀渍业揭子玫臒o障礙版本,再花心思研究透各項(xiàng)功能,要是升級后沒有做無障礙適配導(dǎo)致無法讀屏簡直是晴天霹靂。
不僅是芒芒,很多視障小伙伴都是如此,既對新功能抱有期待,也對新事物的不確定性感到擔(dān)憂。
2. 內(nèi)容無障礙:閱讀體驗(yàn)排第一
這是一個(gè)由視障人士運(yùn)營的公眾號。想請大家仔細(xì)觀察一下,這個(gè)公眾號有什么特別之處?
圖片為“溪言嬉語”公眾號
帶配圖部分的文章截圖
你是不是想說,除了圖片內(nèi)容在注釋都有說明,也沒什么特別的,甚至排版還有一些“質(zhì)樸”……
沒錯(cuò),這種原始排版+圖片注釋的方式,恰恰是對讀屏用戶更友好的閱讀體驗(yàn)。因?yàn)樽x屏功能無法識別圖片內(nèi)容,一般只有“圖片”或“640圖像”的提示音,信息獲取效果將大打折扣。
以微信公眾號文章為例。讀屏用戶雖然可以通過OCR識別獲取圖片上的文字信息,但文字錯(cuò)開的長圖、多圖、拼圖以及圖內(nèi)嵌文字等非常規(guī)排版,OCR識別結(jié)果就一言難盡了。
對此,內(nèi)容創(chuàng)作者們可以通過避免把文字嵌入圖片、避免使用花哨樣式、調(diào)整字號、表達(dá)盡量言簡意賅等對讀屏用戶更友好的方式進(jìn)行無障礙閱讀設(shè)置。如果你還知道更多內(nèi)容無障礙技巧,歡迎在評論區(qū)補(bǔ)充。
解決了視障人士在閱讀時(shí)的主要難點(diǎn),就到了更友好和更周全的信息護(hù)航環(huán)節(jié)了。以系統(tǒng)升級為例,它不定期更新、部分術(shù)語難理解等等特性讓很多視障者常?!坝锌嚯y言”。
公眾號“中文輔助功能”會在微信發(fā)布新版本時(shí),以文字形式詳細(xì)總結(jié)安卓版和蘋果版的無障礙改造優(yōu)化點(diǎn)、分析可能存在的問題、推薦立即更新或耐心觀望,同時(shí)也會及時(shí)收集視障朋友們遇到的新問題,并及時(shí)反饋給微信團(tuán)隊(duì)等。
我對有人關(guān)注并嘗試解決這一痛點(diǎn)的善意感到敬佩,但也對這種一對一解決問題的做法倍感無奈。因?yàn)槌宋⑿牛€有數(shù)不清的應(yīng)用同樣在更新迭代,出現(xiàn)再多類似公眾號也無法真正解決這個(gè)難題。
圖片為“中文輔助功能”公眾號文章截圖
3. 產(chǎn)品無障礙:有效比美觀重要
大家對以下這些圖標(biāo)應(yīng)該都非常熟悉,但視障用戶同樣是只能接收到“圖像、圖像”的反饋音,既不知道它們是什么,也不知道它們怎么用。因此圖標(biāo)按鈕未加替代描述也是產(chǎn)品設(shè)計(jì)中最常見的無障礙bug。
圖片為健全人看到的常見圖標(biāo)按鈕
與視障者僅有的圖像反饋音對比
其實(shí)修改這個(gè)bug并不困難:我們只需要讓這些圖標(biāo)在代碼里是一個(gè)真實(shí)的按鈕,并且聲明對應(yīng)的替代文本,讀屏軟件就能正常讀出來了。
但即使界面上所有內(nèi)容都實(shí)現(xiàn)可讀,也只是邁出了無障礙改造的第一步。因?yàn)槭煜ぷx屏軟件后,視障人士一般會將語速調(diào)至最快,一秒可聽14~16個(gè)字,是普通語速的4倍。所以如何讓有限頁面呈現(xiàn)更多有效內(nèi)容也很關(guān)鍵。
至于為什么他們能聽得這么快,除了“無他,但手熟爾”以外,也恰恰體現(xiàn)了他們對更高效獲取信息的訴求。
所以,只讓他們聽得到還不夠,我們還需要更加合理地組織內(nèi)容的優(yōu)先級、焦點(diǎn)順序,才能提升他們獲取信息的效率。對此,產(chǎn)品設(shè)計(jì)者們該如何有的放矢呢?
以兩個(gè)線上買菜軟件為例。
- 軟件一:未做無障礙處理,需切換6次焦點(diǎn)才能播報(bào)完大閘蟹的全部信息,且包含“png”“文件”等非商品信息提示音。
- 軟件二:將大閘蟹作為獨(dú)立焦點(diǎn),一次點(diǎn)擊即可了解克重、價(jià)格等商品詳情,并加設(shè)購物車按鈕提示音。
這就是有無考慮無障礙改造的區(qū)別??上忻嫔蠞M足無障礙要求的產(chǎn)品寥寥,視障人士一直面臨著糟糕的上網(wǎng)體驗(yàn)。而且,辛苦做了無障礙改造,卻在產(chǎn)品升級迭代過程中冷卻下來,也成了一種常態(tài)。我在想我們能做些什么呢?
二、如何讓產(chǎn)品更友善更實(shí)用?
四年前,我剛開始接觸無障礙,通過學(xué)會使用讀屏軟件與很多視障朋友建立了共同語言;去年的騰訊技術(shù)展,我們策劃了一個(gè)模擬視障人士使用手機(jī)的活動(dòng),和十幾位志愿者在兩天時(shí)間里教會了許多同學(xué)使用讀屏軟件。
現(xiàn)在,仍然有很多人會問:你的產(chǎn)品滿足無障礙要求嗎?我不再長篇大論解釋前因后果,而是說:來,我教你個(gè)新技能。因?yàn)檫@些年的經(jīng)歷讓我覺得,讓更多人學(xué)會使用讀屏軟件很有必要,通過無障礙設(shè)計(jì)讓產(chǎn)品更友善、更實(shí)用也很重要。
1. 無障礙面向所有社會成員
一聽到要做無障礙,很多人的直覺都是:
- “這是一件提高成本的事情?!?/li>
- “我沒有那么多資源?!?/li>
- “我只能優(yōu)先為大部分用戶考慮?!?/li>
- ……
但做無障礙只是滿足了一部分少數(shù)群體嗎?顯然不是。以視障者為例,除了指完全失明和嚴(yán)重的視力失損以外,還可以延展到近視或遠(yuǎn)視的裸眼狀態(tài)等等。
此外,無障礙的范圍還可以延伸為普通人在不同場景面臨的各種困難。在今年10月底,全國人大常委會審議的《無障礙環(huán)境建設(shè)法(草案)》第一次把殘障人以外的主體納入無障礙環(huán)境受益人之中,強(qiáng)調(diào)無障礙面所有社會成員。
圖片為《無障礙環(huán)境建設(shè)法(草案)》內(nèi)容摘要
2. 適老化的本質(zhì)也是無障礙的一部分
你知道以下哪種疾病是導(dǎo)致老年人失明的頭號“兇手”嗎?
- 青光眼
- 白內(nèi)障
- 黃斑病變
答案是白內(nèi)障。
2021年《中國白內(nèi)障認(rèn)知與診療現(xiàn)狀調(diào)研報(bào)告》顯示:我國60至89歲人群白內(nèi)障發(fā)病率約為80%。隨著我國人口老齡化加速,白內(nèi)障患病人數(shù)正呈逐年增長趨勢。
不僅如此,隨著年齡的增長,其他的衰老癥狀都會如期而至。想象一下,我們的父母、長輩們,都或多或少地遭受著眼睛、耳朵等各部位器官機(jī)能下降帶來的困擾。
他們通常是多種障礙的綜合體,所以適老化本質(zhì)上也是無障礙的一部分,做無障礙和適老化,不僅是殘障人士,我們的父母、長輩、甚至我們自己,都能從中受益。
3. 將無障礙設(shè)計(jì)納入產(chǎn)品研發(fā)全周期
加強(qiáng)無障礙的正確宣傳,在信息發(fā)達(dá)的今天仍有必要。只有大家時(shí)刻記得無障礙不是為少數(shù)人做特殊的設(shè)計(jì),也不是做一個(gè)提供部分功能的特殊版,而是要去做通用化的解決方案,無障礙才不容易冷卻下來。
以咖啡產(chǎn)銷過程為例。從生長、采摘、處理、烘焙、沖煮到送到消費(fèi)者面前,任一環(huán)節(jié)出錯(cuò),喝到的咖啡都可能大有區(qū)別。做無障礙也是如此,只有各崗位一起參與,把無障礙設(shè)計(jì)納入產(chǎn)品開發(fā)全生命周期,才能真正把這件事做好。
圖片為無障礙產(chǎn)品研發(fā)全生命周期
涵蓋的產(chǎn)品、用研、交互、視覺、前端、
后臺、測試、運(yùn)營、品牌等崗位
三、除了項(xiàng)目本身,我們還能做什么?
1. 做信息無障礙知識庫
大家入行時(shí)聽說過無障礙改造嗎?據(jù)我了解,互聯(lián)網(wǎng)從業(yè)者常規(guī)的入行曲線幾乎很少會涉及到與無障礙相關(guān)的內(nèi)容。
同時(shí),那些投身其中的人也面臨著重重困難:要么查不到太多真正有用的信息,要么會發(fā)現(xiàn)領(lǐng)域的權(quán)威資料大多都是英文版,專業(yè)又難啃。在無障礙還需要用愛發(fā)電的今天,這些困難足以勸退大部分想嘗試做無障礙的熱心群眾了。
于是我們決定慢慢構(gòu)建一個(gè)完善的信息無障礙知識庫,而翻譯無障礙標(biāo)準(zhǔn)和指導(dǎo)文檔是其中一個(gè)重要部分。比如現(xiàn)階段我們聚焦在翻譯偏實(shí)踐類內(nèi)容。今年上半年完成的《WAI-ARIA創(chuàng)作實(shí)踐-設(shè)計(jì)模式和Widget》第三章的簡體中文翻譯推出之后,收獲了不錯(cuò)的反響。
圖片為《WAI-ARIA創(chuàng)作實(shí)踐-設(shè)計(jì)模式和Widget》網(wǎng)頁截圖
其中「爭渡讀屏」的開發(fā)者楊永全老師說,這份翻譯非常有必要,如果都能按這里的示例做的話,那就沒障礙了。參與翻譯的項(xiàng)目成員也說,翻譯工作讓他從一個(gè)小白變成了無障礙的入門選手。
注:「爭渡讀屏」是一款屏幕朗讀軟件,用于協(xié)助視障人士操作電腦。
我們期望可以幫助填補(bǔ)國內(nèi)無障礙領(lǐng)域的知識空白,因?yàn)橹挥懈嗟娜硕萌绾巫鰺o障礙,這件事才不會冷卻下來。
2. 別讓無障礙改造停止
無障礙不是新詞匯。早在1990年,《美國殘疾人康復(fù)法案》的第508節(jié)就已經(jīng)提出過這個(gè)概念,并在2003年傳入中國。到了2013年,中國無障礙改造向前邁出了一大步。
2013年5月,在中央網(wǎng)信辦、工信部、中殘聯(lián)等國家有關(guān)部委的指導(dǎo)支持下,“美麗中國——中國政務(wù)信息無障礙公益行動(dòng)”正式啟動(dòng)。8年多來,公益行動(dòng)共完成500個(gè)政務(wù)信息無障礙服務(wù)平臺建設(shè),為3萬個(gè)政務(wù)和公共服務(wù)網(wǎng)站提供無障礙服務(wù)。
此公益行動(dòng)已成為中國信息無障礙環(huán)境建設(shè)的重要力量,并得到了國際社會廣泛關(guān)注和高度認(rèn)同,其相關(guān)成果被國家寫入2014年《中國人權(quán)事業(yè)發(fā)展報(bào)告》、2018年《改革開放40年中國人權(quán)事業(yè)的發(fā)展進(jìn)步》和2019年《為人民謀幸福:新中國人權(quán)事業(yè)發(fā)展70年》等白皮書。(資料來源:國家信息無障礙平臺《信息智能技術(shù)助推無障礙環(huán)境全面發(fā)展》)
圖片為2013年多個(gè)應(yīng)用發(fā)布無障礙特性
如1月QQ2013開始全面支持無障礙操作;
2月新浪微博網(wǎng)頁版手機(jī)客戶端同時(shí)進(jìn)行無障礙優(yōu)化等
不過在2020年底,工信部又印發(fā)了《互聯(lián)網(wǎng)應(yīng)用適老化及無障礙改造專項(xiàng)行動(dòng)方案》,我的心里又打了一個(gè)大大的問號:那些不在名單里的網(wǎng)站和應(yīng)用,是否聽說過且愿意、有動(dòng)力且有能力實(shí)現(xiàn)無障礙?那些活躍在市面上的產(chǎn)品,又應(yīng)該如何確保無障礙在升級過程中不斷層……
四、結(jié)束語
今年我參加了一個(gè)鋼琴調(diào)律助教的志愿者活動(dòng),里面的老師和學(xué)員都是視障人士。學(xué)員通過技能培訓(xùn),有機(jī)會成為一名合格的鋼琴調(diào)律師,從而提升收入。
其中有位學(xué)員明顯進(jìn)步更快,已經(jīng)頗有幾分“聽音辨位”的實(shí)力。我問她是不是參透了某些技巧,她搖搖頭說,這種事根本沒有捷徑,不過是在一個(gè)提供專業(yè)視唱練耳訓(xùn)練的APP多聽多練罷了。
這令我感觸很深。我不曾聽說過這個(gè)應(yīng)用,也不曾想象過作為一名應(yīng)用開發(fā)者,可以通過產(chǎn)品間接幫助用戶增加就業(yè)選擇。所以并非國民級應(yīng)用才有必要做無障礙,小眾產(chǎn)品也能照亮一部分人的生活,“勿以善小而不為”的準(zhǔn)則在無障礙領(lǐng)域同樣通用。
最后我想說,你在無障礙領(lǐng)域做的越多,就會發(fā)現(xiàn)越多顛覆性的誤區(qū)。但這個(gè)世界又恰恰美妙在它既不會因?yàn)榉艞壱徊糠秩思铀俜睒s,也不會因?yàn)楹鲆曇徊糠衷V求變得便捷。相反地,我們常因多元而感動(dòng),又因感動(dòng)而更加團(tuán)結(jié),更因勇敢踏入無人區(qū)獲得進(jìn)步。
作者:emma;主創(chuàng)團(tuán)隊(duì):騰訊用戶研究與體驗(yàn)設(shè)計(jì)部
來源公眾號:騰訊設(shè)計(jì)(ID:TencentDesign),設(shè)計(jì)向善
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @騰訊設(shè)計(jì) 授權(quán)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
大氣