Web 可訪問性的基礎知識
已發表: 2022-10-18希望現在您知道擁有一個可訪問的網站是必須的。 這不僅是道德和公平問題,也是法律要求。
美國和許多其他國家已經制定了與網絡可訪問性相關的法律法規。 根據 Web 可訪問性指南和 ADA,“殘疾人的 Web 可訪問性是司法部的優先事項。”
近年來,針對網站無法訪問的公司和機構的訴訟數量有所增加。 底線:是的,如果您的網站不符合 ADA 標準,您可能會被起訴。 儘管這聽起來可能令人擔憂,但我分享這一點的目的是為了說明 Web 可訪問性很重要——而且非常重要。 這並不重要,因為有這樣的法律規定,而是因為可訪問性影響了足夠多的人,因此有法律確保他們在網絡上獲得公平的訪問。
如果您不熟悉網絡可訪問性,那麼您來對地方了! 讓我們看一下您需要了解的有關可訪問性的基礎知識。
為什麼 Web 可訪問性很重要
大多數人通常更容易理解物理可達性,因為它是可見的:例如,輪椅使用者不能使用常規停車位,也不能通過樓梯進入建築物。 無障礙停車場和坡道是我們可以看到和理解的無障礙的物理表現。 當然,這並不是唯一一種物理可訪問性需求——遠非如此——而且我們在物理空間中還有很長的路要走,以解決無數其他難以駕馭公共空間的人(但這是另一回事了)。
在互聯網的早期,大多數在線空間的設計都沒有考慮到用戶,更不用說具有不同可訪問性需求的用戶了。 隨著我們越來越依賴網絡來滿足個人、專業甚至公民的需求,對用戶體驗的關注已成為構建和維護網站的關鍵部分。
不幸的是,我們花了很長時間才意識到,僅僅為“用戶體驗”而設計並沒有考慮到擁有不同體驗的各種用戶。 例如,創建一個看似用戶友好但使用某些用戶難以或無法識別的顏色的新網站會給這些訪問者帶來糟糕的體驗。 或者,上傳沒有字幕的視頻或沒有替代文字的圖像,會立即排除部分網站訪問者。
可訪問的網站減少了訪問者的障礙,降低了法律問題的風險,並且更加道德和公平。 為什麼網絡可訪問性還很重要? 這是一個公正的清單:
- 如果您的網站無法訪問,您將錯過大量訪問者和潛在客戶。
- 無障礙網站為每個人提供更好的用戶體驗。
- 可訪問性與良好的 SEO 相關聯 易於導航的網站轉換效果更好。
可訪問性基礎知識
可訪問性不僅僅包括圖像上的替代文字和視頻的字幕,儘管這些都是非常重要的方面。 事實上,無障礙設計意味著考慮一系列殘疾,包括:
- 視覺:如視力障礙、色盲、視力受限
- 認知:如閱讀障礙、自閉症、學習障礙
- 聽覺:如耳聾或重聽
- 神經系統:如癲癇、記憶力減退、功能性神經系統疾病
- 身體:如帕金森氏症、截肢、重複性壓力損傷
這些類別所涵蓋的範圍遠遠超過列出的示例,並且許多類別需要輔助技術類型(如屏幕閱讀器、語音識別或替代鍵盤等),這使得了解他們的需求變得很重要。 此外,非永久性殘疾和其他需求屬於這些類別——例如,手臂骨折的人、耳鳴的人或難以使用技術的老年用戶。
萬維網聯盟 (W3C) 的指導方針說,Web 可訪問性的原則是用戶可以“感知、理解、導航和與 Web 交互”。 設計和實施可訪問性最佳實踐意味著遵循這些原則並在所有元素中實踐包容性。 可訪問性的某些方面可能需要更複雜的規劃和實施,但其中大部分很容易立即實施,我們將在接下來介紹。
立即實施可訪問性
理想情況下,可訪問性從一開始就是您戰略的一部分,並且您的網站在構建時考慮了最佳實踐。 但是,如果您已經有一個網站,那沒關係! 您現在可以開始實施可訪問性措施,並儘可能對您的網站進行必要的調整。
書面內容
一個好的起點是您的內容,特別是如果您定期向您的網站添加新文章或頁面。 有關可訪問內容的一些快速簡便的提示包括:
- 確保你的寫作清晰、簡潔、易讀。 避免過於復雜的語言、過多的隱喻、沒有解釋的首字母縮略詞和長句。
- 盡可能使用整個頁面的空白,包括較短的段落和易於理解的列出項目。
- 使用適當的標題(h2、h3 等)格式化以合理地構建頁面。
- 確保頁面標題清晰且格式正確。 避免過度格式化,如斜體和粗體。
- 在鏈接中具有描述性,避免說“單擊此處”之類的內容。 標題、列表項和其他內容結構已正確標記
其他內容類型
實現可訪問性最佳實踐的另一種簡單方法是處理您的多媒體內容。 以下是一些基本準則:

