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



如果您知道10億人無法訪問您的網(wǎng)站,您會怎么做?即使他們設(shè)法訪問它,也無法瀏覽或理解它,因此它們似乎是一個完全無用的網(wǎng)頁。你愿意改變嗎?
當(dāng)我們說十億人時,我們并沒有夸大其詞。世界銀行的統(tǒng)計數(shù)據(jù)顯示,世界上確實有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雜志
幸運的是,設(shè)計師和開發(fā)人員最近開始更加關(guā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)所描述的那樣,許多站點和工具的開發(fā)具有可訪問性障礙,使得某些人難以或不可能使用這些障礙。使網(wǎng)絡(luò)可訪問將有利于個人、企業(yè)和社會。
影響對Web訪問的因素包括:
聽覺
認(rèn)知
神經(jīng)
物理
言語
視覺
除此之外,網(wǎng)絡(luò)可訪問性還有利于臨時或情境殘疾的人,例如:
人們在手機,智能手表和其他設(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)知限制,運動受限,語言障礙,光敏性,和這些的組合。
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ù)人很可能甚至不會考慮可訪問性。
讓我們以耳機制造商為例。他可能會說聽覺受損或聾人當(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)該運行輔助功能測試并查看網(wǎng)站的痛點。為此,您可以使用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的新擴展程序,可幫助您通過具有不同能力和殘疾的用戶的眼睛看到網(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è)計的各個方面,讓您的用戶滿意。

當(dāng)前題目:包容性設(shè)計:使每個人都可以訪問網(wǎng)站
分享鏈接:http://www.muchs.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)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站