可達(dá)性

一個(gè)產(chǎn)品,如果對(duì)于任何人（無論能力）而言，都是非常容易掌握、理解并可以用之來完成他們的目標(biāo)的話，那么這個(gè)產(chǎn)品就是可達(dá)的。一個(gè)成功的產(chǎn)品對(duì)于任何可能的使用者來說都應(yīng)該是可達(dá)的。

這些設(shè)計(jì)準(zhǔn)則對(duì)于想要了解可達(dá)性的設(shè)計(jì)師而言是一個(gè)很好的起點(diǎn)。設(shè)計(jì)完全可達(dá)的產(chǎn)品是一個(gè)復(fù)雜的課題，需要深入研究。欲了解更多信息，請(qǐng)?jiān)L問谷歌的可達(dá)性網(wǎng)站。

如何使你的產(chǎn)品更好地服務(wù)于身有殘疾的用戶？

首先，讓你的產(chǎn)品使用輔助技術(shù)與用戶進(jìn)行交互。想象一下，你的產(chǎn)品在以下情況下使用的場(chǎng)景：

• 沒有聲音
• 沒有顏色
• 啟用高對(duì)比度模式
• 使用屏幕放大功能
• 使用屏幕閱讀器（屏幕不可見）
• 語(yǔ)音控制
• 或者綜合以上情況

然后再考慮在以下在影響可達(dá)性的關(guān)鍵領(lǐng)域使用的場(chǎng)景：導(dǎo)航，可讀性，指導(dǎo)與反饋。

導(dǎo)航

幫助用戶快速和有效的瀏覽信息。給網(wǎng)頁(yè)添加導(dǎo)航是非?？焖儆行У模ɡ?，跳到重點(diǎn)區(qū)段或回到主導(dǎo)航欄）？

優(yōu)先展示最重要的信息，稍微修改下頁(yè)面，比如把一個(gè)“創(chuàng)建”按鈕放到頂部，可以使導(dǎo)航快得多。

*確?？捎|摸的元素起碼需要有4848的像素大小**。48x48（px，dp）是推薦的屏幕上可觸摸元素的最小像素。同時(shí)在手機(jī)設(shè)計(jì)的時(shí)候注意屏幕上兩個(gè)元素之間的間距。在大多數(shù)情況下，它應(yīng)該是 8dp 或更多。

支持無鼠標(biāo)操作與標(biāo)準(zhǔn)手勢(shì)導(dǎo)航。你在網(wǎng)絡(luò)界面上設(shè)計(jì)的每一個(gè)部分、任何用戶的任務(wù)和每個(gè)用例都是鍵盤可達(dá)的并且可以在移動(dòng)設(shè)備上通過基礎(chǔ)的手勢(shì)交互就可達(dá)的嗎？盲人用戶不能使用鼠標(biāo)來通過視覺方式去探索界面。為了在手機(jī)上導(dǎo)航或者瀏覽不同的界面元素，他們需要使用的是鍵盤而不是鼠標(biāo)。確保鼠標(biāo)懸停信息對(duì)于不適用鼠標(biāo)的用戶一樣是可達(dá)的。確保鍵盤快捷鍵都與平臺(tái)標(biāo)準(zhǔn)相一致。

管理用戶關(guān)注的焦點(diǎn)。你確定你的用戶和他們關(guān)注的焦點(diǎn)在彈出框、警告和其他各類屏幕的導(dǎo)航中都不會(huì)迷失嗎？同時(shí)考慮用戶如何將關(guān)閉一個(gè)彈出窗口后返回到屏幕上，確保他們能夠正確的返回彈出框出現(xiàn)之前的那個(gè)界面。

可讀性

確保你的產(chǎn)品在使用大字體的情況下依舊可用。當(dāng)用戶放大屏幕或者字體的時(shí)候，你的文字信息是否依然清晰？那些必要的元素是否依舊可見，可用并且不重疊？你可以通過一些內(nèi)建的操作系統(tǒng)/瀏覽器/應(yīng)用程序的字體放大工具來檢查這些問題。

