什麼是數位無障礙設計?重要性為何?

設計及建構出身心障礙使用者,能以有意義且同等的方式互動的網站和網頁應用程式。請參閱這篇文章,瞭解這些選擇對商務和法律的影響。

試想一下,如果線上購物車與裝置不相容,你就無法為朋友購買禮物。或者,您可能需要請同事協助解讀最近的銷售圖表,因為圖表只使用柔和的單色。也許你無法享受大家熱議的新節目,因為字幕缺少或自動產生字幕品質不佳。

對某些人來說,這個世界已然成熟。但這並非必然,只要將數位無障礙列為優先考量,就能改變現況。數位無障礙功能 (通常簡稱為 a11y) 是指設計及建構數位產品,讓使用者不論是否有身心障礙,都能以有意義且同等的方式與產品互動。

除了所有專案都需要主管的批准、時間、精力和預算之外,建構數位產品時,還須考量以下幾點:

  • 具備各種無障礙標準的專業知識。
  • 瞭解無障礙設計和程式碼的基本知識。
  • 瞭解使用多種測試技術和工具的重要性。

最重要的是,只有在整個產品生命週期 (從規劃、設計到程式碼編寫等) 中納入身心障礙人士和無障礙最佳做法,才能真正實現包容性。

個別影響為何?

世界衛生組織 (WHO) 估計,全世界超過 15% 的人口 (即 13 億人) 自認具有身心障礙,因此成為全球最大的少數族群。

根據美國疾病管制與預防中心 (CDC)美國人口普查歐洲殘障專家學術網路 (ANED)和其他機構的最新報告,估計身心障礙人士的總人數可能更高。隨著全球人口老化,並面臨慢性健康問題,這個數字持續增加。

六位代表不同身心障礙的人。每個字元都會顯示。

無法存取的數位產品會影響身心障礙者。在數位世界中,某些類型的身心障礙會比其他類型受到更嚴重的影響。

視障

視力障礙 (視力受損、視力受損) 是指視力下降到無法透過一般方式 (例如配戴眼鏡或服用藥物) 解決的問題。視力受損的原因可能是疾病、創傷、先天或退化性疾病。

一名女子使用白色拐杖。
  • 例:失明、低視能、色盲
  • 盛行率:全球有 2 億 5300 萬名視障者,其中 3600 萬人失明,2 億 1700 萬人有中度至重度視力障礙 (MSVI) (來源),每 12 名男性和每 200 名女性中,就有 1 人患有色盲。(資料來源)
  • 工具包括:螢幕閱讀器軟體、螢幕放大工具、點字輸出裝置。
  • 痛點:數位產品無法搭配螢幕閱讀器軟體使用、行動網站/應用程式無法使用捏合縮放功能、複雜的圖表僅以顏色區分,以及色彩對比度過高,導致難以閱讀螢幕上的文字

「我的視力在過去三年內迅速惡化,手機的預設字型大小從大到超大不等。有些行動應用程式的字型太小,就很難使用。」

Frank

閱讀 紐約時報的短文,或觀看影片,瞭解何謂法律上的視障。

行動障礙

行動障礙是一種身心障礙類別,包括各種身體障礙。這類身心障礙包括與身體不同器官協調時,四肢失去或身心障礙、手動精細動作和身心障礙情形。

一個坐輪椅的男子拿著一部打開的筆電。
  • 示例:關節炎、癱瘓、截肢、癲癇症。
  • 盛行率:每 7 人中就有 1 人有行動不便問題。(來源)
  • 工具包括:自適應開關、眼球追蹤裝置、嘴巴/頭部棒、語音輸入。
  • 痛點:元素僅設計為使用滑鼠操作。

「無障礙設計不只適用於身心障礙人士,我做了手肘手術,因此暫時改變了日常數位活動的管理方式。」

Melissa

聽力受損

聽力受損或聽力減退是指完全或部分喪失偵測或理解聲音的能力。聽力障礙的成因包括許多生物和環境因素。

一名配戴助聽器的男子。
  • 示例:失聰/聽障、聽力受損 (HoH)、聽力受損 (HI)
  • 盛行率:全球有超過 15 億人有輕度至中度聽力受損,而據估計,有 6,600 萬人有嚴重聽力受損
  • 工具包括:助聽器、字幕、轉錄、手語。
  • 問題點:不含文字轉錄稿的音訊內容、沒有同步字幕的影片

「有些聽障人士表示,自動字幕不如沒有字幕來得好。部分聽障人士表示,自動字幕比沒有字幕好。與聽力正常者不同,失聰者沒有其他感官可用於輔助。然後只有字幕。我寧願觀看自動產生的字幕,但我們不希望看到字幕。沒錯,我很失望沒有字幕。沒有自動字幕,我可以避免遇到字幕品質不佳的痛苦經驗。」