- 圖像應該有簡潔的描述性替代文本來解釋圖像是什麼。
- 音頻內容(如播客或採訪)應該有轉錄。
- 視頻內容應該有字幕和轉錄。
形式
表單是您網站的重要組成部分。 無論他們的主要功能是讓當前客戶取得聯繫,還是讓您獲取潛在客戶的數據,您的表單的可訪問性都至關重要。 創建可訪問的表單對每個人都有好處。 以下是一些最佳實踐:
- 表單應該簡單,字段越少越好。
- 表格應包括填寫表格的基本說明,以及填寫表格後會發生什麼(例如,有人會與他們聯繫,或者他們會收到要下載的電子書)。
- 表格應提供有關錯誤和成功完成的明確輸入。
- 每個字段都應該有明確的標籤,如果需要的話有提示或示例,必填字段也應該清楚地標註。
設計和導航元素
雖然一些設計最佳實踐會很耗時並且可能需要開發人員,但這裡有一些易於解決的設計功能,您可以實現:
- 使用對比度更新任何當前問題。
- 更改任何顏色實例作為交互式項目的唯一指標。
- 確保導航是合乎邏輯且可感知的。
當您準備好進行更多可訪問性設計時,您應該了解 W3C 標準。 有大量在線資源涵蓋了有關如何更新您的網站的詳細信息。 如果某些更改超出您的技能水平,您也可以考慮聘請精通可訪問性的 Web 開發人員(因為,老實說,其中一些非常技術性!)。 您應該實現的一些可能需要開發人員的功能包括:
- 使您的網站對鍵盤友好(能夠使用製表符、轉義鍵和箭頭鍵進行導航),因為許多用戶無需使用鼠標即可瀏覽網頁。
- 確保文本可調整大小,以便訪問者可以根據需要放大閱讀。
- 使用適當的標記(查看 W3C 的網頁設計技巧以獲取更多信息)。
長期可訪問性策略
一旦掌握了基礎知識,最好制定一個長期計劃來更新和維護可訪問性。 這可能包括決定可訪問性如何適合您的業務目標和/或您的目的聲明,指定個人或團體承擔可訪問性的責任,以及設置定期監控、測試或審查標準。
您最初無法涵蓋的任何基礎知識,例如開發人員需要進行的更改,都應該計劃好。 將這些類型的更新放在次要位置並忘記它們或沒有時間接受它們太容易了。 在您的預算中為更改留出空間,找到精通可訪問性的開發人員,並在日曆上放一些東西。
至於長期策略,使用包容性設計方法查看 Web 可訪問性是有幫助的。 考慮誰可能正在訪問您的網站,以及他們可能需要什麼來成功導航(和轉換!)。 通常,某些工具或方法實際上對許多類型的用戶有用。 例如,低視力用戶需要可調整大小的文本; 使用智能手機的訪問者也可能會喜歡此功能。 擁有聊天機器人或聯繫表格不僅對聾人或聽力障礙的訪客有用,而且對感到焦慮的訪客也有用。
包容性設計可幫助您接觸盡可能多的潛在用戶,這意味著更多的流量、更多的潛在客戶以及為每個人提供更好的網絡體驗。 時期。