當(dāng)我們說十億人時，我們并沒有夸大其詞。世界銀行的統(tǒng)計數(shù)據(jù)顯示，世界上確實(shí)有10億殘疾人，占世界人口的15％。其中，有110-190萬人患有嚴(yán)重殘疾。
 

　　我們都知道，社會包容性是一個賦予社會所有邊緣化和受歧視群體權(quán)力的問題。這意味著通過提高意識和制作可以幫助他們?nèi)谌肷鐓^(qū)的輔助技術(shù)，向處理任何身心殘疾的每個人伸出援助之手。
 

　　那么網(wǎng)頁設(shè)計包容性呢？設(shè)計區(qū)域應(yīng)該不同嗎？它不應(yīng)該。
 

　　所以，讓我們深入探討這個主題。
 

　　為什么包容設(shè)計很重要
 

　　包容性設(shè)計意味著設(shè)計網(wǎng)站、應(yīng)用程序、瀏覽器、工具以及其他所有永久或暫時禁用的數(shù)字產(chǎn)品。
 

　　換句話說，它意味著創(chuàng)建可用、功能和易用的產(chǎn)品，以滿足盡可能多的個人的需求。
 

　　包容性設(shè)計不是假設(shè)一種通用的用戶體驗，而是旨在取悅各種各樣的個人，并提供各種體驗和與世界互動的方式。雖然輔助設(shè)備旨在消除殘疾人的障礙，但包容性設(shè)計力求從根本上重新設(shè)計產(chǎn)品，以便不存在障礙。-Eone雜志
 

　　幸運(yùn)的是，設(shè)計師和開發(fā)人員最近開始更加關(guān)注這一點(diǎn)。
 

　　是的，包容性設(shè)計和可訪問性在設(shè)計界已成為一些流行語。但它不是最近剛剛發(fā)明的東西。這在《您可以從零開始設(shè)計網(wǎng)站或使用預(yù)建網(wǎng)站,比其他網(wǎng)站更好嗎》？中也有提到過。
 

　　例如，采用圖像替代屬性Alt文本。它是CMS后端的框，您可以使用在圖像上看到的內(nèi)容填充，以使其對搜索引擎更具可讀性，作為圖像優(yōu)化的SEO技術(shù)之一。對？嗯，不是真的。
 

　　它用于SEO優(yōu)化，這是正確的。但是你知道圖像Alt文本的首要目的嗎？它用于以文本方式描述網(wǎng)頁上的非文本內(nèi)容，并使其可供屏幕閱讀器閱讀。因此，視障用戶可以很容易地知道圖像中顯示的內(nèi)容。這就是為什么Alt文本應(yīng)該更具描述性，而不僅僅是配備關(guān)鍵字。
 

　　因此，將Alt文本添加到照片和其他可視內(nèi)容是Web可訪問性的核心原則之一。
 

　　什么是網(wǎng)站可訪問性
 

　　可訪問性是包容性設(shè)計的主要目標(biāo)之一。
 

　　使網(wǎng)站，電子商店或網(wǎng)絡(luò)應(yīng)用程序可訪問意味著每個網(wǎng)頁的設(shè)計和編碼方式都使其易于使用、可用、易于理解，并可導(dǎo)航到任何形式的身心殘疾用戶。
 

　　正如Web可訪問性倡議（WAI）所描述的那樣，許多站點(diǎn)和工具的開發(fā)具有可訪問性障礙，使得某些人難以或不可能使用這些障礙。使網(wǎng)絡(luò)可訪問將有利于個人、企業(yè)和社會。
 

　　影響對Web訪問的因素包括：
 

　　聽覺
 

　　認(rèn)知
 

　　神經(jīng)
 

　　物理
 

　　言語
 

　　視覺
 

　　除此之外，網(wǎng)絡(luò)可訪問性還有利于臨時或情境殘疾的人，例如：
 

　　人們在手機(jī)，智能手表和其他設(shè)備上使用小屏幕；
 

　　人們因衰老而體驗到能力的變化；
 

　　臨時殘疾的人，如斷腿，丟失眼鏡，接觸嘈雜的音樂；
 

　　具有情境限制的人，例如太低或太亮的光線，或太嘈雜的環(huán)境；
 

