用戶體驗和 Web 可訪問性的重要性

已發表: 2022-03-11

Web 可訪問性是讓每個人都可以訪問相同的信息,而不管用戶可能有什麼障礙。

根據世界銀行的數據,10 億人(佔世界人口的 15%)患有某種形式的殘疾,僅在美國就有近 5700 萬人。 (根據美國人口普查局 2012 年 7 月 25 日公佈的數據,占美國人口的 19%。)

有四種鬆散的殘疾類型,可以是暫時的或永久性的:身體(如癱瘓或精細運動控制問題)、感覺(如自閉症、耳聾或失明)、智力(如唐氏綜合症或發育遲緩) ) 和精神疾病(包括精神分裂症和抑鬱症)。 許多老年人會隨著年齡的增長而出現問題,並且也可以從無障礙設施中受益。

至關重要的是不要低估 Web 可訪問性的重要性。 20 年前,互聯網是科技極客的聚集地,而現在它已成為信息、娛樂和交流的主要來源。 它可用於從購物到與朋友分享時刻、閱讀新聞、看電視節目、申請工作、預訂假期等各種活動。 然而,對於殘障人士來說,由於許多網站沒有考慮他們的需求,因此存在許多障礙使這些東西無法訪問。 大部分互聯網尚未被視為公共空間,無法確保所有人都能訪問,無論其能力如何。

網站可訪問性對殘疾用戶很重要。

關於 Web 可訪問性的神話

當它沒有被完全忽略時,可訪問性是網頁設計中最被忽視的方面之一。 過去 20 年來,不道德的數字機構及其設計和開發團隊散佈了不准確的想法。 批評者不承認技術創新、法律變化和主要的人口變化,因為他們認為可訪問性是為所有用戶創建具有良好用戶體驗的網站的限制性和可選部分。 大多數關於為什麼實際上不需要可訪問性的討論都圍繞以下一個或多個要點進行:

1.“它很醜。”

雖然完全可訪問性確實要求設計人員遵循可能影響網站或應用程序的整體外觀和感覺的若干嚴格準則,但一些改進(例如為圖像提供替代文本描述)不會對用戶產生明顯影響界面。 借助當今的技術,完全有可能創建一個時尚、互動、引人入勝易於訪問的網站; 因此,網絡可訪問性不應再被視為一種負擔。 此外,還有很多醜陋的不可訪問的網站!

2.“時間太長,成本太高,沒有任何好處。”

確實,整合可訪問性並不總是一件容易的事,並且可能會增加在網站或應用程序的概念和開發階段所花費的時間。 但是,它將減少花在網站改進和技術維修上的時間:更簡潔的代碼,更少的錯誤。

從數字項目開始就考慮可訪問性也將有助於控制後期成本,包括維護和客戶支持。 從 SEO 的角度來看,可訪問的網站也將有助於獲得更好的排名。 谷歌等搜索引擎的運作方式很像盲人使用屏幕閱讀器。 掃描您的頁面時,機器人只理解文本,因此規劃您的內容架構和標題並為圖像提供替代文本非常重要。

3.“沒人在乎。”

對於不想投入時間或金錢以使網站易於訪問的公司和設計機構,這一論點往往是主要論點。 查看他們的數據時,殘疾人似乎甚至不訪問他們的網站。 (哦,具有諷刺意味的是!如果他們無法訪問,他們怎麼能做到呢?)他們還相信市場太小了,無論如何都不重要。

有嚴重障礙的人可能只是他們受眾的一小部分,但高級用戶呢? 那些被認為有“輕微”障礙的用戶,例如聽力障礙或色盲的用戶呢? 患有使人衰弱的偏頭痛并且無法忍受明亮的色彩或無限滾動以 11 像素字體書寫的頁面的普通用戶怎麼辦? 許多不會被視為“傳統”殘疾人的用戶可能會遭受無法訪問的網站的困擾。

另一方面,就像在現實生活中一樣,讓技術變得可及,讓每個人都受益。 考慮在嘈雜的酒吧或嬰兒車的輪椅坡道中為電視添加字幕。

4.“這是可選的。”

嗯,實際上,它不是。 在許多國家,法律規定在提供服務或產品時歧視殘疾人是違法的。 因此,理論上,如果殘障用戶因為網站無法訪問而無法訪問內容,他們可以合法地起訴數字歧視。 這些訴訟每年都在以更高的頻率發生,通常需要公司花費數百萬美元來解決。

