無障礙設計：如何為所有人設計？

4 評論 2707 瀏覽 7 收藏 10 分鐘

導讀：作為用戶體驗設計師，我們有一個共同的特征-同理心：我們以用戶為中心，設身處地地解決他們的問題。但有一個要素經常被遺忘：無障礙（Accessibility）。在設計產品的時候，有障礙群體往往是被我們忽視的群體。當開始考慮他們的時候，設計師在“解決問題”的道路上又邁進了一步。

一、什么是無障礙？

從無障礙的角度來講，同理心并不只認為所有用戶都以同樣的方式來瀏覽網頁，而是說我們要照顧到需要使用輔具（assistive technology）進行瀏覽的有障礙群體。

那么他們使用什么樣的輔具？在為有障礙群體進行設計之前，我們需要了解他們日常所使用的工具。最常用的工具如下

1. 屏幕閱讀器：可以大聲讀出內容的軟件

iphone 的朗讀屏幕功能

相關內容：

盲人使用手機有多難？| 看見2021

https://www.bilibili.com/video/BV1Nf4y1v7qV?zw

2. 屏幕放大器：為有視覺障礙的人放大屏幕上的內容

How to Use Windows Magnifier and Keyboard Shortcuts | Windows Accessibility & Ease of Access

視頻地址

https://www.youtube.com/watch?v=PMihdIZUh7Y&t=3s

更多視頻可關注 YouTube：Live Accessible

https://www.youtube.com/channel/UCkREnKxUD7EfGbGNiA-PdIg

3. 控制器：幫助有運動障礙的人使用電子設備

用戶通過嘴部與控制器進行交互，以控制電腦

xbox無障礙手柄

相關內容：

【嘴強王者】大臉警告！用嘴玩英雄聯盟更清晰的視角來了！

https://www.bilibili.com/video/BV15p4y1s7Hx?zw

4. AI字幕：為聽障人士自動生成字幕

深圳聾協手語翻譯培訓直播畫面，智能字幕實時生成

二、無障礙：法律要求

不僅僅只有同理心來驅使設計師把可達性放在心里，法律也是其中一個因素。

根據美國人殘疾法案第三章：網站和應用程序屬于公共場所（According to the Americans With Disabilities Act, Title III: “Websites and apps are places of public accommodations”.）

這意味著，如果有一個網站或app沒有提供給有障礙群體使用權，就像有一個沒有輪椅坡道的建筑入口，這將被視為歧視。

2016年，多米諾披薩（Domino’s Pizza）被一個名叫Guillermo Robles的盲人起訴，因為他無法在他們的網站上訂披薩。這個案例對于每個互聯網公司來說都是一個警鐘: 他們需要確保每個人都可以毫無問題地使用他們的產品或服務。

三、關于無障礙的誤解

很多關于無障礙的理解往往只是片面的，最常見的兩個誤區是:

誤區1 無障礙設計只適用于殘疾人

微軟有一本包容性設計手冊，名為《包容性101》。在這里，他們解釋了無障礙環境如何使每個人受益，而不僅僅是殘疾人。他們提出了三種類型的殘疾: 永久性、臨時性和情境性。對于每種類型的殘疾，微軟列舉了人們可能需要無障礙幫助的情況。

永久性殘疾的例子是一個人缺少了一只手臂手臂；而一個暫時的情況是一個人的手臂受傷，隨著時間的推移他的手臂將愈合。情境性殘疾則是一個新的母親一只手抱著孩子，另一只手在使用移動設備。

為這三個場景中的任何一個場景找到無障礙的解決方案都是同時解決了剩余兩個場景的問題——對一個場景進行無障礙設計能讓所有場景收益。

誤區2 無障礙設計只為殘疾人士提供更好的服務

視頻字幕的最初目的是幫助有聽力障礙或語言理解問題的人更好地理解他們在看什么。但是對于那些可能在嘈雜環境中或者在練習第二語言的聽力理解的用戶而言，字幕也能方便他們閱讀他們所要聽到的內容。

這就是所謂的“人行道斜坡效應”，即無障礙環境可以改善每個人群的整體體驗，而不僅僅是那些殘疾人。

四、《Web內容無障礙指南》（WCAG）

