如果您知道10億人無法訪問您的網站,您會怎么做?即使他們設法訪問它,也無法瀏覽或理解它,因此它們似乎是一個完全無用的網頁。你愿意改變嗎?
當我們說十億人時,我們并沒有夸大其詞。世界銀行的統計數據顯示,世界上確實有10億殘疾人,占世界人口的15%。其中,有110-190萬人患有嚴重殘疾。
我們都知道,社會包容性是一個賦予社會所有邊緣化和受歧視群體權力的問題。這意味著通過提高意識和制作可以幫助他們融入社區的輔助技術,向處理任何身心殘疾的每個人伸出援助之手。
那么
網頁設計包容性呢?設計區域應該不同嗎?它不應該。
所以,讓我們深入探討這個主題。
為什么包容設計很重要
包容性設計意味著設計網站、應用程序、瀏覽器、工具以及其他所有永久或暫時禁用的數字產品。
換句話說,它意味著創建可用、功能和易用的產品,以滿足盡可能多的個人的需求。
包容性設計不是假設一種通用的用戶體驗,而是旨在取悅各種各樣的個人,并提供各種體驗和與世界互動的方式。雖然輔助設備旨在消除殘疾人的障礙,但包容性設計力求從根本上重新設計產品,以便不存在障礙。-Eone雜志
幸運的是,設計師和開發人員最近開始更加關注這一點。
是的,包容性設計和可訪問性在設計界已成為一些流行語。但它不是最近剛剛發明的東西。這在《您可以從零開始設計網站或使用預建網站,比其他網站更好嗎》?中也有提到過。
例如,采用圖像替代屬性Alt文本。它是CMS后端的框,您可以使用在圖像上看到的內容填充,以使其對搜索引擎更具可讀性,作為圖像優化的SEO技術之一。對?嗯,不是真的。
它用于SEO優化,這是正確的。但是你知道圖像Alt文本的首要目的嗎?它用于以文本方式描述網頁上的非文本內容,并使其可供屏幕閱讀器閱讀。因此,視障用戶可以很容易地知道圖像中顯示的內容。這就是為什么Alt文本應該更具描述性,而不僅僅是配備關鍵字。
因此,將Alt文本添加到照片和其他可視內容是Web可訪問性的核心原則之一。
什么是網站可訪問性
可訪問性是包容性設計的主要目標之一。
使網站,電子商店或網絡應用程序可訪問意味著每個網頁的設計和編碼方式都使其易于使用、可用、易于理解,并可導航到任何形式的身心殘疾用戶。
正如Web可訪問性倡議(WAI)所描述的那樣,許多站點和工具的開發具有可訪問性障礙,使得某些人難以或不可能使用這些障礙。使網絡可訪問將有利于個人、企業和社會。
影響對Web訪問的因素包括:
聽覺
認知
神經
物理
言語
視覺
除此之外,網絡可訪問性還有利于臨時或情境殘疾的人,例如:
人們在手機,智能手表和其他設備上使用小屏幕;
人們因衰老而體驗到能力的變化;
臨時殘疾的人,如斷腿,丟失眼鏡,接觸嘈雜的音樂;
具有情境限制的人,例如太低或太亮的光線,或太嘈雜的環境;
使用慢速Internet連接或帶寬有限的人。
用戶體驗設計師和UX知識庫草圖的創始人Krisztina Szerovay繪制的草圖非常有力地展示了可訪問性原則的全面評論。
如何使您的數字產品可以訪問每個人
如果您認為
網站建設中設計可訪問性很困難并且您根本不想打擾它,我們會提醒您,如果您不這樣做,可能會有無法訪問您網站的10億人。
因此,讓我們幫助您了解這些指導原則并使原則更易于理解。
根據網頁內容無障礙指南(WCAG)2.0,有一系列建議可讓殘障人士更容易獲取網頁內容,包括視力低下,聽力喪失,學習障礙,認知限制,運動受限,語言障礙,光敏性,和這些的組合。
WCAG指南符合三個級別:
1.A - 滿足基本的可訪問性要求
2.AA - 滿足中等規模的可訪問性要求
3.AAA - 滿足高容量可訪問性要求
基本可達性水平的可用步驟:
保持你的布局清晰
沒有人喜歡凌亂的設計或混亂的布局,充滿了不合理的導航標志或非邏輯的信息組。因此,正如Andrew Wilshere和Teresa Lamb在為Design Lab撰寫的文章中所述,請確保以清晰的視覺布局反映信息層次結構,使用戶能夠自然地瀏覽內容。
創造無法理解的鏈接
還記得鏈接的錨文本是“這里”,“這里”和“這里”的時間嗎?好吧,那些時間早已不復存在是有原因的。如今,您應該關注屏幕閱讀器并將鏈接的有意義的解釋放入錨文本中。保持簡潔易懂。
設計大按鈕
號召性用語按鈕是最重要的網頁設計組件之一,因此請小心處理。這意味著你應該使按鈕足夠大,以吸引每個用戶的眼球。這也意味著您需要在小屏幕上使它們與眾不同,易于接近,并且不會造成混淆。
啟用可自定義的文本
您可能認為字體大小12足以讓您的網站讀者閱讀。但是,讀者可能不同意。一些用戶可能會發現閱讀此類文本非常困難,他們可能只是讓您的網站永遠不會回來。因此,請務必始終啟用用戶調整字體大小的可能性。它將使閱讀體驗更加愉快。
測試鍵盤導航
在測試Web設計原型時,不要忘記沿途測試鍵盤導航。從左到右,嘗試上下移動,測試Tab和Enter鍵,并確保只使用鍵盤即可瀏覽整個網站。這種導航是網絡可訪問性最重要的方面之一,因為它可能會影響許多不同殘疾人。
做出良好的色彩對比
如果在白色背景上放置淺灰色字母,則會使文本難以讀取。在更暗的背景上使用深色字母也會發生同樣的情況。因此,在行動之前要先考慮一下,并確保在您的網頁上創建高對比度值,以便更多用戶可以訪問它。此外,請注意每個處理色盲的人,并盡量不要將相似或不可識別的顏色并排放置。用戶會很感激。
請勿過度使用屏幕
在考慮產品功能和設計屏幕布局時,請記住“少即是多”并保持設計簡約。含義:將元素保持在最小值,使它們可見并且不要過度擁擠屏幕。如果你這樣做,它對用戶來說似乎是壓倒性的,它可能會提高你網站的跳出率,沒有人會希望這種情況發生。
提供視頻內容的標題
觀看帶有字幕的不是母語的視頻是很常見的。如果沒有字幕,你將無法理解一個字,對吧? 嗯,這正是聽力損失的人經歷的。他們無法理解沒有字幕的單詞。因此,請務必為您在網站上播放的每個視頻提供字幕。并且不要忘記黃金法則 - 不要在自動播放上放置視頻。
為經驗豐富的音頻提供可用的錄音
如果您在自己的網站上播放視頻,或者通常上傳大量音頻資料,請務必為每次錄制提供成績單。您可以制作完整版本或更短的摘要,但不管怎樣,都不要忽視與音頻對齊的文本的重要性。它將使聽覺受損者受益,并使其他人也更容易獲得您網站的內容。
試著在用戶的鞋子里走動
如果您是經常與客戶打交道的設計師或開發人員,他們中的大多數人很可能甚至不會考慮可訪問性。
讓我們以耳機制造商為例。他可能會說聽覺受損或聾人當然不在他的目標受眾中,他可能想知道他為什么要讓他們的網站可以訪問。
或者,圖書出版商可能會認為誦讀困難的人與他的業務無關,而只是忽視他們作為潛在客戶。
最大的諷刺可能是,如果盲人輔助設備的制作者不能讓視障人士訪問他的網站。
如果你發現自己處于這種狀況,你該怎么辦?您是否應該介入并向客戶解釋包容性設計的重要性?我們相信你應該會。
你怎么能告訴他們你的意思?
首先,您應該運行輔助功能測試并查看網站的痛點。為此,您可以使用Jennifer Aldrich在UX雜志上推薦的一些在線測試工具。她的列表包括AChecker,Contrast Analyzer,Skala Preview和Wave Web Accessibility evaluation Tool。
然后,您可以簡單地將您的客戶的商業
網站建設設置為由屏幕閱讀器閱。這種現場演示將使他們親身體驗網絡可訪問性的起伏。這可能會改變他們的想法。
如果您想親自體驗,可以嘗試使用Funkify的測試版,這是Chrome的新擴展程序,可幫助您通過具有不同能力和殘疾的用戶的眼睛看到網絡和使用界面。
結論
這是一句話的總結:
包容性設計和網絡可訪問性不僅僅是流行語。
設計包容性和可訪問性意味著您創建的每個數字
解決方案都應為每個用戶提供定制的用戶體驗,無論他們是永久或暫時禁用,還是根本不禁用。遵循這些指南還可以使您的網站更易于用戶使用。它可以提高您的頁面訪問量,延長用戶在您的網站上停留的時間,讓客戶更容易從您的電子商店購買,并使您的網頁更加SEO友好。
每個人都有權查看,審核您的在線內容并與之互動。不要馬上把它拿走。
考慮網頁設計的各個方面,讓您的用戶滿意。
當前題目:包容性設計:使每個人都可以訪問網站
分享鏈接:http://vcdvsql.cn/article16/dghjpdg.html
成都網站建設公司_創新互聯,為您提供響應式網站、域名注冊、企業網站制作、網站收錄、網站建設、ChatGPT
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