
1對1定制服務,PC端+手機端+小程序多端應用
如何快速提高網站設計可訪問性的技巧
2020年10月12日瀏覽:
許多網站設計人員和開發人員才剛剛開始理解網站可訪問性的重要性。長期以來,這個重要的方面已經讓網站設計在最近幾年出現在設計思維的前沿里。如果您剛剛開始了解網站的可訪問性,不要感到沮喪。因為即使是世界上最大的品牌通常也沒有注意到這一點。事實上,在2019年,一位盲人起訴了達美樂,因為他們的網站不兼容屏幕閱讀軟件。而且,理所當然地贏了!
網站應該是人人都能訪問的,特別是對殘疾人來說。作為一個網站設計師,您的工作就是確保您設計的網站能夠服務于所有的用戶。
在這個時代,對網站可訪問性有一個基本的了解對于所有的網站設計師和開發人員來說都是很重要的。
什么是網站可及性?
WCAG和ADA是您在學習網站可訪問性時會遇到的兩個術語。它們代表了網站內容可訪問性指南(WCAG)和美國殘疾人法案(ADA)。這些準則是作為網站設計的標準而制定的,以使殘疾人士能夠訪問這些網站。
當您讓一個網站更易于訪問時,您需要密切關注您的設計的許多方面。包括網站代碼,您在網站設計中使用的顏色,字體大小,與舊瀏覽器的兼容性,等等。
無論您是大公司品牌還是小公司網站,讓網站符合網站可訪問性標準現在是至關重要的。
它為什么重要?
美國無障礙網站協會的第一起訴訟發生在2017年,并一路打到了聯邦法院。這一切都是因為網站與屏幕閱讀軟件不兼容。
想象一下,對于視障人士來說,無法從網站上訂購他們需要的產品是多么令人沮喪。尤其是在疫情大流行的時候,網上購物是唯一安全購物的方式。
讓您的網站對殘疾人開放不僅是為了避免訴訟,也是為了更好地服務您的客戶。
這里有一些快速的技巧來測試和提高您的網站的可訪問性。
1.測試您的網站
讓您的網站無障礙的第一步是運行一個網站審計,看看哪些設計領域需要改進。
即使您使用了干凈的代碼并遵循了標準的網站設計準則,您的網站仍然可能缺少一些重要的元素。比如在使用屏幕閱讀軟件時幫助描述圖像和視覺效果的媒體alt標簽。
運行一個網站可訪問性測試將幫助您找到這些缺失的元素,這樣您就可以開始改進您的網站。
一個好的開始是使用谷歌燈塔工具,它可以讓您免費運行一個網站審計。在許多其他方面,它也檢查網站的可訪問性。您也可以使用WAVE工具,或者aCe輔助工具,它們只是用來測試網站的輔助功能。
2.使用網站可訪問性解決方案
如果您的業務目標受眾廣泛,最好找到一個更好的解決方案來測試您的網站,而不是僅僅依靠免費的在線工具。
另外,您還需要確保隨著時間的推移,隨著需求和建議的變化和發展,遵從性。
同時,一旦您意識到網站需要改進的地方,您就必須雇傭網站設計師、用戶體驗設計師和開發人員來實現這些改變。一種更便宜、更快、更簡單的方法是使用像accessiBe這樣的網站可訪問性工具。
accessiBe可以與您的網站集成,自動掃描和優化您的設計的網站可訪問性。它使用一個強大的AI(人工智能)為屏幕閱讀器軟件改進您的網站內容,優化鍵盤導航,并調整許多其他用戶體驗設計元素。
如果您是一個自由職業的網站設計師或代理,使用像accessiBe這樣的服務是一個很好的方法,使您的網站更容易訪問快捷。
3.優化網站用戶體驗
用戶體驗設計師的角色常常被許多品牌和企業在制作網站時所忽視,直到他們受到訴訟浪潮的沖擊。
即使是網站設計師也應該對用戶體驗設計(UXD)有一定的了解,以確保網站內容被優化以提供更好的體驗。
需要關注的一些最重要的領域是:
導航:清晰的導航是網站至關重要的一部分。當使用新的導航類型,如漢堡包菜單和百萬菜單時要注意
文本:找到使您的文本在所有平臺、設備和瀏覽器上都可讀的理想字體和字體大小
表單:確保為每個字段添加標簽,使表單更容易訪問
按鈕和鏈接:避免為按鈕使用圖像。并使鏈接具有清晰的文本、顏色和url
4.選擇顏色友好的視覺效果
視覺障礙和色盲是世界上最常見的兩種殘疾,但是設計師經常忘記讓他們的網站內容對這些人來說是可訪問的。
當您為您的網站設計選擇視覺效果時,這是您應該經??紤]的。從背景和內容的對比到圖片中使用的顏色,所有的東西都應該經過精心挑選,以使不同類型的視覺障礙的人都能看到它們。
例如,一些網站使用顏色來強調按鈕和鏈接的重要性。對于色盲的人來說,這些按鈕將意味著完全不同的東西。
色盲網站過濾器是一個簡單的免費工具,您可以使用它來預覽您的網站,看看色盲的人是如何看到您的內容的。還有其他工具可以用來優化色盲的內容。
5.使用內容管理系統
網站的靈活性也會影響網站的可訪問性,有了一個更靈活的網站,就更容易做出必要的改變來提高網站的可訪問性。使用內容管理系統(CMS)是實現這一目標的好方法。
總結
讓更多的人訪問您的網站,您不僅可以讓更多的人訪問您的產品或服務,而且您還可以在競爭中獲得優勢。而且,您還可以避免很多麻煩,避免潛在的訴訟。
友情鏈接: