在日常生活中，幾乎每個(gè)人都可能出現(xiàn)障礙情況，此時(shí)無(wú)障礙設(shè)計(jì)這件事就很重要了，因?yàn)闊o(wú)障礙設(shè)計(jì)的出現(xiàn)可以讓用戶們更加安全、便利地獲取自己想要的信息。那么，如何才能做好信息無(wú)障礙，如何才能讓產(chǎn)品更加好用？本篇文章里，作者做了一定總結(jié)，一起來(lái)看。

大家可以打開設(shè)置→輔助功能→旁白/TalkBack，體驗(yàn)下視障人士在閱讀時(shí)的感受（不同手機(jī)型號(hào)打開路徑及讀屏名稱略有差別）。

每個(gè)人都可能在某時(shí)某地面臨不同的臨時(shí)性障礙，比如站在陽(yáng)光下看不清手機(jī)屏幕的內(nèi)容，走在嘈雜的室外聽不到朋友打來(lái)的語(yǔ)音電話，擠在顛簸的公交車上點(diǎn)不中聊天打字框……

以上只是多數(shù)人使用手機(jī)時(shí)偶有發(fā)生的抓馬時(shí)刻，事實(shí)上視障、聽障等群體常常連基本的上網(wǎng)需求都不被滿足，因?yàn)槟壳按蟛糠之a(chǎn)品都沒有做或沒有完善無(wú)障礙適配。

無(wú)障礙是只為少數(shù)群體做的特殊設(shè)計(jì)嗎？不是，它與每個(gè)人都息息相關(guān)。無(wú)障礙是只添加某一功能的特殊版嗎？也不是，它的完善可以惠及人人。

在從事無(wú)障礙改造項(xiàng)目的這幾年時(shí)間里，我總結(jié)了一些經(jīng)驗(yàn)與大家分享，也希望借此機(jī)會(huì)與大家探討更多信息無(wú)障礙的可行辦法。

一、你對(duì)信息無(wú)障礙知多少

信息無(wú)障礙是指通過信息化手段彌補(bǔ)身體機(jī)能、所處環(huán)境等存在的差異，使任何人（無(wú)論是健全人還是殘疾人，無(wú)論是年輕人還是老年人）都能平等、方便、安全地獲取、交互、使用信息。

1. 小功能也能讓手機(jī)“癱瘓”

讓手機(jī)“癱瘓”的原因有哪些？進(jìn)水，電池老化，碎屏，刷機(jī)，死機(jī)等故障都很常見。但對(duì)于視障人士來(lái)說(shuō)，一個(gè)很多人換過幾部手機(jī)也用不上的旁白功能失效就夠了。

旁白是蘋果手機(jī)專門為視障人士設(shè)計(jì)的一個(gè)輔助功能。開啟后手機(jī)就變成“讀屏模式”：點(diǎn)按屏幕特定內(nèi)容，系統(tǒng)就會(huì)大聲讀出來(lái)。配合雙擊確定等手勢(shì)，視障人士也能順利使用手機(jī)。

圖片為不同手機(jī)讀屏功能介紹界面截圖

芒芒是我在做無(wú)障礙改造項(xiàng)目時(shí)認(rèn)識(shí)的視障朋友。芒芒說(shuō)，雖然升級(jí)應(yīng)用可以獲得更多新奇體驗(yàn)，但每次都很慎重，因?yàn)楹貌蝗菀渍业揭子玫臒o(wú)障礙版本，再花心思研究透各項(xiàng)功能，要是升級(jí)后沒有做無(wú)障礙適配導(dǎo)致無(wú)法讀屏簡(jiǎn)直是晴天霹靂。

不僅是芒芒，很多視障小伙伴都是如此，既對(duì)新功能抱有期待，也對(duì)新事物的不確定性感到擔(dān)憂。

2. 內(nèi)容無(wú)障礙：閱讀體驗(yàn)排第一

這是一個(gè)由視障人士運(yùn)營(yíng)的公眾號(hào)。想請(qǐng)大家仔細(xì)觀察一下，這個(gè)公眾號(hào)有什么特別之處？