訂閱 Toptal 設計博客並接收我們的電子書

關注 Web 可訪問性的原因

1. 法律合規

在美國,無障礙要求列在 1990 年頒布的《美國殘疾人法案》中。當時,它主要涉及實體店,因此法院對是否應涵蓋網站和應用程序存在分歧。 2017 年,僅美國聯邦法院就提起了 800 多起訴訟,因此訴訟威脅是真實存在的。

雖然 Facebook 因其 Empathy Lab 和可訪問性政策而備受讚譽,但其他公司就沒有這麼幸運了。 Netflix 曾多次被不同的盲人和聾人協會起訴。 最後,他們必須為所有用戶提供對其內容的平等訪問權限,包括為其所有程序添加字幕。

Netflix 通過在其節目中添加隱藏式字幕,改善了殘疾用戶的網站可訪問性
受到多個聾人用戶協會的起訴,Netflix 同意為其所有內容提供隱藏式字幕。

2. 提高聲譽

擁抱殘障人士的公司只會從中受益。 努力使網站或應用程序完全可訪問會對聲譽產生積極影響,並為所有用戶樹立社會責任和關心的形象。

在添加無障礙功能的過程中,矽谷巨頭不惜為遊戲帶來創新,在技術和突破性的新功能上投入數百萬美元。 例如,Facebook 現在正在使用人工智能,通過對象識別技術為其盲人用戶提供自動替代文本。 現在,此功能使他們能夠充分享受每天在 Facebook 上分享的 20 億張圖片。 這個想法主要來自與無障礙團隊合作的盲人軟件工程師 Matt King。 Facebook 致力於成為一家對在線和現實世界中的殘障人士友好的公司。

Facebook 已通過他們的 Empathy Lab 展示了對可訪問性設計的承諾
在 Facebook Empathy Lab 工作的盲人軟件工程師 Matt King。

3. 獲取新客戶

由於障礙,超過 80% 的殘障人士決定不信任服務提供商,網絡可訪問性差是主要原因之一。 由於大多數品牌經常忽略它們,殘障用戶願意將更多的錢花在為他們提供深思熟慮的用戶體驗的公司上。 這個特定市場的購買力是巨大的。

可訪問性改進不會讓您的現有客戶望而卻步,但會吸引新客戶並提高您的轉化率。 通過承認有缺陷的用戶,您可以讓他們知道他們的權利很重要,並且他們的業務受到重視。

殘疾類型以及如何提高不同障礙的可訪問性

有許多不同的永久性和暫時性殘疾,用戶面臨不同的挑戰並尋求不同的解決方案。 為了向所有人提供相同的內容,您需要滿足所有需求。

1. 感覺障礙

視力和聽力問題是最常見的感覺障礙,但還有許多其他障礙也受到影響:老年人、色盲或聽力障礙者以及許多自閉症用戶。

對於有聽力障礙的用戶,使您的網站或應用程序易於訪問的一個步驟是實施文本轉錄和視頻字幕。 它們不僅是聾人的必備品,而且對聽力也很有用。

Ofcom 的一項關於可訪問性的研究發現,使用隱藏式字幕的人中有 80% 既不是聾人也不是聽力障礙。 這是一個使所有人受益的可訪問功能的典型示例。

關於視力障礙,大多數指南也對每一類用戶都有幫助。 無論您是色盲還是偏頭痛,您都會感謝設計師使用對比色(文本和背景)。 每個人都將受益於更大的相對字體大小(em,而不是像素)和調整大小的選項,這是高級用戶特別喜歡的功能。

至於盲人用戶,雖然他們可能看不到他們會聽到的網站,但這要感謝屏幕閱讀器,如適用於 Windows 的 JAWS 和 Window-Eyes 以及適用於 Mac 的 VoiceOver。 這樣的程序會大聲朗讀內容……並且他們會全部閱讀。

為了更輕鬆地瀏覽您的頁面,請務必使用“跳到主要內容”選項,以防止整個導航菜單連續閱讀多次。

使用不同的標題正確構建頁面(只有一個 <h1>,然後不要跳過級別),包含每個圖像的文本描述,避免使用複雜的表格,並仔細選擇文本超鏈接。 他們應該正確地描述鏈接的去向:僅僅使用“點擊這裡”對於屏幕閱讀器用戶來說是無效的,因為它沒有提供任何相關信息。

