什麼是 Web 可訪問性? 如何使您的內容具有包容性

已發表: 2021-05-28

Web 可訪問性意味著讓每個人都可以訪問相同的信息,而不管他們遭受的損害或殘疾。

隨著互聯網成為信息、娛樂、通信和電子商務的主要來源,人們不能再削弱網絡可訪問性對殘疾或有特殊需求的用戶的重要性。

甚至聯合國也宣布互聯網訪問是一項基本人權。 儘管如此,大多數網站仍然無法供殘障人士訪問,因為它們的設計沒有考慮到他們的需求。

什麼是網絡可訪問性?

Web 可訪問性意味著網站和數字工具的設計和開發必須使殘疾人可以無障礙地使用它們。

據世界銀行稱,超過 10 億人患有某種形式的殘疾,相當於世界人口的 15%。 殘疾可以理解為使人難以進行某些活動的任何身體或精神狀況。

已經為網絡可訪問性確定了四種鬆散分組的殘疾類型。 這些包括:

  • 身體:例如癱瘓或失去運動控制問題。
  • 智力:此類別包括由於發育遲緩或唐氏綜合症而發生的殘疾。
  • 精神疾病:各種精神疾病,如抑鬱症、精神分裂症、焦慮症等。
  • 感官問題:喪失各種感官,如耳聾或失明。

此外,有三種殘疾模式:永久性、暫時性和有條件的或情境性的,當您因為自己所處的特定情況(例如網速慢)而無法做某事時。

Web 可訪問性也會影響有暫時殘疾的人,例如手臂骨折的人,或由於大量背景噪音而無法收聽音頻的情況限制。

老年人往往會遇到與年齡增長相關的無障礙問題。 人口老齡化意味著這個數字只會增長,為擁有數字足蹟的企業帶來挑戰和機遇。 例如,眾所周知,聽力和視力會隨著年齡的增長而變差。

然而,這些老年人的可支配收入和閒暇時間往往很高。 71% 的有訪問需求的殘疾客戶點擊離開了難以使用的網站。 它還發現,很大一部分點擊離開的客戶具有較高的消費能力,82% 的有訪問需求的用戶表示,如果網站更易於訪問,他們會花費更多。

除了業務成本之外,不讓每個人都可以訪問您的網站可能會讓您因數字歧視而被起訴。 在許多國家,在銷售產品或服務時歧視殘疾人是違法的。

在美國,無障礙要求列在《美國殘疾人法案》中。 已經對包括 Netflix 在內的公司提起了幾起訴訟,以使所有人都可以訪問其內容。

為了使互聯網成為一個公共場所和包容性,W3C Web 無障礙倡議 (WAI) 制定了描述無障礙解決方案的技術規範、指南、技術和支持資源。 例如,Web 內容可訪問性指南 (WCAG) 2.1 定義瞭如何使數字服務、工具和內容更容易被殘障人士訪問。

為什麼網站可訪問性很重要?

互聯網幾乎是生活各個方面的重要資源。 尤其是在 2020 年,互聯網成為一條生命線,讓世界在各個方面保持聯繫。 過去一年數字化的高采用率徹底改變了我們的生活。

儘管如此,由於可訪問性障礙,世界上很大一部分人口無法正確使用互聯網。 對於殘疾人來說,確保網絡無障礙提供了平等的訪問和平等的機會,幫助他們更積極地參與社會。

由於許多其他原因,網站可訪問性很重要,例如:

  • 包容性:建立一個可訪問的網站可以創造一種包容性的體驗,這對更大的利益是有益的。
  • 客戶保留和獲取:互聯網是接觸人們的最佳場所,尤其是那些有障礙的人,比如那些不能去商店或閱讀印刷材料的人。 通過使您的網站易於訪問,您可能能夠接觸到競爭對手可能忽略的新客戶部分。
  • 法律合規性:在美國有幾起針對不遵守網站可訪問性指南的公司提起的訴訟。 在許多國家/地區,必須遵守網站可訪問性指南,否則可能會導致嚴厲的法律處罰。
  • 建立信任和聲譽:企業可以通過使其網站真正可訪問來提升其品牌。 例如,Facebook 因使用人工智能通過對象識別技術為盲人用戶提供自動替代文本而受到讚譽。

5 需要網絡可訪問性旨在解決

人們通常認為,可訪問的網站只會使一小部分人受益,但會耗費大量時間和精力。 然而,事實並非如此。 我們都可能在人生的某個階段經歷某種暫時的殘疾。

例如,如果有人滑倒並摔斷了手腕,他們可能幾天都無法使用鼠標導航我的電腦。 或者,如果某人患有偏頭痛,則網站上的對比度差可能會加劇問題。 此外,在互聯網時代,我們所有人都在老齡化,我們的視力、聽力和靈巧性最終都會受到影響。

儘管存在上述任何障礙,創建一個可訪問的網站使用戶可以訪問您的內容。 在本節中,我們確定了五個 Web 可訪問性需求,這些需求必須滿足才能實現有影響力的 Web 設計。