圖片為“溪言嬉語(yǔ)”公眾號(hào)

帶配圖部分的文章截圖

你是不是想說(shuō)，除了圖片內(nèi)容在注釋都有說(shuō)明，也沒什么特別的，甚至排版還有一些“質(zhì)樸”……

沒錯(cuò)，這種原始排版+圖片注釋的方式，恰恰是對(duì)讀屏用戶更友好的閱讀體驗(yàn)。因?yàn)樽x屏功能無(wú)法識(shí)別圖片內(nèi)容，一般只有“圖片”或“640圖像”的提示音，信息獲取效果將大打折扣。

以微信公眾號(hào)文章為例。讀屏用戶雖然可以通過OCR識(shí)別獲取圖片上的文字信息，但文字錯(cuò)開的長(zhǎng)圖、多圖、拼圖以及圖內(nèi)嵌文字等非常規(guī)排版，OCR識(shí)別結(jié)果就一言難盡了。

對(duì)此，內(nèi)容創(chuàng)作者們可以通過避免把文字嵌入圖片、避免使用花哨樣式、調(diào)整字號(hào)、表達(dá)盡量言簡(jiǎn)意賅等對(duì)讀屏用戶更友好的方式進(jìn)行無(wú)障礙閱讀設(shè)置。如果你還知道更多內(nèi)容無(wú)障礙技巧，歡迎在評(píng)論區(qū)補(bǔ)充。

解決了視障人士在閱讀時(shí)的主要難點(diǎn)，就到了更友好和更周全的信息護(hù)航環(huán)節(jié)了。以系統(tǒng)升級(jí)為例，它不定期更新、部分術(shù)語(yǔ)難理解等等特性讓很多視障者常?！坝锌嚯y言”。

公眾號(hào)“中文輔助功能”會(huì)在微信發(fā)布新版本時(shí)，以文字形式詳細(xì)總結(jié)安卓版和蘋果版的無(wú)障礙改造優(yōu)化點(diǎn)、分析可能存在的問題、推薦立即更新或耐心觀望，同時(shí)也會(huì)及時(shí)收集視障朋友們遇到的新問題，并及時(shí)反饋給微信團(tuán)隊(duì)等。

我對(duì)有人關(guān)注并嘗試解決這一痛點(diǎn)的善意感到敬佩，但也對(duì)這種一對(duì)一解決問題的做法倍感無(wú)奈。因?yàn)槌宋⑿?，還有數(shù)不清的應(yīng)用同樣在更新迭代，出現(xiàn)再多類似公眾號(hào)也無(wú)法真正解決這個(gè)難題。

圖片為“中文輔助功能”公眾號(hào)文章截圖

3. 產(chǎn)品無(wú)障礙：有效比美觀重要

大家對(duì)以下這些圖標(biāo)應(yīng)該都非常熟悉，但視障用戶同樣是只能接收到“圖像、圖像”的反饋音，既不知道它們是什么，也不知道它們?cè)趺从?。因此圖標(biāo)按鈕未加替代描述也是產(chǎn)品設(shè)計(jì)中最常見的無(wú)障礙bug。

圖片為健全人看到的常見圖標(biāo)按鈕

與視障者僅有的圖像反饋音對(duì)比

其實(shí)修改這個(gè)bug并不困難：我們只需要讓這些圖標(biāo)在代碼里是一個(gè)真實(shí)的按鈕，并且聲明對(duì)應(yīng)的替代文本，讀屏軟件就能正常讀出來(lái)了。

但即使界面上所有內(nèi)容都實(shí)現(xiàn)可讀，也只是邁出了無(wú)障礙改造的第一步。因?yàn)槭煜ぷx屏軟件后，視障人士一般會(huì)將語(yǔ)速調(diào)至最快，一秒可聽14~16個(gè)字，是普通語(yǔ)速的4倍。所以如何讓有限頁(yè)面呈現(xiàn)更多有效內(nèi)容也很關(guān)鍵。

至于為什么他們能聽得這么快，除了“無(wú)他，但手熟爾”以外，也恰恰體現(xiàn)了他們對(duì)更高效獲取信息的訴求。