Meryl

認知障礙

認知障礙涵蓋各種影響認知能力的醫療狀況。認知障礙人士包括各種認知或認知缺陷、太輕微而無法歸類為認知障礙的缺陷、特定狀況,以及後天腦部受傷或神經退化性疾病 (例如失智症) 等後天問題。

一位戴眼鏡的年長女性,手上拿著一隻動物。
  • 示例:唐氏症候群、自閉症、注意力不足過動症、閱讀障礙、失語症。
  • 頻率:視狀況而定。
  • 工具包括:螢幕閱讀器、文字醒目顯示、文字預測、抽象摘要工具。
  • 痛點:介面過於繁雜,導致使用者難以專注於手邊工作;大量文字與極少空白空間;文字對齊;字型過小或難以閱讀。

「我目前正在復健,因為我有眼部偏頭痛,深色模式的效果不夠好。我還是需要對比,但要稍微明亮一點。」

Ruth

閱讀紐約時報的簡短文章,或觀看關於臉部失明 (Prosopagnosia) 的影片

癲癇和前庭系統失調

癲癇是指腦部電活動過度激增,可能會導致各種症狀,具體取決於腦部受影響的部位。癲癇發作可能是基因或腦部損傷所致,但成因通常不明

前庭系統包括內耳和大腦的部分,用於處理控制平衡和眼部動作的感官資訊。如果疾病或受傷導致這些處理區域受損,就可能導致前庭系統失調。前庭系統疾病也可能因遺傳或環境因素而惡化,或發生不明原因的情況。

一位穿著綠色外套、戴著眼鏡的人。
  • 例如:百葉窗、脊椎動物、頭暈、迷幻、平衡和眼部運動失調。
  • 發生頻率全球有 5 千萬人患有癲癇,全球有 180 萬名成人患有雙側前庭功能障礙 (BVH)。
  • 工具包括:用於降低動作的作業系統設定。在 Windows 中,這項設定會以「顯示動畫」做為正面框架,並且會關閉。在 Android 上,系統會開啟「移除動畫」設定。
  • 痛點:自動播放的影片、視覺內容的極度閃爍或閃爍、視差效果,或捲動觸發的動畫。

「我真的不喜歡 iOS 在應用程式之間轉換時的超流暢動畫,所以我關閉這個功能。下一部影片:中途沒有「有點動作也沒事」,所以我沒辦法拒絕讓大多數人認為是費力的動態設計。」

Oliver

語言障礙

語言障礙是指使用者無法發出或形成與他人溝通所需的語音。

戴著眼鏡並揮手的人。
  • 例如:肌肉或認知問題導致說話困難,例如構音障礙、構音障礙或口吃。
  • 頻率:1,850 萬人有語言、聲音或語言障礙
  • 工具包括:擴大性與替代性溝通 (AAC) 和語音產生裝置。
  • 痛點:語音啟動技術,例如智慧住宅裝置和應用程式。

「我兒子因動作規劃障礙而有口吃的情況。他會說「seep」而非「sheep」,或「fower」而非「flower」。聽起來很甜,但聲控軟體讓他感到不悅。

我們的新車透過語音啟動與手機互動。我們經常一起出門,因此我先生會傳送 WhatsApp 訊息給我們。車輛會大聲朗讀,但當系統詢問我們是否要回覆時,系統無法理解我兒子的回覆。他真的很沮喪...現在他向我輕聲唸出這則訊息,讓自己跟我說。」

Helen

閱讀《紐約時報》的短文,或觀看有關口吃和科技的影片

無障礙功能的其他受益者

雖然全球身心障礙人士的數量龐大,但請務必記住,這些數字並未納入所有能從無障礙數位空間中受益的使用者。包括:

  • 暫時停用。這可能表示使用者手腕骨折,或因服用藥物而認知功能受損。
  • 依情況停用。例如,某人在裝置螢幕上遇到炫光,或是無法在公開環境中播放影片音訊。
  • 輕度停用。需要配戴眼鏡才能看螢幕,或需要字幕才能聽懂音訊的使用者。
  • 母語非英語人士。如果使用者的螢幕語言不舒服,他們可能需要更多時間,才能閱讀輪轉介面/投影片上的投影片內容。
  • 年長者因年紀增長而感官退化。使用者可能因為年齡相關的手抖,而需要讀眼鏡或雙頭石才能閱讀小字內容,或是觸控裝置上的按鈕需要更大的目標尺寸。
  • 搜尋引擎最佳化 (SEO) 機器人。SEO 機器人沒有視覺、聽覺等感官,也只能透過鍵盤操作,讓 Google 能存取您的網站,Google 檢索網站時就能更有效率。

