為客戶設(shè)計一個成功的網(wǎng)站的關(guān)鍵部分是確保盡可能多的終端用戶可以訪問和享受這個網(wǎng)站。

那么，如果你發(fā)現(xiàn)大約有10億人不能享受你的設(shè)計，你會怎么辦?即使這些人成功地點擊了一個鏈接并訪問了你創(chuàng)建的網(wǎng)站，他們也可能無法理解正在出售什么或?qū)Ш降浇Y(jié)賬頁面。

根據(jù)世界銀行的統(tǒng)計，全世界有10億殘疾人。那是全球人口的15%。

盡管如此，許多設(shè)計師在創(chuàng)造吸引人的應(yīng)用或網(wǎng)站時，并沒有考慮到用戶的不同能力。除非您的客戶明確地告訴您，他們正在支持殘疾客戶，否則您可能根本不會考慮這些用戶。

學(xué)習(xí)如何融入包容性網(wǎng)頁設(shè)計的概念意味著你能給你的客戶提供更好的結(jié)果;你的客戶能接觸到的客戶越多，你的設(shè)計就會得到越多的贊揚(yáng)和正面評價。

那么，如何在設(shè)計選擇中引入可訪問性呢?

什么是網(wǎng)站無障礙?

從廣義上講，包容性指的是賦予社會邊緣人群權(quán)力的活動或行為。包容性的設(shè)計意味著讓你的內(nèi)容更容易被那些有精神或身體問題的人訪問，這些問題可能會讓他們更難使用傳統(tǒng)網(wǎng)站。

最終，可訪問性是包容性設(shè)計策略的主要目標(biāo)之一。當(dāng)您使網(wǎng)站或應(yīng)用程序更容易訪問時，您需要調(diào)整UI和代碼的某些方面，以使站點對具有某些限制的人盡可能容易接近和可用。

根據(jù)網(wǎng)絡(luò)無障礙倡議，許多現(xiàn)代網(wǎng)站和網(wǎng)絡(luò)工具的設(shè)計沒有考慮到那些有殘疾的人的需求。這就造成了可訪問性障礙，使得一些人幾乎不可能使用網(wǎng)站。

以下是一些可能影響終端用戶與網(wǎng)站或應(yīng)用交互方式的不同類型的殘疾:

認(rèn)知問題:影響理解，使瀏覽網(wǎng)站更加困難;

聽覺問題:阻止客戶聽視頻和音頻內(nèi)容;

神經(jīng)問題:使站點上的某些術(shù)語和操作更加困難;

物理問題:難以滑動或敲擊某些工具;

語音問題:語音UI設(shè)計的常見問題;

視覺問題:在高度視覺化的網(wǎng)站上阻止正面體驗。

Web可訪問性還可以讓在特定情況下遇到問題的人的生活變得更容易。例如，肌肉有問題的人在使用小屏幕上的按鈕和鏈接時可能會有困難。

那么，你如何讓你的設(shè)計更容易理解呢?

了解你的聽眾

包容性網(wǎng)頁設(shè)計不僅僅是把字體做大一點，然后期待最好的效果。為了提供真正的無障礙體驗，你需要了解客戶的目標(biāo)人群?；ㄐr間瀏覽客戶的用戶角色，向他們詢問有關(guān)殘疾人的問題，可以幫助您做出明智的決定。

例如，微軟的包容性設(shè)計工具包要求設(shè)計師識別排除性，檢查網(wǎng)站中可能無法訪問的部分，并從多樣性中學(xué)習(xí)。

在設(shè)計任何東西之前，問問自己是否可以:

解決任何獨特的需求，如視力問題或聽力問題;

更獨特的方法取代傳統(tǒng)的解決方案。例如，與其依賴顏色來突出顯示文本的一部分，你可以使用字體重量來代替嗎?這對色盲的人來說可能是理想的;

創(chuàng)造一些既能吸引殘疾人也能吸引殘疾人的東西。

設(shè)計一個干凈清晰的布局

任何網(wǎng)站設(shè)計都應(yīng)該首先關(guān)注清晰度。

不管你的設(shè)計是否考慮到包容性，目標(biāo)應(yīng)該是盡可能提供簡單直接的體驗，避免在設(shè)計過程中出現(xiàn)任何錯誤。

例如，沒有人喜歡充滿不合理的導(dǎo)航標(biāo)志的凌亂設(shè)計。你需要一個網(wǎng)站充滿了可以理解的鏈接，在任何屏幕上都容易點擊的按鈕，以及易于閱讀的大字體。

當(dāng)你為一個網(wǎng)站或應(yīng)用程序創(chuàng)建一個新元素時，問問自己如何才能讓來自各種背景的客戶生活得更輕松。例如，Parramatta park使用了出色的對比度、清晰的字體和理想的元素大小，以確保其網(wǎng)站盡可能讓客戶感到易于使用。

請注意按鈕是如何清晰和容易按下的。在任何屏幕上，顏色都是明亮和吸引人的，導(dǎo)航也很簡單。記住，當(dāng)你設(shè)計一個包含型原型時:

測試導(dǎo)航選項，確保它們易于使用;

不要讓屏幕太擁擠，記住在減少認(rèn)知負(fù)荷時少即是多;