Mac 版 Voiceover 允許盲人用戶訪問網絡
Mac 版 VoiceOver 提供每個屏幕元素的聽覺描述。

2. 運動障礙

一些用戶可能永久或暫時無法使用鼠標或觸控板。 因此,他們只能使用鍵盤瀏覽網站,按“tab”或“箭頭”鍵。

確保僅使用鍵盤就可以完全體驗網站是在 Web 可訪問性中實現的最簡單和最便宜的功能之一:它需要的工作很少,只需拔下或關閉鼠標即可檢查。 瀏覽器會通過按 TAB 鍵自動選擇網頁上的可點擊項目,這極大地提高了可訪問性,因此請確保開發團隊不會將其關閉。

3. 認知障礙

有學習障礙、唐氏綜合症、多動症、閱讀障礙和其他認知障礙的用戶,包括有時隨著用戶變老而發生的那些,將從清晰的內容和一致的 UI 中受益匪淺。 因此,嘗試構建一個邏輯界面(相似動作的相似顏色、字體組合、簡單動畫、被要求參與時的視覺提示等)並使用標題組織您的內容以快速識別其不同部分。

設置規則和模式並遵循定義的設計原則將幫助用戶更快地瀏覽並避免導航體驗中的意外,從而使其整體上更流暢、更易於理解。 簡化和標準化網站或應用程序的 UI 往往會為所有用戶帶來更好的用戶體驗。

Web 可訪問性測試的提示

1. 遵循指導方針

有用於創建易於訪問的網站的國際指南:Web 內容可訪問性指南 (WCAG)。 通過 W3C 流程開發的 WCAG(目前為 WCAG 2.0)為 Web 內容可訪問性提供了一個共享標準。

所有 WCAG 文檔主要面向開發人員、設計師和可訪問性專家,解釋瞭如何使網站更易於訪問,並根據四個原則進行組織:可感知、可操作、可理解和健壯。 這組建議可讓您達到一定程度的一致性(A-最低、AA-滿意或 AAA-優秀)。

實施所有 WCAG 標準需要時間,但從基礎開始可以對使您的網站對各種障礙的用戶更加友好產生巨大影響。

2. 在線或使用輔助技術檢查

有一些在線工具可用於檢查網站是否符合可訪問性指南,例如 W3c 的官方驗證器。 請注意,在線工具可能無法找到所有可訪問性問題,因為它們主要檢查網站的技術方面。 使用輔助技術(例如屏幕閱讀器)來測試網站是確保網站真正可訪問的重要步驟。 然而,雖然這些都是可以負擔得起的起點,但它們永遠不會取代實際的用戶反饋。 如果可訪問性被真誠地視為優先事項,那麼在用戶測試過程中包含各種障礙的用戶是很重要的。

用於檢查 Web 可訪問性的 W3C 驗證器

3. 用戶測試

在任何新網站或應用程序發布之前,將殘障人士納入 UX 測試過程是關鍵。 他們會就他們的用戶體驗是否真正令人愉快提供最相關的反饋。 與值得信賴的 UX 設計師攜手合作,他們將根據不同的損傷準備測試場景。

獲得可訪問性合規性不再是一種選擇

隨著越來越多的日常生活發生在網上以及隨著世界人口的增長和老齡化,可訪問性是一個日益突出的主要問題。 到 2050 年,世界老齡化人口預計將翻一番。 人口結構的這種轉變意味著許多與年齡相關的障礙將會增加。

這不是一項簡單的任務,但繼續忽視可訪問性的公司需要了解他們已經在失去客戶,並且他們最終會在未來幾年失去更多,從而大大減少他們的收入。 在一個承認其他少數群體已經取得進展的世界裡,否認無障礙權利是人權也會損害他們的公眾形象和聲譽。

考慮到這一點,公司越早將可訪問性作為創建網站或應用程序的關鍵價值,他們就越早被認為是一家不會忽視殘疾用戶的公司。 他們將獲得更多流量,進而可能獲得更多轉化。 認識到網絡可訪問性的重要性是一個雙贏的局面。

• • •

進一步閱讀 Toptal 設計博客:

  • 電子商務用戶體驗——最佳實踐概述(附信息圖)
  • 以人為本的設計在產品設計中的重要性
  • 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
  • 移動界面的啟發式原則
  • 預期設計:如何創造神奇的用戶體驗