無障礙網頁與八種失能舉例

利用實例幫助您更暸解現實狀況

一、視覺失能

• 全盲主要是靠螢幕閱讀器暸解內容。

• 對於 紅/綠/藍/全色盲，必須確保缺乏色彩的情況下，也可以清楚瀏覽網頁。 例如不能只以顏色當作區分方法。

大多數人看見的網頁

沒辦法看見色彩

大多數人可以使用兩種以上的方式辨識

在沒有色彩的情況下仍可以用另一種方式辨識

• 字級太小，應確保使用者可自行使用瀏覽器放大/縮小，或是網頁提供字級變更

提供字級大小選擇

• 影片需增加口述影像

口述影像服務 視障者開心「看」電影 | PeoPo 公民新聞

https://www.peopo.org/news/611636

二、聽覺失能

• 影片增加字幕，包含過場情節、狀聲詞等 https://medium.com/a11yvillage/59da022c2ace

三、盲聾失能

• 主要靠螢幕閱讀器搭配輔助科技，例如擁有點字的鍵盤搭配 NVDA

四、語言失能

• 線上會議可提供打字方式傳達資訊

圖片來源：https://digital-transformation.media/g-suite/google-meet/miro/

五、機動性、靈活性和身體結構失能

• 依靠輔助科技使用 https://accessibility.moda.gov.tw/Accessible/Detail/111?Category=6

六、認知失能

• 文字間距加大時，確保不會跑版

• 使用符合語言特性且辨識度高的字體

• 不要使用需要計算才能知道答案的驗證碼等功能

大多數人看見的網頁

當文字間距變大時，網頁也要能維持畫面正常

9MB

螢幕錄影 2024-03-28 凌晨12.59.41.mov

觀看網頁時，文字不斷抖動

七、癲癇失能

• 不要在網頁上放置每秒閃爍三次以上的元素 歷史上的今天／寶可夢「3D龍事件」釀685童癲癇、失明

八、心理 / 精神失能

• 固定功能放置在固定的位置上，例如 導航列 (選單列)、麵包屑、Logo回首頁、回頂端按鈕等。