1. 聽覺需求

互聯網包含以各種格式呈現的信息:圖形、視頻、音頻、動畫或文本。 然而,近年來,用戶對視頻和播客的偏好越來越高,使我們的網絡內容體驗兼具視覺和聽覺。 但是有些人有不同的聽覺需求,在設計網站時必須滿足他們的要求。

在研究提高聽覺障礙人士可及性的策略之前,我們必須首先了解殘疾。 一般來說,耳聾被認為是完全喪失聽力。 然而,許多人患有功能性聽力損失,可能是輕度、中度、重度或深度。 我們在下面確定了三類聽覺障礙。

  • 耳聾:重度聽力損失或完全喪失聽力的人。
  • 有聽力障礙的人:聽力損失程度較輕的人。
  • 聽力障礙:由於聽力機制的一個或多個部分發育不當、損傷或疾病而導致不同程度耳聾的個體。

讓有聽力障礙的人可以訪問多媒體的提示

  • 成績單:提供成績單有幾個好處。 它使內容易於理解,並為您的網站提供 SEO 優勢。 喜歡做筆記的人也將從您的成績單中受益,尤其是您在 YouTube 上可能遇到的視頻內容。
  • 字幕和字幕:如果您在網站上顯示視頻內容,最好包含字幕和字幕,以便聽力障礙者更容易理解您的內容。 這也有利於您的普通觀眾,他們可能在擁擠的地方觀看您的視頻而無法正常收聽。
  • 手語:提供音頻的手語演示是使您的內容易於訪問的另一種方式。 雖然這確實帶來了一些技術問題,例如人們使用的不同類型的手語,但它仍然是一個值得考慮的選擇。

2. 認知和智力需求

雖然更多地討論了視力和聽力,但這是代表計算機用戶最大數量的類別。 認知障礙可以是功能性或臨床性的。 功能障礙側重於影響個人日常生活的活動。 一些例子包括:

  • 失憶
  • 注意力不足
  • 理解問題

臨床疾病的嚴重程度各不相同,包括:

  • 發展問題
  • 閱讀障礙和自閉症等認知問題
  • 影響某人思想和保留信息能力的疾病,如阿爾茨海默病

認知障礙人士的網站可訪問性提示

對於網站開發者來說,最好從功能的角度考慮認知障礙,以消除訪問障礙並增強用戶體驗。 讓認知障礙人士可以訪問您的網站的最重要提示之一是遵循良好的設計實踐,例如:

  • 在您的內容中使用適當的標題和列表。
  • 在設計中留出足夠的空白。
  • 將內容分解成小段。
  • 嘗試使用項目符號列表。
  • 嘗試結合邏輯閱讀順序。
  • 使用一致的字體和顏色。
  • 確保提供鍵盤訪問。

3. 運動和移動需求

行動障礙有多種形式,可能是永久性的,也可能不是永久性的。 例如,由於骨折,您可能有幾天無法使用手腕或手。 即使長時間打字也會導致疼痛和抽筋,從而難以使用數字設備。 由於關節炎和衰老,行動不便也使得在鍵盤上打字或使用鼠標變得困難。 有些人還會隨著年齡的增長或創傷而失去運動協調能力和肌肉控制能力,這使得處理數字設備變得具有挑戰性。

許多有暫時或永久性行動障礙的用戶使用屏幕閱讀器等輔助技術。 重要的是要認識到其中許多工具都依賴於鍵盤可訪問性。 因此,您的網站應設計為最大限度地提高鍵盤可訪問性,以便輔助設備能夠正常工作。

認知障礙人士的網站可訪問性提示

  • 確保所有功能的鍵盤可訪問性。
  • 根據您的佈局,使用邏輯 Tab 鍵順序,例如從上到下或從左到右。
  • 包括與內容交互的邏輯鍵盤命令。
  • 提供跳過鏈接以瀏覽整個站點。
  • 在使用快捷鍵之前請三思,因為其中一些可能與輔助設備的使用相衝突。

4. 癲癇發作和癲癇需要

根據 Trace 研發中心的光敏性癲癇分析工具:“光敏性癲癇發作可能是由網絡或計算機內容中某些類型的閃爍引起的,包括導致大面積屏幕反复快速閃爍的鼠標懸停。”

癲癇是一種常見的光敏性癲癇症。 閃光、圖像和重複模式可能會觸發光敏性癲癇發作。 例如,網絡電腦遊戲上的視頻內容可能包括不安全的閃爍、顏色或高對比度圖案,所有這些都可能引發癲癇發作。

此外,噁心、顫抖和吐血也可能是對閃爍、閃爍和眨眼的不良身體反應。 1997 年,孩子們在觀看帶有動畫“病毒炸彈”的日本動畫片時出現了這些反應,不得不被緊急送往急診室接受治療。

