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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

語音問題:語音UI設計的常見問題;

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

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

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

了解你的聽眾

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

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

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

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

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

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

設計一個干凈清晰的布局

任何網(wǎng)站設計都應該首先關注清晰度。

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

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

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

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

測試導航選項，確保它們易于使用;

不要讓屏幕太擁擠，記住在減少認知負荷時少即是多;

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

簡化語言

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

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

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

確保你:

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

加強適當?shù)男芯啵煮w大小約為1.5倍;

啟用一致的段落間距;

使用簡單的語言，減少認知負荷;

使用縮寫時要描述它們;

使用清晰的標題來邏輯地結構內(nèi)容;

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

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

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

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

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

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

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

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

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

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

考慮視頻和音頻元素

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

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

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

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

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

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

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

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

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

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

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