所以，只讓他們聽得到還不夠，我們還需要更加合理地組織內(nèi)容的優(yōu)先級(jí)、焦點(diǎn)順序，才能提升他們獲取信息的效率。對(duì)此，產(chǎn)品設(shè)計(jì)者們?cè)撊绾斡械姆攀改兀?/p>

以兩個(gè)線上買菜軟件為例。

• 軟件一：未做無(wú)障礙處理，需切換6次焦點(diǎn)才能播報(bào)完大閘蟹的全部信息，且包含“png”“文件”等非商品信息提示音。
• 軟件二：將大閘蟹作為獨(dú)立焦點(diǎn)，一次點(diǎn)擊即可了解克重、價(jià)格等商品詳情，并加設(shè)購(gòu)物車按鈕提示音。

這就是有無(wú)考慮無(wú)障礙改造的區(qū)別?？上忻嫔蠞M足無(wú)障礙要求的產(chǎn)品寥寥，視障人士一直面臨著糟糕的上網(wǎng)體驗(yàn)。而且，辛苦做了無(wú)障礙改造，卻在產(chǎn)品升級(jí)迭代過程中冷卻下來(lái)，也成了一種常態(tài)。我在想我們能做些什么呢？

二、如何讓產(chǎn)品更友善更實(shí)用？

四年前，我剛開始接觸無(wú)障礙，通過學(xué)會(huì)使用讀屏軟件與很多視障朋友建立了共同語(yǔ)言；去年的騰訊技術(shù)展，我們策劃了一個(gè)模擬視障人士使用手機(jī)的活動(dòng)，和十幾位志愿者在兩天時(shí)間里教會(huì)了許多同學(xué)使用讀屏軟件。

現(xiàn)在，仍然有很多人會(huì)問：你的產(chǎn)品滿足無(wú)障礙要求嗎？我不再長(zhǎng)篇大論解釋前因后果，而是說(shuō)：來(lái)，我教你個(gè)新技能。因?yàn)檫@些年的經(jīng)歷讓我覺得，讓更多人學(xué)會(huì)使用讀屏軟件很有必要，通過無(wú)障礙設(shè)計(jì)讓產(chǎn)品更友善、更實(shí)用也很重要。

1. 無(wú)障礙面向所有社會(huì)成員

一聽到要做無(wú)障礙，很多人的直覺都是：

• “這是一件提高成本的事情。”
• “我沒有那么多資源。”
• “我只能優(yōu)先為大部分用戶考慮?！?/li>
• ……

但做無(wú)障礙只是滿足了一部分少數(shù)群體嗎？顯然不是。以視障者為例，除了指完全失明和嚴(yán)重的視力失損以外，還可以延展到近視或遠(yuǎn)視的裸眼狀態(tài)等等。

此外，無(wú)障礙的范圍還可以延伸為普通人在不同場(chǎng)景面臨的各種困難。在今年10月底，全國(guó)人大常委會(huì)審議的《無(wú)障礙環(huán)境建設(shè)法（草案）》第一次把殘障人以外的主體納入無(wú)障礙環(huán)境受益人之中，強(qiáng)調(diào)無(wú)障礙面所有社會(huì)成員。

圖片為《無(wú)障礙環(huán)境建設(shè)法（草案）》內(nèi)容摘要

2. 適老化的本質(zhì)也是無(wú)障礙的一部分

你知道以下哪種疾病是導(dǎo)致老年人失明的頭號(hào)“兇手”嗎？

1. 青光眼
2. 白內(nèi)障
3. 黃斑病變

答案是白內(nèi)障。

2021年《中國(guó)白內(nèi)障認(rèn)知與診療現(xiàn)狀調(diào)研報(bào)告》顯示：我國(guó)60至89歲人群白內(nèi)障發(fā)病率約為80%。隨著我國(guó)人口老齡化加速，白內(nèi)障患病人數(shù)正呈逐年增長(zhǎng)趨勢(shì)。

