2019年,視障男子吉列爾 如何讓您的 莫·羅伯斯(Guillermo Robles)對達美樂比薩提起訴訟,因為他無法使用螢幕閱讀器在網站或行動應用程式上訂餐。法院做出了有利於吉列爾莫的裁決,因為多米諾的網站違反了 ADA(美國殘疾人法案)網站無障礙指南。
根據加州《安魯法案》,這起訴訟使他們損失了 4,000 美元。
殘疾人 荷蘭電話號碼數據 數量超過13 億,佔全球人口的 16%。儘管如此,超過 98% 的美國網頁不符合 ADA。
然而,在缺乏聯邦法規的情況下,司法部 (DoJ) 強制要求將 WCAG(網頁內容可訪問性指南)作為可訪問性合規性的標準。
這些輔助功能指南分為三級:A、AA 和 AAA,其中 A 為最低等級,AAA 為最高等級。
網站無障礙原則
包容性網站必須通過四項品質檢查。它必須是可感知的、可操作的、可理解的和穩健的(POUR):
- 可感知:使用者應該使用他們的感官(視覺、覺或聽覺) 輕鬆識別您的網路內容和元素。
- 可操作:使用者應該能夠輕鬆地瀏覽您的網站或存取您的網頁內容。
- 可理解的:您的網站內容和元素應該是一致的、可預測的和全面的。
- 穩健:您的網站內容應與各種工具、平台、螢幕和瀏覽器相容,包括殘障人士使用的輔助科技工具。
如何讓您的網站符合 ADA 標準
以下是透過網站 ADA 合規政策提高網站可訪問性的 11 種方法:
1. 確保所有非文字內容都有描述性替代內容:
規則:為任何非文本內容提供替代文本,以便將其更改為人們需要的其他形式,例如大字、點字、語音、符號或更簡單的語言。
視障人士依靠輔助科技 (AT) 將非文字內容翻譯為可讀/可聽格式。如果沒有描述性替代文字(替代文字),此類別的使用者將錯過您透過圖像、影片或其他多媒體內容傳達的重要訊息。如果您經營一家嚴重依賴影像的電子商務商店或企業,這一點就更為重要。請參閱 Ahrefs 中的範例:
以下是您需要做的事情:
- 確保所有非文字內容(例如圖像、插圖、圖表等)都有描述其內容的替代文字(替代文字)。
- 替代文字應該是簡單、簡短且具有描述性。如果您還想優化 SEO,則可以添加主要關鍵字。
- 如果您在網站上使用驗證碼,請提供替代文字來描述其目的,而不是解釋挑戰。此外,不要使用基於影像的驗證碼,而是考慮其他可存取的替代形式。
- 您不需要為模因或圖表等裝飾圖像添加替代文本,因為輔助技術可以忽略它。更好的是,添加不含文字的 alt 屬性 (alt=””),以表明該圖像是裝飾性的,不傳達任何有意義的訊息。簡而言之,螢幕閱讀器可以跳過圖像,因為它純粹是為了增強視覺效果。
- 對於圖像地圖或提交按鈕,請在上方或下方新增文字內容,向使用者描述其用途。
2. 為視訊和音訊內容添加文字記錄和字幕:
規則:為基於時間的媒體提供替代方案。
如果您的網站包含視訊或音訊內容(特別是對於課程創作者而言),請務必考慮有聽力或視覺障礙的人,以使您的網站符合 ADA 標準。
您需要提供替代文字(音訊腳本和視訊字幕)以 如何讓您的 幫助用戶存取您的內容。例如,聾啞人士或盲人可以輕鬆閱讀點字文字。
- 對於音訊內容,請為有聽力障礙的使用者提供完整的錄音記錄。另外,添加一條文本,告訴用戶在哪裡以及如何下載音頻腳本。
- 影片內容應具有同步字幕。如果您的影片沒有音訊(例如管弦樂團、操作影片或遊戲),請使用替代文字來描述其傳達的訊息。
- 不要排除微小的細節。包括透過聲音傳達的非語音訊息的文字。
- 如果您正在主持包含音訊的直播或廣播,請確保即時產生字幕,包括其他相關的音訊訊息,例如音效或發言者識別。
- 請手語翻譯員將音訊和視訊內容翻譯成手語,以幫助聽力障礙人士理解您的內容。
提示:如果您的影片和音訊內容可以取代網站上的文字內容,則無需提供文字記錄或同步字幕,因為使用者可以在您的網頁上輕鬆存取這些內容。
3.設計內容以適應不同的佈局/格式/螢幕:
規則: 建立可以以不同方式呈現的內容(例如,更簡單的佈局),而不會遺失資訊或結構。
用戶存取內容和與內容互動的方式各不相同。他們用來執行任務的工具和平台也各不相同。
也就是說,設計您的網頁內容以適應搜尋者上網時使用的不同佈局、螢幕尺寸、格式和工具至關重要。這樣,您就不會因為糟糕的使用者體驗 用認知發現更多理想買家 而失去潛在客戶。
- 一個好的開始是使用自適應或響應式佈局來使您的網頁適應使用者偏好。這些佈局還透過確保不同螢幕上的一致性和視覺吸引力來幫助改善用戶體驗。
- 使用 HTML 標頭標籤來顯示 Web 內容的層次結構順序。 H1 標籤用於網頁的主要主題,只能使用一次。您的 H1 標籤不應在您的網頁內容中出現兩次。相反,使用 H2 – H6 來組織後續頁面部分。
依賴輔助技術的讀者需要這種結構來導航您 如何讓您的 的網路內容並了解各個部分之間的關係。正確使用標頭還可以改善您的網路架構,從而影響您網站的搜尋引擎優化。
- 對網站上的控制項、圖示或連結使用描述性名稱。對於上下文,請勿將按鈕標記為“按一下此處”,而是使用更具描述性的標籤,例如“提交表單”或“下載 PDF”。
這就是為什麼我們的網頁設計服務 廣告數據 優先考慮客製化網頁設計、SEO 友善設計和以使用者為中心的佈局。這些讓您的網站符合 ADA 標準,同時為您的客戶提供卓越的線上體驗。