確保你的設(shè)計在任何屏幕上都易于使用。

簡化語言

一個包容性網(wǎng)站的視覺元素應(yīng)該盡可能的簡單易懂。然而，重要的是不要忘記你處理書面文字的方式。

使用簡單的術(shù)語而不是復(fù)雜的行業(yè)術(shù)語對那些有閱讀問題的人來說有很大的不同。還有排版方面的問題需要考慮，從字體的顏色、字體與所選背景的對比，到字體的清晰度。

記住，在意象和語言方面的次優(yōu)設(shè)計也會影響那些沒有殘疾的人。遵循簡單性的基本規(guī)則可以為任何訪問您網(wǎng)站的人提供更好的體驗。

確保你:

為視覺對比度添加下劃線、粗體或調(diào)整大小的鏈接;

加強(qiáng)適當(dāng)?shù)男芯?，字體大小約為1.5倍;

啟用一致的段落間距;

使用簡單的語言，減少認(rèn)知負(fù)荷;

使用縮寫時要描述它們;

使用清晰的標(biāo)題來邏輯地結(jié)構(gòu)內(nèi)容;

例如，看看Nomensa網(wǎng)站上的文字設(shè)計選擇。大量的空白讓內(nèi)容更容易閱讀。簡單的詞是可以理解和吸引人的。甚至字體的選擇也模仿徽標(biāo)，同時提供可讀性。

優(yōu)化網(wǎng)頁設(shè)計顏色

包羅萬象的網(wǎng)頁設(shè)計趨勢會來也會去。然而，色彩和對比對你的決定總是至關(guān)重要的。

通過確保您的設(shè)計元素滿足WCAG定義的最小顏色對比度，意味著您為視力受損用戶提供了可讀性支持，并改善了非視力受損用戶的體驗。

對于在這方面需要額外幫助的設(shè)計師，斯塔克等工具可以幫助衡量顏色對比。該工具還提供了一系列旨在支持可訪問性的其他工具。

請記住，您需要訪問的最小比率將取決于您正在設(shè)計的元素。WCAG建議以下準(zhǔn)則:

圖形對象(圖表)比例為3:1;

3:1比例的焦點，活動狀態(tài)，懸停;

3:1比例的可點擊項目和表單組件。

當(dāng)你在研究Stark等應(yīng)用的顏色對比策略時，一定要考慮色盲用戶的需求。世界上4。5%的人看待顏色的方式和其他人不一樣。如果你發(fā)現(xiàn)在堅持客戶的品牌指導(dǎo)方針的同時很難實現(xiàn)正確的對比，也可以嘗試下劃線和加粗元素。

考慮視頻和音頻元素

最后，現(xiàn)在越來越多的公司選擇在網(wǎng)站中嵌入視頻和音頻內(nèi)容。這些視覺和聽覺工具可以提供關(guān)于品牌及其功能的有用信息。然而，您可能很難僅通過視頻和音頻向某些客戶傳遞重要信息。

視頻內(nèi)容的字幕對于聽力受損的人來說可能是至關(guān)重要的。您可能需要考慮在預(yù)先錄制的視頻中添加文本，以便有聽力障礙的人能夠訪問。這些文本和字幕對那些無法通過智能手機(jī)或電腦獲取音頻的人也很有幫助。

文本還可以幫助那些有視覺障礙的人，方法是讓文本到語音工具向用戶描述一些內(nèi)容。這樣，每個人都能獲得有用的信息。例如，看看這段來自華盛頓大學(xué)的視頻。它確保每個人都能理解內(nèi)容中的內(nèi)容。如果你為客戶添加抄本到你的網(wǎng)站頁面，你也可以幫助他們從改進(jìn)的SEO也受益。成績單比視頻和播客提供更多的關(guān)鍵詞排名機(jī)會。

無障礙設(shè)計優(yōu)先

設(shè)計師要想在提供真正具有包容性的UI環(huán)境方面表現(xiàn)出色，他們就必須像為自己這樣的人創(chuàng)建界面一樣，善于為殘疾人創(chuàng)建網(wǎng)站。作為設(shè)計師，我們盡量做到包容，但我們很容易陷入讓網(wǎng)站更容易使用的想法。

如果你能站在與你不同的人的立場上，先考慮一些不尋常的需求，那么你就會發(fā)現(xiàn)你為每個用戶提供了更強(qiáng)大、更有吸引力的體驗。

例如，不要先為與你有相同視覺需求的人設(shè)計一個網(wǎng)站，然后再考慮對色盲或視力有問題的人進(jìn)行調(diào)整，而要先考慮殘疾人的需求。

你可以通過查看Vasilis Van Gemert的博客文章“危機(jī)方法”來了解更多關(guān)于把不尋常的需求放在首位的知識。

可訪問性有利于業(yè)務(wù)

包容性的網(wǎng)頁設(shè)計，或者無障礙設(shè)計，都是關(guān)于最大化你的客戶可以獲得的潛在受眾。無論最終用戶處于何種情況，您都應(yīng)該確保利用了包容性設(shè)計。

如果你能向你的客戶證明，你可以滿足所有客戶的需求，你就可以打開更多的受眾和更多的機(jī)會。