不僅如此，隨著年齡的增長(zhǎng)，其他的衰老癥狀都會(huì)如期而至。想象一下，我們的父母、長(zhǎng)輩們，都或多或少地遭受著眼睛、耳朵等各部位器官機(jī)能下降帶來(lái)的困擾。

他們通常是多種障礙的綜合體，所以適老化本質(zhì)上也是無(wú)障礙的一部分，做無(wú)障礙和適老化，不僅是殘障人士，我們的父母、長(zhǎng)輩、甚至我們自己，都能從中受益。

3. 將無(wú)障礙設(shè)計(jì)納入產(chǎn)品研發(fā)全周期

加強(qiáng)無(wú)障礙的正確宣傳，在信息發(fā)達(dá)的今天仍有必要。只有大家時(shí)刻記得無(wú)障礙不是為少數(shù)人做特殊的設(shè)計(jì)，也不是做一個(gè)提供部分功能的特殊版，而是要去做通用化的解決方案，無(wú)障礙才不容易冷卻下來(lái)。

以咖啡產(chǎn)銷過程為例。從生長(zhǎng)、采摘、處理、烘焙、沖煮到送到消費(fèi)者面前，任一環(huán)節(jié)出錯(cuò)，喝到的咖啡都可能大有區(qū)別。做無(wú)障礙也是如此，只有各崗位一起參與，把無(wú)障礙設(shè)計(jì)納入產(chǎn)品開發(fā)全生命周期，才能真正把這件事做好。

圖片為無(wú)障礙產(chǎn)品研發(fā)全生命周期

涵蓋的產(chǎn)品、用研、交互、視覺、前端、

后臺(tái)、測(cè)試、運(yùn)營(yíng)、品牌等崗位

三、除了項(xiàng)目本身，我們還能做什么？

1. 做信息無(wú)障礙知識(shí)庫(kù)

大家入行時(shí)聽說(shuō)過無(wú)障礙改造嗎？據(jù)我了解，互聯(lián)網(wǎng)從業(yè)者常規(guī)的入行曲線幾乎很少會(huì)涉及到與無(wú)障礙相關(guān)的內(nèi)容。

同時(shí)，那些投身其中的人也面臨著重重困難：要么查不到太多真正有用的信息，要么會(huì)發(fā)現(xiàn)領(lǐng)域的權(quán)威資料大多都是英文版，專業(yè)又難啃。在無(wú)障礙還需要用愛發(fā)電的今天，這些困難足以勸退大部分想嘗試做無(wú)障礙的熱心群眾了。

于是我們決定慢慢構(gòu)建一個(gè)完善的信息無(wú)障礙知識(shí)庫(kù)，而翻譯無(wú)障礙標(biāo)準(zhǔn)和指導(dǎo)文檔是其中一個(gè)重要部分。比如現(xiàn)階段我們聚焦在翻譯偏實(shí)踐類內(nèi)容。今年上半年完成的《WAI-ARIA創(chuàng)作實(shí)踐-設(shè)計(jì)模式和Widget》第三章的簡(jiǎn)體中文翻譯推出之后，收獲了不錯(cuò)的反響。

圖片為《WAI-ARIA創(chuàng)作實(shí)踐-設(shè)計(jì)模式和Widget》網(wǎng)頁(yè)截圖

其中「爭(zhēng)渡讀屏」的開發(fā)者楊永全老師說(shuō)，這份翻譯非常有必要，如果都能按這里的示例做的話，那就沒障礙了。參與翻譯的項(xiàng)目成員也說(shuō)，翻譯工作讓他從一個(gè)小白變成了無(wú)障礙的入門選手。

注：「爭(zhēng)渡讀屏」是一款屏幕朗讀軟件，用于協(xié)助視障人士操作電腦。

我們期望可以幫助填補(bǔ)國(guó)內(nèi)無(wú)障礙領(lǐng)域的知識(shí)空白，因?yàn)橹挥懈嗟娜硕萌绾巫鰺o(wú)障礙，這件事才不會(huì)冷卻下來(lái)。

2. 別讓無(wú)障礙改造停止

