作為網站設計或開發(fā)人員,您可以解決可訪問性,增加受眾群體,甚至提高搜索排名。通常這些問題都有一個簡單的解決方案,對您的設計影響不大。
該準則無障礙是廣泛的,但這里有幾個關鍵的建議。無論出于何種原因,在您的網站設計中包含所有指南可能是不可行的,這沒關系。目標不是打破網站的核心功能或設計,而是避免不必要的排除。包括盡可能多的優(yōu)化,因為您正在設計的網站是合理的。
優(yōu)化視覺障礙
到目前為止,您最大的任務在于改進視覺設計。擁有不友好的顏色或對比度的網站可能會導致有困難的人混淆或頭痛。使用高對比度; 文字應該是暗的或輕的,以便于閱讀。白色的淺灰色文字可能很時髦,但對于低視力的人來說,它幾乎是不可見的。
考慮包括大文本模式,或可以修改字體,大小和樣式的菜單。
避免使用閃爍和閃爍,重復模式和其他癲癇觸發(fā)器 - 特別是未經同意。這些不僅令人討厭,而且非常危險。屏幕閱讀器友好性應該是一個優(yōu)先事項。有更多的屏幕閱讀器最佳實踐,但請注意以下幾點:
某些UI類型(例如隱藏在其中的按鈕的下拉菜單)不兼容。
用標題組織內容。
定義ARIA地標以便于導航。
alt必要時提供非可視替代方案,例如使用圖像標記。
W3C可訪問性標準不要僅通過視覺,聲音或顏色傳達信息
不應該說紫色文本放在藍色背景上是一個可怕的想法,不僅僅是對于色盲用戶,還有其他問題你可能沒有意識到。始終包含顏色以外的指示燈。卡在表單上的人不會欣賞錯誤框周圍的“ 簡約 ”紅色突出顯示,沒有其他視覺指示。
同樣,避免僅需要聲音或圖像進行導航。包括視頻的音頻記錄或字幕。使用圖像alt標記,并包含非文本內容的文本版本。不要僅通過視覺,聲音或顏色傳達信息。
使您的網站易于瀏覽和理解
網絡已經轉向簡化,這對于那些需要易于瀏覽網站的人來說非常棒。但是,仍然存在許多阻止可訪問性的常見錯誤。它通常歸結為保持清晰一致的設計。
使用可預測的導航元素。如果您在一個頁面的頂部欄中有鏈接,而在另一個頁面上有側欄,則只會導致混淆。
需要盡可能少的機動來繞行,例如使用粘性導航欄。
使互動元素脫穎而出。
標記和定義單擊目標(框,鏈接,表單)。不要讓它們小而且難以按壓。
您的網站應該只能通過鍵盤導航。永遠不要禁用焦點指示器。
用清晰易懂的文字書寫,或提供更簡單的版本。
提供一種排除多余CSS的布局模式。
提供有用的錯誤消息,解釋出現了什么問題以及如何解決問題。
創(chuàng)建響應式網站,或設計移動版本。
使您的網站易于瀏覽和理解
使網站可訪問
最后,如果許多網站采用這些標準,我們將共同創(chuàng)建一個更好,更具包容性的互聯(lián)網。