無障礙網頁與八種失能舉例
利用實例幫助您更暸解現實狀況
一、視覺失能
全盲主要是靠螢幕閱讀器暸解內容。
對於 紅/綠/藍/全色盲,必須確保缺乏色彩的情況下,也可以清楚瀏覽網頁。 例如不能只以顏色當作區分方法。
字級太小,應確保使用者可自行使用瀏覽器放大/縮小,或是網頁提供字級變更
影片需增加口述影像
二、聽覺失能
影片增加字幕,包含過場情節、狀聲詞等 https://medium.com/a11yvillage/59da022c2ace
三、盲聾失能
主要靠螢幕閱讀器搭配輔助科技,例如擁有點字的鍵盤搭配 NVDA
四、語言失能
線上會議可提供打字方式傳達資訊
五、機動性、靈活性和身體結構失能
六、認知失能
文字間距加大時,確保不會跑版
使用符合語言特性且辨識度高的字體
不要使用需要計算才能知道答案的驗證碼等功能
七、癲癇失能
不要在網頁上放置每秒閃爍三次以上的元素 歷史上的今天/寶可夢「3D龍事件」釀685童癲癇、失明
八、心理 / 精神失能
固定功能放置在固定的位置上,例如 導航列 (選單列)、麵包屑、Logo回首頁、回頂端按鈕等。
Last updated