　　使用慢速Internet連接或帶寬有限的人。
 

　　用戶體驗設(shè)計師和UX知識庫草圖的創(chuàng)始人Krisztina Szerovay繪制的草圖非常有力地展示了可訪問性原則的全面評論。
 

 

　　如何使您的數(shù)字產(chǎn)品可以訪問每個人
 

　　如果您認(rèn)為網(wǎng)站建設(shè)中設(shè)計可訪問性很困難并且您根本不想打擾它，我們會提醒您，如果您不這樣做，可能會有無法訪問您網(wǎng)站的10億人。
 

　　因此，讓我們幫助您了解這些指導(dǎo)原則并使原則更易于理解。
 

　　根據(jù)網(wǎng)頁內(nèi)容無障礙指南（WCAG）2.0，有一系列建議可讓殘障人士更容易獲取網(wǎng)頁內(nèi)容，包括視力低下，聽力喪失，學(xué)習(xí)障礙，認(rèn)知限制，運(yùn)動受限，語言障礙，光敏性，和這些的組合。
 

　　WCAG指南符合三個級別：
 

　　1.A  - 滿足基本的可訪問性要求
 

　　2.AA  - 滿足中等規(guī)模的可訪問性要求
 

　　3.AAA  - 滿足高容量可訪問性要求
 

　　基本可達(dá)性水平的可用步驟：
 

　　保持你的布局清晰
 

　　沒有人喜歡凌亂的設(shè)計或混亂的布局，充滿了不合理的導(dǎo)航標(biāo)志或非邏輯的信息組。因此，正如Andrew Wilshere和Teresa Lamb在為Design Lab撰寫的文章中所述，請確保以清晰的視覺布局反映信息層次結(jié)構(gòu)，使用戶能夠自然地瀏覽內(nèi)容。
 

 

　　創(chuàng)造無法理解的鏈接
 

　　還記得鏈接的錨文本是“這里”，“這里”和“這里”的時間嗎？好吧，那些時間早已不復(fù)存在是有原因的。如今，您應(yīng)該關(guān)注屏幕閱讀器并將鏈接的有意義的解釋放入錨文本中。保持簡潔易懂。
 

　　設(shè)計大按鈕
 

　　號召性用語按鈕是最重要的網(wǎng)頁設(shè)計組件之一，因此請小心處理。這意味著你應(yīng)該使按鈕足夠大，以吸引每個用戶的眼球。這也意味著您需要在小屏幕上使它們與眾不同，易于接近，并且不會造成混淆。
 

　　啟用可自定義的文本
 

　　您可能認(rèn)為字體大小12足以讓您的網(wǎng)站讀者閱讀。但是，讀者可能不同意。一些用戶可能會發(fā)現(xiàn)閱讀此類文本非常困難，他們可能只是讓您的網(wǎng)站永遠(yuǎn)不會回來。因此，請務(wù)必始終啟用用戶調(diào)整字體大小的可能性。它將使閱讀體驗更加愉快。
 

　　測試鍵盤導(dǎo)航
 

　　在測試Web設(shè)計原型時，不要忘記沿途測試鍵盤導(dǎo)航。從左到右，嘗試上下移動，測試Tab和Enter鍵，并確保只使用鍵盤即可瀏覽整個網(wǎng)站。這種導(dǎo)航是網(wǎng)絡(luò)可訪問性最重要的方面之一，因為它可能會影響許多不同殘疾人。
 

 

　　做出良好的色彩對比
 

　　如果在白色背景上放置淺灰色字母，則會使文本難以讀取。在更暗的背景上使用深色字母也會發(fā)生同樣的情況。因此，在行動之前要先考慮一下，并確保在您的網(wǎng)頁上創(chuàng)建高對比度值，以便更多用戶可以訪問它。此外，請注意每個處理色盲的人，并盡量不要將相似或不可識別的顏色并排放置。用戶會很感激。
 

　　請勿過度使用屏幕
 

　　在考慮產(chǎn)品功能和設(shè)計屏幕布局時，請記住“少即是多”并保持設(shè)計簡約。含義：將元素保持在最小值，使它們可見并且不要過度擁擠屏幕。如果你這樣做，它對用戶來說似乎是壓倒性的，它可能會提高你網(wǎng)站的跳出率，沒有人會希望這種情況發(fā)生。
 

 

