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

一、什么是無障礙？

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

那么他們使用什么樣的輔具？在為有障礙群體進(jìn)行設(shè)計(jì)之前，我們需要了解他們?nèi)粘Ｋ褂玫墓ぞ?。最常用的工具如?/p>

1. 屏幕閱讀器：可以大聲讀出內(nèi)容的軟件

iphone 的朗讀屏幕功能

相關(guān)內(nèi)容：

盲人使用手機(jī)有多難？| 看見2021

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

2. 屏幕放大器：為有視覺障礙的人放大屏幕上的內(nèi)容

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

視頻地址

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

更多視頻可關(guān)注 YouTube：Live Accessible

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

3. 控制器：幫助有運(yùn)動(dòng)障礙的人使用電子設(shè)備

用戶通過嘴部與控制器進(jìn)行交互，以控制電腦

xbox無障礙手柄

相關(guān)內(nèi)容：

【嘴強(qiáng)王者】大臉警告！用嘴玩英雄聯(lián)盟更清晰的視角來了！

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

4. AI字幕：為聽障人士自動(dòng)生成字幕

深圳聾協(xié)手語翻譯培訓(xùn)直播畫面，智能字幕實(shí)時(shí)生成

二、無障礙：法律要求

不僅僅只有同理心來驅(qū)使設(shè)計(jì)師把可達(dá)性放在心里，法律也是其中一個(gè)因素。

根據(jù)美國(guó)人殘疾法案第三章：網(wǎng)站和應(yīng)用程序?qū)儆诠矆?chǎng)所（According to the Americans With Disabilities Act, Title III: “Websites and apps are places of public accommodations”.）

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

2016年，多米諾披薩（Domino’s Pizza）被一個(gè)名叫Guillermo Robles的盲人起訴，因?yàn)樗麩o法在他們的網(wǎng)站上訂披薩。這個(gè)案例對(duì)于每個(gè)互聯(lián)網(wǎng)公司來說都是一個(gè)警鐘: 他們需要確保每個(gè)人都可以毫無問題地使用他們的產(chǎn)品或服務(wù)。

三、關(guān)于無障礙的誤解

很多關(guān)于無障礙的理解往往只是片面的，最常見的兩個(gè)誤區(qū)是:

誤區(qū)1 無障礙設(shè)計(jì)只適用于殘疾人

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

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

為這三個(gè)場(chǎng)景中的任何一個(gè)場(chǎng)景找到無障礙的解決方案都是同時(shí)解決了剩余兩個(gè)場(chǎng)景的問題——對(duì)一個(gè)場(chǎng)景進(jìn)行無障礙設(shè)計(jì)能讓所有場(chǎng)景收益。

誤區(qū)2 無障礙設(shè)計(jì)只為殘疾人士提供更好的服務(wù)

視頻字幕的最初目的是幫助有聽力障礙或語言理解問題的人更好地理解他們?cè)诳词裁?。但是?duì)于那些可能在嘈雜環(huán)境中或者在練習(xí)第二語言的聽力理解的用戶而言，字幕也能方便他們閱讀他們所要聽到的內(nèi)容。

這就是所謂的“人行道斜坡效應(yīng)”，即無障礙環(huán)境可以改善每個(gè)人群的整體體驗(yàn)，而不僅僅是那些殘疾人。

四、《Web內(nèi)容無障礙指南》（WCAG）

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

《Web內(nèi)容無障礙指南》是一套國(guó)際公認(rèn)的無障礙功能標(biāo)準(zhǔn)。它涵蓋了使Web內(nèi)容更易于訪問的各種建議。遵循這些準(zhǔn)則將使更多殘疾人更容易獲取網(wǎng)站內(nèi)容，其中包括失明和弱視、耳聾和聽力喪失、運(yùn)動(dòng)受限、言語障礙、光敏性和多種殘疾組合的殘疾人，以及有學(xué)習(xí)障礙和認(rèn)知局限的殘疾人; 但不會(huì)滿足這些殘疾用戶的所有需求。這些準(zhǔn)則旨在解決臺(tái)式機(jī)，筆記本電腦，平板電腦和移動(dòng)設(shè)備上的Web內(nèi)容的無障礙問題。遵循這些準(zhǔn)則通常也會(huì)使網(wǎng)站內(nèi)容對(duì)用戶更友好。

《Web內(nèi)容無障礙指南》是一個(gè)內(nèi)容廣泛的指南，可能會(huì)令人生畏，但它可以分為四個(gè)容易理解的部分，通常稱為“ POUR準(zhǔn)則”。你的產(chǎn)品或服務(wù)必須:

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

五、《Web內(nèi)容無障礙指南》如何運(yùn)作

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

六、總結(jié)

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

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

相關(guān)閱讀

1.皇家評(píng)測(cè) 《無障礙橫評(píng)中的手機(jī)和應(yīng)用測(cè)試結(jié)果文檔》

百度云：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內(nèi)容無障礙指南》

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

譯者：設(shè)計(jì)思巢，微信公眾號(hào)：新思巢

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

原文作者：Luis Talamantes

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

*本文翻譯已得到原作者許可，如需轉(zhuǎn)載請(qǐng)聯(lián)系作者

本文由 @設(shè)計(jì)思巢 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議