你可能會問自己，“我希望(也需要)為殘疾人設計，但我該如何開始呢?” 那么了解 WCAG 是一個很好的開始。

《Web內容無障礙指南》是一套國際公認的無障礙功能標準。它涵蓋了使Web內容更易于訪問的各種建議。遵循這些準則將使更多殘疾人更容易獲取網站內容，其中包括失明和弱視、耳聾和聽力喪失、運動受限、言語障礙、光敏性和多種殘疾組合的殘疾人，以及有學習障礙和認知局限的殘疾人; 但不會滿足這些殘疾用戶的所有需求。這些準則旨在解決臺式機，筆記本電腦，平板電腦和移動設備上的Web內容的無障礙問題。遵循這些準則通常也會使網站內容對用戶更友好。

《Web內容無障礙指南》是一個內容廣泛的指南，可能會令人生畏，但它可以分為四個容易理解的部分，通常稱為“ POUR準則”。你的產品或服務必須:

  1. (P) Perceivable可感知性>以所有用戶都能理解的方式介紹網站的信息和組成部分。
  2. (O) Operable可操作性>提供不同方式讓有障礙群體可以和內容進行互動。
  3. (U) Understandable可理解性> 確保我們的網頁內容可以被有障礙群體理解，這樣他們就可以使用我們的界面。
  4. (R) Robust穩定性> 內容必須足夠穩定，以便于可以兼容不同的設備，以便廣大用戶，包括使用輔具的用戶能夠獲取內容。

五、《Web內容無障礙指南》如何運作

在指導方針中，每個標準根據其難度劃分為三個等級：A，AA，AAA。AAA 被認為是無障礙的黃金標準，它將幫助我們更好地為所有用戶提供盡可能好的體驗。正如人們可能預期的那樣，要達到這個目標是非常困難和昂貴的。所以我們對可訪問性的最低接受級別是 AA。

六、總結

我們學習了什么是無障礙，以及為什么它很重要。我們也理解了無障礙能夠幫助所有的人群，打破一些關于它的誤解。最后我們知道了 WCAG 的存在，以及它們是如何作為一種工具來衡量可訪問性方面的工作的。

WCAG 版本2.1是在撰寫本文時提供的，共有13個可訪問性指南。我將在后面的文章中逐一分析，從第二部分的字母（p）可感知性開始。

相關閱讀

1.皇家評測 《無障礙橫評中的手機和應用測試結果文檔》

百度云：https://pan.baidu.com/s/1PXqLXxilT0yloRthwQXfcw （密碼: t1ti）

2. 《Xbox無障礙指南》

https://docs.microsoft.com/en-us/gaming/accessibility/guidelines

3. 微軟《包容性101》

https://www.microsoft.com/design/inclusive/

4. 《Web內容無障礙指南》

https://www.w3.org/Translations/WCAG21-zh/#sotd

 

譯者：設計思巢，微信公眾號：新思巢

原文名稱：UX Accessibility: How to Start Designing for All

原文作者：Luis Talamantes

原文鏈接：https://uxdesign.cc/ux-accessibility-how-to-start-designing-for-all-4d3c4ce9ea52

*本文翻譯已得到原作者許可，如需轉載請聯系作者

本文由 @設計思巢 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash，基于CC0協議

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
第三設計觀察所
旨在傳播和討論海內外新潮和前沿設計理念。公眾號：第三設計觀察所
13篇作品 55975總閱讀量
08-181777 瀏覽
單季度30億廣告收入背后，誰在視頻號公域掘金？
04-071807 瀏覽
UP主停更，倒逼B站？
04-283279 瀏覽
如何破局“營銷自嗨”的怪圈？
01-105489 瀏覽
2023，不只私域，還要增長！
06-093666 瀏覽
數字化時代，你了解大客戶銷售嗎（下）
評論
評論請登錄

  1. 無障礙設計是對所有人都十分都友好的，它是在原有的基礎上加入了更多的設計理念，更加符合更多的人的使用。

    來自陜西 回復

  2. 同理心是產品設計中不可缺少的一點，學會換位思考，帶著同理心去設計產品，才能更貼切客戶需求。

    來自廣東 回復

    1. 應該說是消費者的需求哦，客戶不一定是用戶呢

      來自上海 回復

  3. 無障礙設計其實是對所有用戶的友好

    來自浙江 回復