了解什么是網站可訪問性,為什么它是一項重要的投資,以及成都小程序設計中它如何幫助您提高品牌忠誠度。
網站可訪問性確保所有訪問者,無論能力如何,都能在您的網站上獲得 無縫體驗 。不幸的是,許多網站不符合網站可訪問性最佳實踐和指南,這使得殘障用戶的體驗變得困難。
這個問題的解決方案是讓您的網站——包括格式、結構、導航、視覺效果和書面內容——對所有人都具有包容性。換句話說,您需要優先考慮網站可訪問性。
網站可訪問性是使網站可供所有訪問者使用的做法,包括那些有殘疾、障礙和限制的訪問者。網站可訪問性涉及遵循某些設計原則,這些原則確保遇到困難或限制的人與沒有遇到困難或限制的人有相同或相似的經歷。這可確保每個用戶都可以訪問您的內容。
那么,誰負責網絡無障礙計劃并努力在整個互聯網上實施它?答案是萬維網聯盟 (W3C) 的網站可訪問性倡議 (WIP)成員。這些組織負責發布網站內容可訪問性指南 (WCAG) (我們將在下面對其進行審查)和相關內容。
如前所述,網絡可訪問性使您的網站及其內容對所有訪問者而言更加用戶友好且易于理解。這包括那些有殘疾和限制的人,例如:
失明
低視力
學習障礙
認知障礙
耳聾
聽力損失
言語障礙
身體殘疾
網站可訪問性不是可選的;它是必備的,這就是為什么網站可訪問性很重要。通過優先考慮站點的可訪問性級別,您將增強所有訪問者的用戶體驗——包括訪問您站點的殘障人士或行動不便者。
您還將展示貴公司對包容性的承諾。通過這樣做,您可以向訪問者、潛在客戶和客戶表明您重視和關心他們作為個體——作為回報,這項投資將提高您的品牌忠誠度和擁護度。
在這一點上,滿足網絡可訪問性標準聽起來像是正確的事情(而且確實如此)——但法律是否要求您這樣做?
長話短說,除非您運營政府網站,否則沒有任何與網站可訪問性相關的可執行法律。在這種情況下,您必須遵守《康復法》第508條的指導方針。
但是,僅僅因為網絡可訪問性不是正式法律并不意味著您的企業會自動避免訴訟。有許多大公司因缺乏可訪問的網站而被起訴的案例。
事實上,在2017年至2018年間,聯邦法院提起的訴訟數量增加了181% 。
例如,在吉爾訴溫迪克西 (Gil v. Winn-Dixie) 案的判決中,法院裁定網站可能構成美國殘疾人法案(ADA)下的“公共設施” 。
換句話說,對于擁有實體店和網站的企業,可以認為他們的網站與其實體店位置高度集成。因此,他們的網站可以被視為通往其實體店位置的“門戶”。
因此,網站構成ADA涵蓋的“公共設施服務”。換句話說,網站應該符合可訪問性標準。
在Domino's Pizza訴Guillermo Robles案中,法院裁定Robles勝訴,他是一名盲人,盡管使用了屏幕閱讀軟件,但仍無法通過Domino的網站和應用程序訂購食物。
在這種情況下,美國第 9 巡回上訴法院小組表示,“......據稱達美樂網站和應用程序無法訪問阻礙了對其實體披薩特許經營權的商品和服務的訪問 - 這些是公共場所。”
為避免法律糾紛——或只是將訪問者拒之門外——請確保您的網站不會阻止任何人使用、瀏覽或獲取您共享的任何信息。
做到這一點的最佳方式是遵守WCAG——接下來讓我們回顧一下這些指導方針和標準。
最新的WCAG在創建無障礙網站時陳述了四項主要原則。在這四項原則中,是您可以隨時隨地在您的網站上參考和應用的網絡可訪問性指南。
訪問者必須能夠感知或理解并了解您網站上顯示的內容和信息。
請記住,“感知”并不一定意味著“用眼睛看”——盲人或視力不佳的用戶經常使用屏幕閱讀器軟件,它將打印文本轉換為合成語音或盲文字符。在創建和更新站點時考慮這些用戶。
可以在不以任何方式打擾用戶的情況下使用可操作的網站。所有訪問者都可以使用站點功能的每個部分,從瀏覽頁面到從菜單中選擇鏈接,再到播放和暫停視頻和音頻。一般來說,最可操作的網站都是簡單的。此外,許多人放棄了任何可能妨礙殘疾和限制用戶的多余功能。
您網站上的所有內容——包括您的書面和圖形設計內容——都應該易于訪問者理解。不僅您的典型訪問者難以理解混亂、冗長的語言,它還限制了那些有認知困難和障礙的人以及不會說您網站主要語言的人的訪問。保持易消化。
這個原則也適用于您網站的結構。您的頁面需要直觀地組織,并且您的導航在大多數(如果不是全部)頁面上可供訪問者使用。
您網站上的內容應該易于所有訪問者理解和使用,包括使用屏幕閱讀器等輔助技術的訪問者。要實現這一點,請編寫允許輔助技術在沒有視覺參考的情況下解析代碼的HTML。
回顧以上原則后,您可能會意識到您的網站并不完全符合這些標準。或者,也許您通過 可訪問性測試工具運行您的網站,但沒有獲得最高分。
無論哪種方式,WCAG都為您可以立即實施的上述四項原則中的每一項提供了若干具體指南。讓我們進一步解讀這些指南。或者,要更全面地查看這些指南,請參閱我們 完整的網絡可訪問性清單。
提供替代文本: 您頁面上的所有非文本項目(包括圖像、視頻和音頻內容)都必須有替代文本,以便視力不佳的人能夠理解它們。 圖像替代文本 是滿足此準則的最常見方法,建議您為網站上的每個非裝飾性圖像包含替代文本。對于裝飾性圖像,包括alt屬性但將其留空,即:
這告訴屏幕閱讀器圖像存在,但它可以忽略圖形。雖然圖像替代文本是必不可少的,但請記住為您網站的其他元素提供替代文本,例如輔助技術難以解釋的圖形或表格。此外,確保您在編寫替代文本時遵循最佳做法。
提供使用基于時間的媒體的替代方式: 基于時間的媒體包括音頻和視頻內容。對于音頻內容,請提供完整的錄音副本。對于視頻,確保字幕與音頻同步。這兩者都可以幫助聽力能力有限的用戶。
以適應性強的方式構建內容: 此指南意味著編寫HTML文件,以便在刪除頁面樣式時不會丟失預期的信息和結構。例如, 適當的標題、有序和無序列表元素以及 粗體 和 斜體 文本傳達信息。
讓您的內容易于查看和聽到: 對于有視力的人來說, 利用顏色對比至關重要 ,這樣每個人(包括色盲者)都可以閱讀您的內容并理解您想要傳達的任何視覺信息。此外,用戶應該能夠調整您網站上的任何背景音頻或完全停止音頻播放。
一些網站,例如Quam的網站有一個切換選項,因此訪問者可以選擇他們的顏色對比度。
通過鍵盤確保完整的功能: 一些瀏覽您站點的用戶不會使用鼠標或觸摸板。因此,您網站上的所有功能都應該可以僅通過鍵盤訪問。例如,tab鍵應該讓用戶在頁面上的可選元素之間跳轉,而enter/return鍵應該“單擊”焦點元素。
提供充足的時間與您的網站互動: 允許用戶在合理的時間限制內閱讀、觀看和使用您網站上的各種內容類型。如果您網站上的任何操作包括時間限制,則應允許用戶延長或取消它。此準則也適用于 可訪問的下拉菜單:如果用戶從鼠標中脫離菜單,在菜單消失之前設置一個時間延遲是一個好習慣。
避免閃爍內容:根據W3C的說法,每秒閃爍 3 次以上的內容會引發癲癇發作。最好避免這種情況。如果出于某種原因您不能這樣做,則必須提供警告。
提供導航以幫助用戶知道他們在哪里以及他們可以去哪里: 清晰的頁面標題、有意義的鏈接、鍵盤焦點指示器和適當的標題都會向用戶發出他們在您網站上的位置以及哪些元素是可點擊鏈接的信號。
使文本內容可讀: 在起草內容時考慮潛在受眾的全部范圍。您的文章應該能被許多讀者理解,包括那些學習您網站的母語的讀者。避免使用高度專業化的行話和地方俚語。
合理地構建您的頁面: 在規劃您網站的結構和導航時,以一種讓訪問者感覺直觀的方式放置您的導航鏈接和頁面。這包括將導航放在首屏之上,最常見的是在頁面的頁眉(和頁腳)中。
編寫有用的錯誤消息: 沒有人喜歡收到錯誤消息,因此請提供清晰的錯誤描述和說明,以幫助訪問者改正錯誤。
編寫可解析的 HTML: 輔助技術通常使用網站的HTML文件將其內容轉換為不同的格式。出于這個原因,您的頁面的HTML代碼應該寫得很好。對于可訪問性,這意味著在需要時使用開始和結束標記,并避免元素之間的重復 ID 和同一HTML標記中的重復屬性。
現在您已了解什么是網站可訪問性、為什么它很重要以及指南,讓我們看看在使您的網站更易于訪問時可以依靠的一些工具。
今天有各種網絡可訪問性測試工具可用。W3C在其網站上編制并分享了一份列表, 供您了解更多信息并相互比較。我們 也有 我們的工具推薦列表。
盡管沒有法律要求,但明智的做法是讓您的網站盡可能多地具有可訪問性和 WCAG 合規性。現在您知道了為什么網站可訪問性是必不可少的,您可以在您的網站設計中優先考慮它。這將創造令人難忘且積極的用戶體驗,并幫助您提高客戶忠誠度。
成都小程序設計通過確保您的站點可訪問,正在為對您的業務最重要的人(您的訪問者和客戶)做正確的事情。在使您的網站易于訪問時,請務必使用上面列出的工具并查看我們列出的示例以獲取靈感。