06
有溫度的技術，改善上億人的生活
魚小皮
哥，現在的 APP 真是越來越難用了，功能多、操作複雜、廣告更多。
唉，可不是麼，而且人們的生活已經離不開 APP 了！
老百
魚小皮
我爺爺最近的視力下降的很快，用 APP 還老點到廣告，真擔心他以後沒法使用手機，影響生活。
說到這個，最近有個新聞，要對大量的網站和 APP 進行改造。
老百
一則新聞
12月25日，工業和信息化部副部長劉烈宏宣佈，工信部將於明年 1 月起進行爲期一年的 “互聯網應用適老化及無障礙改造專項行動”，着力解決老年人、殘疾人等特殊羣體在使用互聯網等智能技術時遇到的困難，首批將優先推動 8 大類 115 家網站、6 大類 43 個 APP 進行適老化及無障礙改造。
首批適老化及無障礙改造 APP 名單中，包括騰訊新聞、新浪微博等新聞資訊類產品，也有微信、QQ 等社交通訊工具，還有淘寶、京東、抖音、百度等生活購物類產品，以及支付寶、百度地圖、滴滴出行、叮噹快藥等金融、出行、醫療領域 APP。
首批適老化及無障礙改造 APP 名單
專項行動方案指出，針對老年人，要推出更多具有大字體、大圖標、高對比度字等功能特點的產品，鼓勵更多企業推出界面簡單、操作方便的界面模式，實現一鍵操作、文本輸入提示等多種無障礙功能。提升方言識別能力，方便不會普通話的老人使用智能設備。
針對視力障礙人士，推動網站和手機 APP 與讀屏軟件做好兼容，解決"驗證碼"操作困難、按鈕標籤和圖片信息不可讀的問題。推動企業設計研發智能導盲技術和功能。
針對聽力障礙人士，鼓勵互聯網產品內容信息加配字幕，提高與助聽器等設備的兼容性。推動企業提供在線客服等其他可替代電話客服的服務方式。
針對肢體障礙人士，引導網站和手機 APP 支持自定義手勢，簡化交互操作，推出更多貼合肢體障礙羣體需求特點的互聯網應用。
此外，針對當前互聯網應用中強制廣告較多，容易誤導老年人的問題，互聯網網站和手機APP完成改造後的適老版、關懷版、無障礙版本，將不再設有廣告插件，特別是付款類操作將無任何誘導式按鍵，以便各類特殊羣體方便、安全地使用。
魚小皮
哇！這真是太棒啦！話說新聞中反覆提到的無障礙究竟是個啥？
無障礙是指任何人在任何情況下都能平等、方便、無障礙地獲取並利用信息。在中國，老年人、視障、聽障、讀寫障礙人士等佔中國人口數的 20% 左右！而放眼全球，據統計，每 7 人中就有 1 位有或重或輕的殘障體驗，而全球有超過 70 億人。
老百
魚小皮
也就是說殘障人數超過 10 億！
沒錯！因此，在如今的信息互聯網時代，所有人都應該能順暢高效地使用互聯網產品，享受到科技帶來的便利，而不是將部分人拒之門外。因此，無障礙（Accessibility）不僅是重要的產品標準，也是一項關鍵技術。
老百
魚小皮
聽起來很美好，但感覺很難實現呀，我完全無法想象盲人怎麼使用 APP。
可以使用上面新聞中提到的讀屏軟件。
老百
盲人如何使用 APP
讀屏軟件是一種改變了設備交互方式的系統服務，如今的智能設備基本都自帶了讀屏，比如知名的 TalkBack。
TalkBack
讀屏軟件開啓後，屏幕上會出現一個焦點，用戶以觸摸或者手勢的方式移動屏幕上的焦點，讀屏軟件會讀出當前焦點的內容。用戶找到自己想要使用的控件後（比如一個按鈕），雙擊屏幕的任何位置都可以將其激活（點擊按鈕）。
其他的一些常見交互手勢有像滾動、放大縮小這些也有對應的手勢，讓盲人用戶可以通過 TalkBack 等讀屏軟件在看不見屏幕內容的情況下，也可以瞭解各種應用界面的組成，並進行自如地控制。
Talkback 手勢操作
魚小皮
原來如此！想起來之前不小心給手機開啓了無障礙，結果完全不會用。那如果我也想給自己的應用添加無障礙功能，怎麼辦呢？
想要開發無障礙應用，必須先明確信息無障礙的需求，再進行具體實現。
老百
無障礙開發
無障礙體現在硬件設計、操作系統、應用軟件等各個層面，但對於應用開發者，較多的實現可能是在前端層面。
下面講述無障礙開發的基本需求和對應實現方式。
1. 描述用戶界面控件
屏幕閱讀器是最常用的解決視覺障礙的方式。想要讓屏幕閱讀器朗讀出整個頁面的佈局和內容，就要讓它先認識我們的界面。因此必須給界面控件添加一些描述性內容，方便屏幕閱讀器的讀取。
如果是前端開發，可以使用語義化的 HTML 標籤，比如 <Header>、<Footer>，能夠被屏幕閱讀器理解。可以使用 aria 屬性來描述元素的狀態，用 role 屬性來描述元素的實際意義。還可以使用無障礙表單等其他技術。
對於安卓開發，推薦使用 Android 內置的界面控件，默認提供了無障礙支持。也可以使用描述屬性來爲Android 輔助功能服務提供信息。
2. 提供多種操作方式
確保任何使用鼠標能完成的功能也可以只通過可控制方向的軟硬件來完成，比如鍵盤、導航手勢、軌跡球等，以適應更多的人羣。
想要實現僅通過方向來瀏覽整個頁面，可以採用以焦點爲基礎的頁面導航，控制焦點的移動即可。
因此，需要使所有的界面組件可獲取焦點，並且調整組件的焦點獲取順序，以使其更符合用戶操作邏輯。
在前端開發中，可以使用 JavaScript 語法管理焦點，配合 onFocus 和 onBlur 實現焦點獲取和離開事件。
3. 多級反饋
通過多級反饋機制，來爲不同障礙用戶提供支持。當手機接受到短信時，會發出提示音，但是聽障用戶是無法感知到的，因此還要提供一定的視覺反饋和觸覺反饋，比如呼吸燈閃爍、手機振動等。
4. 調試和體驗
給應用添加無障礙功能後，我們要進行調試和真實體驗，閉上眼睛、僅使用方向鍵控制，藉助讀屏軟件來模擬障礙人羣使用應用，建議邀請其他第一次使用該應用的用戶來體驗，效果會更好。
魚小皮
太好了！科技向善，以後我也可以做出更有溫度的作品啦！
我也要去食用有溫度的披薩了~
老百
點小花花，讓他們知道你 “在看” 我