癲癇發作和癲癇患者的網站可訪問性提示

  • 確保您的內容中沒有任何組件每秒閃爍超過 3 次。
  • 如果每秒記錄超過 3 次閃光,則凍結圖像或降低對比度。
  • 保持所有閃爍區域很小,限制在大約 341 x 256 像素。
  • 降低對比度並避免紅色閃爍內容。
  • 確保您有一種機制可以在內容開始之前禁止閃爍內容。
  • 實時材料可能會放慢速度以避免快速閃爍或閃爍。
  • 允許您的用戶設置自定義的閃存速率限制。
  • 準備一些工具來測量閃光閾值並確保它們不被違反。

5.視覺需求

根據美國預防失明的數據,5320 萬 45 歲或以上的美國人患有某種形式的視力障礙。 為了理解 Web 可訪問性標準,我們可以定義兩種類型的視覺需求。

  • 低視力:低視力”是指除失明以外的視力障礙。
  • 失明:這被定義為完全喪失視力。

雖然完全失明會影響一小部分用戶,但用戶體驗設計師必須遵循包容性的方法,讓視障者可以訪問他們的頁面。

針對有視覺需求的人的網站可訪問性提示

  • 屏幕閱讀器:確保您的網站與屏幕閱讀器兼容。
  • 替代文字為圖片使用替代文字,使盲人更容易理解他們的上下文。
  • 對比度:適當的對比度可以減少眼睛疲勞。
  • 使用音頻:您網站上內容的音頻描述可以幫助有視覺問題的用戶有效地訪問它。
  • 為按鈕和頁面使用描述性標籤:這對於視力不佳的訪問者可以輕鬆訪問內容非常有用。
  • 內容標題:​​擁有清晰的標題有助於網站訪問者瀏覽內容而不會影響他們的視力。

網頁瀏覽無障礙的 4 種技術解決方案

從業務和用戶的角度來看,創建可訪問的網站都是有幫助的。 UI/UX 設計師必須遵循 Web 可訪問性指南來創建包容性萬維網並確保包容性的用戶體驗。 除了遵循基本的設計原則外,您還可以使用即插即用軟件使您的網站易於訪問、合法合規且具有包容性。 下面,我們列出了四種流行的解決方案,讓所有人都能訪問您的網站。

1. 隱藏式字幕服務

隱藏式字幕服務提供商通過在對話和聲音發生時整合轉錄文本,以字幕的形式為視頻提供視覺輔助。 該服務最初旨在幫助聽力受損者理解電視節目和電影中的口語和音樂,但它可以幫助其他有情境障礙的人。

您可以為實時和預先錄製的視頻找到專業的隱藏式字幕服務。 G2 列出了最好的隱藏式字幕服務提供商,並幫助您比較產品以選擇最適合您的內容的隱藏式字幕軟件。

2.屏幕放大軟件

屏幕放大軟件可以幫助觀眾管理眼睛疲勞,保持良好的姿勢,在用於教學時保持良好的觀看距離。 它也是一個很好的工具,可以在您的網站中使用,使有視覺障礙的人能夠像其他人一樣訪問相同的內容。 例如,微軟在 Windows 10 上提供了一個放大鏡工具,可用於將屏幕的一部分或全部放大,以便更好地查看文字和圖像。

3. 屏幕閱讀軟件

屏幕閱讀器是一種軟件程序,它使盲人或視障用戶能夠使用語音合成器來閱讀計算機屏幕上的文本,該語音合成器可以大聲朗讀文本。 一些屏幕閱讀器還使用盲文顯示器傳達數據。 許多屏幕閱讀器可用於​​運行不同操作系統類型(如 Linux、Windows 和 Mac、IOS、Android 等)的個人計算機。

然而,不同的屏幕閱讀器包含不同的命令結構,但它們支持多種語音合成器。 許多免費的屏幕閱讀軟件可用,例如 NVDA(適用於 Windows)和 Apple VoiceOver(適用於 iOS)。

4.語音識別軟件

語音識別軟件可用於通過利用語音識別算法將口語或音頻轉換為文本。 它對有聽力障礙或運動問題的人很有幫助,通過將音頻和視頻文件轉換為文本,使他們更容易訪問您的內容。 語音識別軟件還通過使用基於人工智能的技術翻譯和記錄信息來幫助公司改善業務溝通。

優秀的語音識別軟件不僅包括多種詞彙和語言識別模式,還包括在多個設備上創建和共享轉換後的文本和捕獲信息的能力。 您可以比較頂級服務提供商的最佳語音識別軟件,以選擇最適合您的內容的軟件。

包裝

從商業和人道主義的角度來看,網站可訪問性都很重要。 它使萬維網向所有人開放,提供平等的機會和訪問權限,同時還創造了一個包容的環境。

不幸的是,許多網站繼續忽視殘疾人的要求,這就是為什麼一些國家將遵守 W3C 制定的網站可訪問性指南作為法律要求。 如果您是 UI/UX 設計師,請務必考慮殘疾人的需求,以使您的內容具有更廣泛的覆蓋面和可訪問性。