確保關(guān)鍵的文本信息具有足夠的對(duì)比度。在大多數(shù)情況下，“足夠的對(duì)比度”是指有 4.5:1 的對(duì)比度。背景和文本或者關(guān)鍵元素之間足夠的對(duì)比度能讓所有的尤其是視力有缺陷的用戶更容易看到你的信息。較小的文本需要大的對(duì)比度，而大標(biāo)題可以容忍更大范圍的顏色和背景（較小的對(duì)比度）。

不要僅僅只使用顏色來傳達(dá)重要信息。對(duì)所有的色盲用戶而言這個(gè)尤為重要。如果設(shè)計(jì)中使用色彩來傳達(dá)特定的信息（例如，可視化交通信息：紅色=交通擁堵，綠色=交通空閑），那么為用戶提供另外一種獲取相同信息的方法是很有必要的。除了使用顏色之外，再添加其他元素，如形狀，圖案，紋理，或文本。

提供關(guān)于空間關(guān)系的線索?？靠臻g或者布局傳遞的信息是否同時(shí)能夠傳遞給一個(gè)正在導(dǎo)航該元素的盲人用戶？考慮到一些輔助技術(shù)并不會(huì)顯示元素之間的距離，提供一些額外的關(guān)于相關(guān)聯(lián)的元素之間的線索，比如讓它們共享一個(gè)相同的標(biāo)題。

提供視覺和聽覺相互可替換的技術(shù)。如果有音頻元素，你是否提供了字幕、文本或另外其他的視覺方面的替代方法？該指導(dǎo)方針也適用于系統(tǒng)的警報(bào)聲音，任何出現(xiàn)發(fā)光或者閃爍的地方都需要有對(duì)應(yīng)的聲音替代方法，反之亦然。

指導(dǎo)和反饋

確保用戶交互和控制界面很清楚明了。是否所有的用戶交互控制界面都有對(duì)應(yīng)的文字標(biāo)簽、提示或者說明其用途的符號(hào)？是否你的專業(yè)術(shù)語(yǔ)在整個(gè)應(yīng)用程序中都保持一致？先提供這些技術(shù)的描述說明，然后當(dāng)給元素命名的時(shí)候，確保它在你的應(yīng)用程序中的術(shù)語(yǔ)保持一致。

提供的圖像和視頻的替代文字描述。是否你只是依靠圖形元素來傳達(dá)的信息而不提供相關(guān)的文字描述？是否標(biāo)簽?zāi)軌驗(yàn)槿藗兲峁┳銐虻恼Z(yǔ)義上下文（例如，不只是“下載”，而是“下載晚餐菜單”）？為所有的圖片和圖標(biāo)提供備用的文字描述，并避免在一個(gè)正常工作的小插件上使用圖像文本。

提供指導(dǎo)手冊(cè)和幫助文檔。當(dāng)用戶不知道一個(gè)元素的意義的時(shí)候，她/他是否可以找快速的找到幫助文檔？如果一個(gè)關(guān)鍵的元素超時(shí)了，用戶有激活它的方法嗎？需要包含清楚明了并且容易找到的幫助文檔，提供明確的上下文幫助，這樣用戶就可以很清楚的知道某個(gè)快捷方式或者手勢(shì)是否可用的并且如何使用它。

給你的鏈接賦予意義。是否每一個(gè)鏈接的目的都清晰易懂？通用的錨文本像“點(diǎn)擊這里”并不能很好地說明一個(gè)鏈接的目的。把鏈接的目的設(shè)置成鏈接的文本內(nèi)容即可，解決“點(diǎn)擊這里”的辦法就是是將其改為諸如“設(shè)備設(shè)置”的這種鏈接。一些輔助技術(shù)可以讓用戶只是掃描鏈接，忽略了其他的內(nèi)容，這樣也可以使導(dǎo)航更加有效。

原文：Accessibility 翻譯：fortianwei 校對(duì)：K0ST