無(wú)障礙不是新詞匯。早在1990年，《美國(guó)殘疾人康復(fù)法案》的第508節(jié)就已經(jīng)提出過這個(gè)概念，并在2003年傳入中國(guó)。到了2013年，中國(guó)無(wú)障礙改造向前邁出了一大步。

2013年5月，在中央網(wǎng)信辦、工信部、中殘聯(lián)等國(guó)家有關(guān)部委的指導(dǎo)支持下，“美麗中國(guó)——中國(guó)政務(wù)信息無(wú)障礙公益行動(dòng)”正式啟動(dòng)。8年多來(lái)，公益行動(dòng)共完成500個(gè)政務(wù)信息無(wú)障礙服務(wù)平臺(tái)建設(shè)，為3萬(wàn)個(gè)政務(wù)和公共服務(wù)網(wǎng)站提供無(wú)障礙服務(wù)。

此公益行動(dòng)已成為中國(guó)信息無(wú)障礙環(huán)境建設(shè)的重要力量，并得到了國(guó)際社會(huì)廣泛關(guān)注和高度認(rèn)同，其相關(guān)成果被國(guó)家寫入2014年《中國(guó)人權(quán)事業(yè)發(fā)展報(bào)告》、2018年《改革開放40年中國(guó)人權(quán)事業(yè)的發(fā)展進(jìn)步》和2019年《為人民謀幸福:新中國(guó)人權(quán)事業(yè)發(fā)展70年》等白皮書。（資料來(lái)源：國(guó)家信息無(wú)障礙平臺(tái)《信息智能技術(shù)助推無(wú)障礙環(huán)境全面發(fā)展》）

圖片為2013年多個(gè)應(yīng)用發(fā)布無(wú)障礙特性

如1月QQ2013開始全面支持無(wú)障礙操作；

2月新浪微博網(wǎng)頁(yè)版手機(jī)客戶端同時(shí)進(jìn)行無(wú)障礙優(yōu)化等

不過在2020年底，工信部又印發(fā)了《互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專項(xiàng)行動(dòng)方案》，我的心里又打了一個(gè)大大的問號(hào)：那些不在名單里的網(wǎng)站和應(yīng)用，是否聽說(shuō)過且愿意、有動(dòng)力且有能力實(shí)現(xiàn)無(wú)障礙？那些活躍在市面上的產(chǎn)品，又應(yīng)該如何確保無(wú)障礙在升級(jí)過程中不斷層……

四、結(jié)束語(yǔ)

今年我參加了一個(gè)鋼琴調(diào)律助教的志愿者活動(dòng)，里面的老師和學(xué)員都是視障人士。學(xué)員通過技能培訓(xùn)，有機(jī)會(huì)成為一名合格的鋼琴調(diào)律師，從而提升收入。

其中有位學(xué)員明顯進(jìn)步更快，已經(jīng)頗有幾分“聽音辨位”的實(shí)力。我問她是不是參透了某些技巧，她搖搖頭說(shuō)，這種事根本沒有捷徑，不過是在一個(gè)提供專業(yè)視唱練耳訓(xùn)練的APP多聽多練罷了。

這令我感觸很深。我不曾聽說(shuō)過這個(gè)應(yīng)用，也不曾想象過作為一名應(yīng)用開發(fā)者，可以通過產(chǎn)品間接幫助用戶增加就業(yè)選擇。所以并非國(guó)民級(jí)應(yīng)用才有必要做無(wú)障礙，小眾產(chǎn)品也能照亮一部分人的生活，“勿以善小而不為”的準(zhǔn)則在無(wú)障礙領(lǐng)域同樣通用。

最后我想說(shuō)，你在無(wú)障礙領(lǐng)域做的越多，就會(huì)發(fā)現(xiàn)越多顛覆性的誤區(qū)。但這個(gè)世界又恰恰美妙在它既不會(huì)因?yàn)榉艞壱徊糠秩思铀俜睒s，也不會(huì)因?yàn)楹鲆曇徊糠衷V求變得便捷。相反地，我們常因多元而感動(dòng)，又因感動(dòng)而更加團(tuán)結(jié)，更因勇敢踏入無(wú)人區(qū)獲得進(jìn)步。