編輯導語：本文是楊驊老師在信息無障礙研究會專場公開課的內容；障礙人士平常在使用產品時會遇到一些障礙，做產品的無障礙優化是為了讓所有人都可以擁抱互聯網，讓每個人都可以在社會中實現自我價值。
我從13年開始投身信息無障礙這個行業，研究會也開始為互聯網企業做優化到目前為止服務了50家互聯網頭部的產品，我們的無障礙工程師團隊和專業的解決方案也是一點一滴摸索建立起來的，在這個過程中積累了一些經驗，希望可以幫到大家。
那首先先跟大家講一下，今天我們會主要從四個部分來講：
- 什麼是產品無障礙化？
- 你的產品為什麼要做無障礙？
- 產品無障礙優化，你要做什麼？
- 成為更好的產品經理。
這裏我們先看一個視頻：https://v.qq.com/x/page/h0657kbsmfy.html。
這是來自蘋果2018年在全球無障礙宣傳日上發佈的一個視頻，畫面上這個女生給殘疾的家人穿衣服；一個聾啞人通過手機與家人進行手語視頻；一個盲人用手機給家人拍照；殘疾人通過手機控制家裏的傢俱；視障者切換模式等等，最後畫面回到總部的一個剪輯模式。
這個理念就是包容性設計。
包容性設計指的是讓所有人都可以去使用你的產品，使用你的功能。
在包容性產品設計理念中，我們日常的產品都能很好的得到體現，因為大家做產品的出發點都是希望去給用户提供好用的功能，提供方便用户的功能。
比如日常見到的語音轉文字，在微信、釘釘等軟件上我們都會用到這個功能；這個功能就是具有包容性的，不僅可以幫助我們在不方便聽語音時獲得消息；同時對於聽障人士來説，他也是一個非常友好的幫助交流的方式。
比如有些手機的正面會有一個藍色或者綠色的燈在這個前置攝像頭旁邊在閃爍，這就是呼吸燈；他也是可以獲得當前動態信息的一個包容性設計的功能。
還比如支付寶、微信裏面的這種刷臉支付，通過快速的人臉認證，獲得更好的體驗。
2. 產品無障礙亮點功能除了包容性功能之外，我們今天的主題是產品無障礙優化，因為不管我們做了什麼樣的包容性設計，不管做出了多少的功能，前提一定是讓客户能用。
上圖的三個例子是過往研究會合作的大廠產品無障礙優化的一些亮點。
- 淘寶OCR功能：這個目前是視障者使用的一款輔助工具，進入淘寶後會彈出是否打開OCR的提示，打開後淘寶詳情頁會看見圖片的介紹，突出重點；但對於視障者來講是不友好的，他們無法獲取圖片信息；所以引入了OCR功能，通過讀屏把圖片中文字讀出來，讓我們獨立的選擇喜歡的產品。
- 華為人臉檢測功能：在拍照時打開讀屏軟件，在屏幕中有很多人時，可以檢測到人臉，輕鬆的幫你朋友拍照。
- 微信表情無障礙化：很多社交軟件都有這個功能，比如圖中的三個小emoji表情，選擇表情後讀屏軟件可以反饋出“加油加油加油”的意思，視障人士也可以實現無障礙鬥圖。
從廣義來講，信息無障礙的概念含義非常廣泛：任何人、在任何情況下可以平等、方便、無障礙地獲取信息和利用信息。
從信息技術來講，狹義的定義就是用以提高功能性，增強輔助技術的訪問能力，並且滿足特殊環境的特別需求，並能惠及殘疾人的一種接口或技術手段。
這個定義，可以更好地幫助大家瞭解互聯網產品的信息無障礙該怎麼做。
需要提醒的是：信息無障礙不是一種特殊能力，而是每個人的基本權力，代表了你可以自由的選擇和使用所需要的信息（在合法的情況下）。
平時視障朋友是怎麼使用互聯網、手機、電腦？甚至有些朋友會認為盲人也能用手機嗎？盲人也能用觸屏手機嗎？
接下來看一個視頻：讀屏軟件。
讀屏軟件全稱為屏幕閲讀器，是一種協助用户使用應用功能的工具；可以將屏幕信息轉換成語音引導交互，在iOS的安卓和PC端都有着不同版本。
4. 無障礙功能的運作方式無障礙功能是怎麼運作的？
我們把這個系統定義為一個應用或者手機，用户如何使用無障礙功能呢？
必備要素：首先是人員（障礙用户），其次是輔助工具（蘋果手機的旁白）等，通過技術（可訪問編程接口/替代方案）在應用程序上做瀏覽。
在一個產品的無障礙優化模式上，需要系統、應用、輔助工具等各方面的配合，才能順暢地運轉起來
要注意的是：每個用户都有自己習慣使用的工具，比如電腦，有的人喜歡用鼠標，有的人喜歡觸摸板；視力障礙的夥伴，可能會用讀屏軟件，可能會用放大縮小等等；每個用户的使用工具不一樣，我們要利用技術接口，讓每個用户可以在使用習慣的情況下更好的訪問產品。
為什麼一直用視障者舉例？
因為有80%的信息獲取來源於視覺，所以這個的信息無障礙需求是最強烈的；但實際上我們每個人都有信息障礙的情況，我們在日常的操作和使用上，只是在信息獲取和操作方式上的不同；而不是在於羣體的不同。
這裏列出了不同的障礙用户他們的一些使用需求：
- 視力障礙的可以通過聲音滿足他們的需求；
- 聽力障礙的通過除了聲音外的提示方式，比如字幕等；
- 運動障礙沒有辦法受控制或者沒辦法精準操作的情況下，用輔具進行操作等；
- 認知障礙的通過語音朗讀方式更好地接受信息；
- 老年人在某種程度上是這些羣體的輕度合集，我們每個人都會變老。
所以，這樣的用户需求就是每個人的用户需求。
現在來講一下產品為什麼要做無障礙優化，很多小夥伴會問：我的產品到達了什麼樣的體量才開始做無障礙優化？
1. 被忽略的用户羣體
首先這些被忽略的用户羣體有多麼的龐大：視障人士在中國就有1731萬人。
視障人士包括全盲和低視力兩個大類別：
- 全盲主要指視力障礙比較嚴重的，幾乎獲取不到視覺信息；
- 低視力人士是可以通過一些矯正方式，雖然沒辦法打到正常的視力，但也可以通過一些放大、注視器等等。
所以我們這裏講的是視覺障礙比較嚴重的羣體，其實我本人就是近視加散光差不多一千度左右的用户，所以我在不帶眼鏡時就像一個視障人士。
還有聽覺、肢體、讀寫等障礙人士，最常見的就是老年人——在中國65歲以上的老年人，目前已經有1.76億了；以後，在未來的10年20年裏面，這個數字仍然會繼續上升。
如何讓老年人也擁抱互聯網、擁抱新技術（其實他們就是那羣被忽略的這個用户羣體），這個問題產品經理可以去挖掘其中的需求，去做更好的產品的一個切入點。
2. 手機QQ的無障礙特性1）龐大的用户市場
在以上這些人的總人數達到2億多人，那這些人的轉化率怎麼樣呢？
其實他們的轉化率是非常高的，用快手舉例，快手也經過了一些無障礙優化，通過統計我們瞭解到，快手的視障用户有6萬餘位。
其他的短視頻平台數據統計，兩個月裏面障礙用户日活數據達到16萬人，並且繼續增長——所以用户的轉化率是非常高的，也是非常活躍的。
2）高粘度的用户羣體
淘寶的無障礙亮點功能“讀光OCR”，在雙十二中一天識別的圖片接近1億，日常日均識別500萬張；僅僅是用到讀屏的視障羣體，可見使用率之高。
支付寶的更不用説，幾乎是每個人的標配。
2016年，支付寶為了安全方面的考慮，他們把支付鍵盤密碼的支付鍵盤對讀屏軟件做了屏蔽；導致讀屏軟件的用户沒辦法使用，因為當時指紋支付還沒有普及。
在16年，我們的團隊協助支付寶解決了這一問題，即考慮了安全，也考慮了障礙用户需求的一個讀屏解決方案。
3）提升國際影響力
做信息無障礙優化還可以提升國際影響力，提升產品的品牌美譽度。
騰訊在跟我們合作了6年後，獲得了聯合國教科文組織頒發的“數字技術增強殘疾人權能獎”，騰訊是第一個獲獎的亞洲企業。
3. 更好的用户體驗這裏我們要提到一個概念，叫做情景性殘疾和臨時性殘疾——我們在日常中遇到的情景狀況和臨時狀況（如下圖）：
這讓我想起我多年前我曾經還是一個iPhone 用户，我把我的iPhone 摔在了地上，屏幕碎裂掉了；當時很崩潰，因為屏幕只剩下一半可以操作，另外一半就是完全處在一個沒有反應的狀況。
然後我當時靈機一動，把我這個iPhone 上面的旁白打開，然後我就通旁白功能（平時是給視障夥伴使用的這麼一個讀屏軟件），操作了一晚上手機，然後約了一個第二天的維修。
這個事情讓我印象很深刻，其實每個人每天都會遇到這樣子的情況；然後通過這些產品的無障礙優化，其實是可以帶給每一個用户更好的用户體驗的。
4. 做信息無障礙帶來的價值
除了以上的用户體驗、龐大的用户羣體、用户黏度、品牌美譽度等等的這些價值之外，產品做信息無障礙還有一些非常直觀的價值。
比如國際化出海法規，目前在國內還沒有相關的無障礙的法規法律法規，但是也有一些政策引導產品要去無障礙優化。
在國外的很多國家是有相關的嚴格的法律法規進行約束的，比如説在美國有508法案，他要求所有的這個信息產品必須要無障礙，不然的話可能會面臨用户的這個訴訟，你要賠一大筆錢。
比如美國的交通運輸部前幾年有一個規定：只要你在美國要開設航線，就必須要對你的購票環節、你服務的這個網站、航空公司的服務網站進行信息物流優化，否則你就不能開設。
除了美國，包括日本、澳洲以及歐洲等等的這些海外地區，都是有相關的法律法規的。
三、產品無障礙優化，你要做什麼？產品無障礙優化到底要做什麼，到底要怎麼做？
1. 參考標準指南去做一個完全陌生的事情，我會選擇去閲讀跟學習一些基礎性內容，比如相關的標準和指南（如下圖）：
第一個我們通常叫WCAG ，它是由W3C發佈的一個國際性的推薦標準，不在案的一個推薦標準；那麼在2008年的時候，其實已經是當前的一個定性的版本WCAG2.0；2018年發佈WCAG2.1版本。
第二個的標準是我們的一個國標，從去年開始發佈，今年3月1號才正式實施，也是我們國內在互聯網信息無障礙領域的第一個國標；不僅適用於互聯網網頁，它也適用於移動應用產品。
第三個就是每個平台其實都有自己的無障礙開發指南，尤其是iOS和安卓在開發者文檔裏都有跟無障礙相關的文檔。
最後這個網址是研究會的這個官網，我們把以上講到的一些標準，包括相關的指南其實做了一些收集，放到了這個知識庫裏面，大家也可以直接在這個頁面上去找到相關的這個內容。
2. 無障礙功能設計要點
這些年總計下來的經驗，就產品無障礙優化來講，通常考慮八大設計要點。
首先是給你的產品界面提供一個合理的頁面佈局以及導航方式：我們日常打開一個產品，第一面的眼緣很重要；所以你的佈局清晰、流程清晰，你才會願意使用。
第二點是設置控件焦點：就比如手機上的毒品軟件的焦點；當然不僅適用於讀屏軟件，也適用於其他需要輔助技術或相關技術；這些技術都是通過焦點去聚焦每一個空間和交互的空間，進行相關的操作。
第三點是為控件提供有意義的的標籤/説明：比如每個控件會被讀屏軟件朗讀出來，他可能也會被其他的輔助技術顯示出來；所以一些控件圖標尤其是隻有形狀（比如小於號表示返回），如果你不設置標籤，大家可能不知道是什麼東西；所以產品經理要去給一個有意義的標籤説明，並且足夠簡單明確。
第四點是合適的控件大小：如果説這個屏幕上你密密麻麻放了非常多的控件，或者説你集中在某個區域放了大量的控件，每個控件都很小，其實是非常容易發生誤觸的；對於用户來講是有一些困難的，不管是讀屏或者是運動障礙的用户，本身在觸摸上就有一些困難，就更沒辦法去操控。
第五個是足夠的對比度：比如有色盲、色弱、視障、老年用户，在對比度強烈的情況下，才有可能讓大家看清楚；比如説像今天我的PPT，我的同事就被我這個要求改了兩個版本，因為在之前的版本在設計上，文字跟背景的對比度達不到我們的這個標準，所以我們也一直在改進。
第六個是不以單一的感官形式傳遞信息：比如説有一些輸入編輯框，尤其是登錄的編輯框，要輸入賬號和密碼，然後最後用户輸錯了彈出紅色的框，色盲的用户沒辦法分辨；這個解決方式是多養的，比如驗證碼，除了圖形驗證碼還有語音驗證碼；用户點擊按鈕後聽到一段語音，通過這種方式解決問題。
第七點就是一致性：這些控件圖標、控件説明，對於產品的無障礙設計來説需要有一個相對一致性的原則。
第八點是提供合理的替代方案：比如設計一個通過感官完成的一個遊戲，這種時候需要考慮是不是所有的用户都能使用這個產品，這時要提供一個和倫理的替代方案，比如文字解釋，讓用户可以主動的操作；同時大家在產品方案上，儘量避免使用閃爍頻次很高的方案，因為這種方案對於本身有神經異常的用户來説，可能是個致命的問題，所以一定要注意。
3. 靈魂拷問缺時間缺錢缺資源，沒有餘力考慮無障礙，該怎麼辦？
公司已有一個大產品，該從哪裏入手做無障礙？
1）現有產品如何進行無障礙優化
谷歌的安卓無障礙設計師夏冰瑩提出的一個概念：最小化可實行產品。
將你的這個產品進行拆分，然後在每個最小化可實行產品上做到以下四點：
第一點是上文説到的對比度，採用對比度足夠高的顏色搭配。
比如下圖的例子：對比度高和對比度低的差異是十分明顯的，如果對比度太低無法看清圖中的文字，所以要用對比度較高的。
第二個是不依賴顏色來區分重要信息。上文中説到，如果輸入框輸錯時，只是通過顏色來區別的話，那對於一些視障用户還是無法區分，這個時候最好加上文字描述，如下圖。
第三個是確保點擊區域足夠大。比如下圖微博的例子，右上角有非常密集的按鈕，其實就很容易誤觸，對於障礙用户來説是個問題，所以我們一定要保障每個控件有足夠大的空間。
第四個就是給圖標和圖片添加無障礙標籤。比如下左圖中的圖標，需要一個合理的命名，要求是準確簡短有意義；下右圖是一個圖片頁面，如果需要增加相關的解釋，最好的情況下能給到等效替代意義，做不到的情況下也要給一個概述。
這麼多年跟產品合作無障礙優化發現有非常多“想當然”的情況，以下是最常見的三個：
1）單獨開發版本
我在最開始接觸這個時經常被問到的問題就是“我們能不能單獨開發一個盲用版本？”
不是説不行，但是我一定不推薦，比如下圖金太陽盲用版，他的版本號是1.1.1.1.1.1，我就想問1.2啥時候能出來，他的更新日期是2015年，五年都沒有被更新過。
你説這個盲用版本能夠替代原有的金太陽版本嗎？肯定是不可以的。
所以建議大家不要去單獨開發一個特殊版本，消耗精力。
2）複雜的安全流程
我們經常會想當然地説：他眼睛看不見，所以操作時有信息泄露的風險，我需要給她更安全的操作。
其實不是的，就是因為這些夥伴在身體上有不便，所以防範意識會更強，不用額外去做更多的處理。
3）不按照規範開發
比如前文講到的標準和指南，包括一些技術接口；對技術比較瞭解的產品經理可能會知道每一個組件都有不同的屬性，所以要做的是在信息上對應屬性去顯示。
4）想象用户怎麼使用——好心辦壞事
比如這個模板，用讀屏軟件去展示內容，產品經理認為用户看不到界面，看不到空間位置，所以我要在標籤上給他講得清清楚楚，那過多的文字反而會讓用户不喜歡這款產品。
所以每個障礙每個用户都會有他們習慣的這個操作方式，也會有他們慣用的工具，以及獲取到的信息的能力。
那如果説你真的要去做無障礙這件事情，必須要去正確的瞭解用户的習慣，瞭解用户的需求，去尋找用户。
5）代替用户做選擇——覺得用户不需要
視障朋友的手機裏有大量的視頻軟件、拍照軟件；有些人就會認為難道他們也要看視頻嗎、也要拍照嗎？
不要覺得用户不需要，不要去代替用户做選擇。
用户選擇做什麼，選擇用哪款軟件，用哪個功能是他們的權利；所以你只要保障好你的產品做好無障礙優化就可以了。
四、成為更好的產品經理這方面是從產品經理這個角度，也是希望讓大家成為一個更好的產品經理。
1. 產品無障礙化的優勢產品無障礙的優勢就是用户體量、用户體驗、社會價值這些部分；上文講過就不再贅述了。
從產品經理個人的角度來講，我覺得產品經理有一定的個人追求，不管是從業務、發展還是產品帶來的價值；
其實做無障礙都是一個非常好的切入點——因為做產品無障礙優化這件事，可以讓你的產品變成一個所有人都會使用的產品；對於產品經理個人而言，也是大勢所趨的能力。
一個突破邊界的視角：當你的產品能被障礙用户去使用，必然也會被健全用户使用。
很多時候，在一些不便的情況下，如何更好地使用你的產品（產品經理可以從無障礙的角度切入，在設計上做一個很好的突破視角）。
最後，其實作為個人追求個人價值來講，就是我們一直倡導每個產品經理要有一顆“Tech For Good”的心，就是希望大家可以用心去做好無障礙產品。
除了上文説到的哪些，你還可以做更多的一些東西：
- 在產品規劃時，將無障礙需求與其他需求同等重視。
- 在需求説明書模板中去增加“無障礙説明”。
- 在更新日誌中，加入“無障礙聲明”。
- 關注個平台的無障礙技術/接口更新，運用到自己的產品中等等。
作為產品經理，你可能只是產品研發過程中的一員，但是你不僅可以作為產品經理去規劃你的產品，你還可以成為團隊的一個種子，去推動其他的環節；因為無障礙這個事情是需要整個研發流程的推進，包括各個環節，所以你的同事們都有他們可以做的東西。
希望你們也能成為這個種子，在你的團隊裏面生根發芽，把無障礙的這個理念傳播給更多人；當然這裏有一個非常實際的提醒，就是你的產品越早開始做無障礙，你的這個需求越早開始考慮，你在無障礙上面投入的成本就越低。
上圖來自微軟的一個包容性設計專家，大家能看到他是一位障礙人士，他有一個專訪的視頻，我把其中他的一段話截取了出來。
作為殘障人羣，有一個明確的共識：我要麼能對社會作出貢獻，要麼就被社會孤立。你設計的工具，會直接決定我能做出多少貢獻。請你移除那些障礙，讓我能夠以我的才華回報社會。
因為我想對社會作出貢獻，我想盡到我力所能及的一切努力；你能改變遊戲的規則，讓這個遊戲中有我、有我的才華。
——微軟包容性設計專家Victor Pineda
為什麼要跟大家分享這一段話？
首先他來他是一個障礙人士，然後同時我們能看到他是一位包容性設計專家，所以他其實是就像他説的——這是一個非常有才華的人，是一個非常有能力的人。
我相信我身邊的每一位障礙夥伴，他們都希望為這個社會去做出貢獻，他們也有能力為這個社會做出貢獻，只是説這個過程中有非常多的阻礙。
而作為產品經理，你們是可以移除這些障礙的一羣人，所以請你們去動起來，去讓你的產品做無障礙優化，去移除這些障礙；讓每一個人都可以在社會里面去實現自我的價值。
我們研究會的願景也其實是我個人做這份事業的一個願景——每個人可以通過科技平等的去享受現代文明。
我相信這一天終會到來，當然這個中間需要我們非常多的努力，但是有大家在一起參與，我相信這個路程不會太遙遠。
作者：楊驊
本文為【信息無障礙研究會專場公開課】分享整理內容；未經許可，禁止轉載
題圖來自unsplash，基於 CC0 協議