那些年，咱們丟失的信息無障礙化意識

之前歷來沒有關注過盲人是怎樣生活的，由於個人身邊沒有盲人。若是有人跟我提起盲人，我會最早想到盲人推拿按摩。不知道是否是不少人跟我同樣，不瞭解盲人能幹什麼，認爲他們只能在家聽聽廣播，曬曬太陽，沒有娛樂，也沒有工做。

現在互聯網高速發展，智能手機人手一部，我 74 歲的爺爺都在用騰訊視頻、在今日頭條上看新聞、用微信聊天刷朋友圈，最有意思的是不用教本身學會了在網上購物，這些互聯網產品帶給咱們的便利視障人羣能享受獲得嗎？在不少人的意識中，他們認爲盲人看不見，怎麼能上網？

其實，盲人能夠在互聯網上學習、購物、娛樂、溝通、甚至工做。來看一個 8 分鐘的視頻。

視頻連接

視頻中的盲人姑娘使用手機大體是這個步驟：

• 觸摸屏幕獲取焦點
• 讀屏，向用戶返回焦點信息
• 用戶操做，焦點反饋

如今咱們常用的智能硬件，都能支持這種需求。

• 蘋果系列產品都已內置了 VoiceOver，使用者只須要打開 VoiceOver，就能夠經過觸摸獲取語音提示。
• 安卓手機內置了 Talkback，功能與 VoiceOver 相似。
• windows系統能夠下載讀屏軟件，例如永德、爭渡、陽光、NVDA 等. (有什麼讀屏軟件能夠推薦？)

有了這些讀屏功能的支持，咱們站在視障人士的角度來使用手機，看看他們是否真的能很方便的使用。

視頻連接

在開啓 VoiceOver 後，經過觸摸反饋來接受信息。但從視頻上使用過程來看，滿屏都是問題。例如：

焦點合併問題

商品、內容、盤點：圖片+文字內容 是一個總體，但只能分開讀取到圖像和標題。

內容提示問題

熱門盤點：聚焦到 換一換，但用戶不知道這是一個能夠點擊切換的按鈕。

焦點錯亂問題

在點擊盤點換一換後，再讀取切換後的盤點標題，卻仍是切換以前的盤點標題。切換這個交互操做致使焦點錯亂。

如今咱們能夠回到主題，做爲網站開發者，咱們能夠作什麼？咱們要作的，就是在有了這些讀屏功能的支持後，能以更好的方式讓讀屏軟件正確的告訴用戶這是什麼，能夠作什麼。

更確切的說，就是要解決以上這些問題：

• 合理劃分焦點
• 元素語義化
• 優化提示內容

對於一個互聯網產品來講，全部用戶都是平等的，這不是爲視障人士提高用戶使用體驗，應該將這些問題視爲產品的功能性 Bug。

技術實現方案不一樣，網頁有不少種：

• iOS 原生頁面
• Android 原生頁面
• Web 頁面
• Weex、ReactNative 頁面

網上也能找到一些無障礙化的常見問題和實踐總結，附上各自的無障礙編程指南：

• iOS：iOS無障礙編程指南
• Android： 《Android無障礙開發指南》
• Web：Web內容無障礙指南 (WCAG)、WAI-ARIA 無障礙Web規範
• React：React 無障礙
• ReactNative: ReactNative無障礙功能
• Weex: Weex 無障礙

上面視頻中美妝學院是使用 Rax 編程的 weex 頁面，根據 Weex 無障礙 修復無障礙能力後，效果是這樣的：

視頻連接

這樣的反饋對於盲人來講，是否是好使多了？

若是對信息無障礙還認識不夠，那就親自體驗一下吧~

iOS

• VoiceOver 的開關：「設置」 -> 「通用」 -> 「輔助功能」 -> 「旁白」或者「視覺 - VoiceOver」 。
• 長按 Home 鍵(需設置)調出 Siri，說 「VoiceOver」，Siri 會顯示入口。
• 「設置」 -> 「通用」 -> 「輔助功能」 -> 「輔助功能快捷鍵」，選擇「VoiceOver」。後續連按三次 Home 鍵則能夠快速開啓/關閉 VoiceOver。

Android
安卓手機Talkback入口各有不一樣，在「設置」中找到 「輔助功能」或者 「高級功能」，在子目錄中找到「Talkback」或者 「無障礙」打開便可。

---

寫這篇文章，一是由於從新認識了盲人羣體，徹底改變了之前的觀念，原來盲人能夠作不少事情，還能夠作不少有意義的事情。二是從新認識了信息無障礙的重要性，若是你能換位思考，大概就能體會信息無障礙對視障人知的意義。

網頁無障礙化並不難，難的是網頁開發者沒有無礙化的意識，但願更多的開發者能認識信息無障礙，提高信息無礙化意識。

最後，閱讀這些文章，對視障人羣瞭解更多吧~

• 中國互聯網視障用戶基本狀況報告2016年3月pdf
• 互聯網高速發展的今天，盲人的生活有什麼樣的改變？
• 盲人如何用iPhone淘寶購物？
• 互聯網改變了國內600萬視障人羣的命運 但大部分國內互聯網公司卻忘記了他們