　　提供視頻內(nèi)容的標(biāo)題
 

　　觀看帶有字幕的不是母語的視頻是很常見的。如果沒有字幕，你將無法理解一個字，對吧？ 嗯，這正是聽力損失的人經(jīng)歷的。他們無法理解沒有字幕的單詞。因此，請務(wù)必為您在網(wǎng)站上播放的每個視頻提供字幕。并且不要忘記黃金法則 - 不要在自動播放上放置視頻。
 

　　為經(jīng)驗豐富的音頻提供可用的錄音
 

　　如果您在自己的網(wǎng)站上播放視頻，或者通常上傳大量音頻資料，請務(wù)必為每次錄制提供成績單。您可以制作完整版本或更短的摘要，但不管怎樣，都不要忽視與音頻對齊的文本的重要性。它將使聽覺受損者受益，并使其他人也更容易獲得您網(wǎng)站的內(nèi)容。
 

 

　　試著在用戶的鞋子里走動
 

　　如果您是經(jīng)常與客戶打交道的設(shè)計師或開發(fā)人員，他們中的大多數(shù)人很可能甚至不會考慮可訪問性。
 

　　讓我們以耳機(jī)制造商為例。他可能會說聽覺受損或聾人當(dāng)然不在他的目標(biāo)受眾中，他可能想知道他為什么要讓他們的網(wǎng)站可以訪問。
 

　　或者，圖書出版商可能會認(rèn)為誦讀困難的人與他的業(yè)務(wù)無關(guān)，而只是忽視他們作為潛在客戶。
 

　　最大的諷刺可能是，如果盲人輔助設(shè)備的制作者不能讓視障人士訪問他的網(wǎng)站。
 

　　如果你發(fā)現(xiàn)自己處于這種狀況，你該怎么辦？您是否應(yīng)該介入并向客戶解釋包容性設(shè)計的重要性？我們相信你應(yīng)該會。
 

　　你怎么能告訴他們你的意思？
 

　　首先，您應(yīng)該運(yùn)行輔助功能測試并查看網(wǎng)站的痛點(diǎn)。為此，您可以使用Jennifer Aldrich在UX雜志上推薦的一些在線測試工具。她的列表包括AChecker，Contrast Analyzer，Skala Preview和Wave Web Accessibility evaluation Tool。
 

　　然后，您可以簡單地將您的客戶的商業(yè)網(wǎng)站建設(shè)設(shè)置為由屏幕閱讀器閱。這種現(xiàn)場演示將使他們親身體驗網(wǎng)絡(luò)可訪問性的起伏。這可能會改變他們的想法。
 

　　如果您想親自體驗，可以嘗試使用Funkify的測試版，這是Chrome的新擴(kuò)展程序，可幫助您通過具有不同能力和殘疾的用戶的眼睛看到網(wǎng)絡(luò)和使用界面。
 

　　結(jié)論
 

　　這是一句話的總結(jié)：
 

　　包容性設(shè)計和網(wǎng)絡(luò)可訪問性不僅僅是流行語。
 

　　設(shè)計包容性和可訪問性意味著您創(chuàng)建的每個數(shù)字解決方案都應(yīng)為每個用戶提供定制的用戶體驗，無論他們是永久或暫時禁用，還是根本不禁用。遵循這些指南還可以使您的網(wǎng)站更易于用戶使用。它可以提高您的頁面訪問量，延長用戶在您的網(wǎng)站上停留的時間，讓客戶更容易從您的電子商店購買，并使您的網(wǎng)頁更加SEO友好。
 

　　每個人都有權(quán)查看，審核您的在線內(nèi)容并與之互動。不要馬上把它拿走。
 

　　考慮網(wǎng)頁設(shè)計的各個方面，讓您的用戶滿意。
 

　　本文僅僅是可訪問性主題的一部分，但我們希望我們能夠解釋其重要性，并為您提供可用的步驟，通過讓每個人都可以訪問它們來改進(jìn)您的網(wǎng)站和數(shù)字產(chǎn)品。