業務影響

身心障礙人士幾乎佔全球人口的四分之一,但您知道嗎?他們也有很大的購買力。

一組代表停用社群遭到忽略時損失的收益。

根據 American Institutes for Research (AIR) 的資料,美國有工作能力的殘障人士每年的總可支配所得 (稅後) 約為 $4900 億美元。這個數字與美國其他重要市場區隔相近,例如黑人 (5,010 億美元) 和拉丁裔 (5,820 億美元) 社群。若公司未規劃、設計及建構無障礙產品,就可能失去這類潛在收益。

雖然這些數字令人印象深刻,但身心障礙人士也與更廣泛的親友、社群和機構網絡有所關聯。這個更大的網路經常尋找並支援製作無障礙數位產品的企業。全球有超過 13 億人自認身心障礙,如果將這些人的親朋好友納入考量,身心障礙市場就會觸及 53% 的消費者。這是全球最大的新興市場。

除了金錢和市場佔有率之外,將身心障礙者納入整體多元化策略的企業,成效更高,也更具創新性。許多日常產品都是由身心障礙者開發或為身心障礙者開發的技術所衍生,包括:

  • 電話
  • 打字機/鍵盤
  • 電子郵件
  • 廚房用具
  • 輕鬆開啟的抽屜
  • 自動門開啟器
  • 語音控制
  • 眼動追蹤技術

在設計或編寫程式碼的過程中,我們對無障礙設計抱持著懷疑的態度,但並不是堅決的要求,創新才是副產品。對於非身心障礙者來說,這類改善可以提升整體使用者體驗。對於身心障礙人士來說,這些改善措施對於確保平等存取權至關重要。

除了對個人和業務的影響外,您也應注意到,未建構無障礙數位產品可能會帶來的法律影響。美國的公部門實體 (例如政府資助計畫/學校、航空公司和非營利機構) 必須遵守特定數位無障礙規範,許多民間機構則並未遵守這些規定。在加拿大、英國、日本、澳洲和歐盟等國家/地區,公私營公司都必須遵守更嚴格的數位無障礙法規

對於美國許多身心障礙者來說,提出訴訟是提升知名度和改革數位產品的唯一途徑。據估計,美國每天都有十多起訴訟針對數位無障礙性提出。許多商家都曾收到多起以數位無障礙為由提起的訴訟。而且每年的訴訟總數都有增加。

電子商務網站和應用程式通常是最大的目標,在 2021 年提交的訴訟中,超過 74% 的訴訟都與這類網站和應用程式有關。如果貴公司有實體店面和網路據點,就更可能成為訴訟的一分子。事實上,在前 500 大電子商務網站中,有 412 個網站在過去四年內收到過訴訟。通常第一起訴訟是針對該公司的網站,第二起則是針對行動應用程式。

雖然避免訴訟並非確保數位產品無障礙的唯一原因,但這也是重要的一環。

隨堂測驗

測驗您對 a11y 重要性的瞭解程度

全球有多少人將自我認定為停用?

13 億
根據 WHO 的資料,身心障礙者與有健康症狀的個人互動,以及個人和環境因素。
30 億人
不太正確。
1000 萬
不太正確。

哪些工具通常用於幫助身心障礙人士使用網路?

螢幕閱讀器
螢幕閱讀器可讓使用者透過文字轉語音引擎,以語音或點字傳達電腦資訊。
點字輸出裝置
點字顯示器是一種電器機械裝置,可協助視障使用者讀取文字輸出。
作業系統設定
癲癇或前庭系統失調的使用者,可以在作業系統中設定偏好設定,以減少動作。

如何有效地在網路上推動變革?

在 Twitter 上提出申訴。
如果追蹤者人數眾多,或是適時說出要做的事情,推文可能會引發對話,並有可能改變內容。不過,對許多人來說,Twitter 只是討論問題的一種方式,並不會帶來持久的改變。
提起訴訟。
這個選項適用於違反無障礙法規的國家/地區。提起訴訟會引起公司律師的注意,他們可能會認為值得花時間解決問題。
直接與公司的開發人員聯絡。
看到東西時,請說出指令。如果您在線上遇到無障礙功能異常狀況,並且能夠透過平台直接或透過其他方法與開發人員聯絡,那麼您可以引導使用者註意他們原本不知道的問題,因此可能會加以解決。您提供的證據越多,開發人員就越有可能瞭解問題。