包容性設(shè)計(jì)：使每個(gè)人都可以訪問網(wǎng)站

如果您知道10億人無法訪問您的網(wǎng)站，您會(huì)怎么做？即使他們設(shè)法訪問它，也無法瀏覽或理解它，因此它們似乎是一個(gè)完全無用的網(wǎng)頁。你愿意改變嗎？

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

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

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

所以，讓我們深入探討這個(gè)主題。

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

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

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

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

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

是的，包容性設(shè)計(jì)和可訪問性在設(shè)計(jì)界已成為一些流行語。但它不是最近剛剛發(fā)明的東西。這在《您可以從零開始設(shè)計(jì)網(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è)計(jì)的主要目標(biāo)之一。

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

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

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

聽覺

認(rèn)知

神經(jīng)

物理

言語

視覺

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

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

人們因衰老而體驗(yàn)到能力的變化；

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

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

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

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

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

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

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

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

WCAG指南符合三個(gè)級別：

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

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

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

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

保持你的布局清晰

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

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

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

設(shè)計(jì)大按鈕

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

啟用可自定義的文本

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

測試鍵盤導(dǎo)航

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

做出良好的色彩對比

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

請勿過度使用屏幕

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

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

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

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

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

試著在用戶的鞋子里走動(dòng)

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

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

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

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

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

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

首先，您應(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)場演示將使他們親身體驗(yàn)網(wǎng)絡(luò)可訪問性的起伏。這可能會(huì)改變他們的想法。

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

結(jié)論

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

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

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

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

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

當(dāng)前題目：包容性設(shè)計(jì)：使每個(gè)人都可以訪問網(wǎng)站
分享鏈接：http://www.rwnh.cn/article16/dghjpdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、域名注冊、企業(yè)網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站建設(shè)、ChatGPT

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

包容性設(shè)計(jì)：使每個(gè)人都可以訪問網(wǎng)站