前言：設計不能「一鍋端」

數以萬計的糟糕設計，每天阻擋長者、視障、聽障、學習障礙者使用網路。盲人設計師 Sandi Wassmer 指出：忽略特殊族群，等於自願放棄一大塊市場。長者隨著機能退化，同樣需要被照顧。建立無障礙網站，其實沒那麼難——從理解障礙開始，再逐一解決。

一、善用 alt 標籤：圖片的「聲音」

滑鼠懸停時讀出文字，是視障者感知圖像唯一管道。人像寫姓名，藝術品寫簡介，**alt 文字要精準傳達圖片核心資訊**，而非檔案名稱。

二、影片必加字幕：聽障者的生命線

自製影片務必加字幕。YouTube 等平台已內建字幕工具，**字幕不只是輔助，更是內容可被搜尋、被翻譯的關鍵**。

三、縮寫加句點：讓螢幕閱讀器正確發音

HTML 中縮寫如 CIA 應寫成 `C.I.A.`，否則螢幕閱讀器會念成「西雅」，造成困擾。**語義化標籤 `C.I.A.` 更佳。**

四、連結文字要自說自話

拒絕「點這裡」、「更多」。改為「查看科技新聞版塊」、「下載年度報告 PDF」。**連結文字本身即須傳達目的地內容**，顏色亦需與普通文字明顯區分。

五、配色謹慎：高對比、避開色盲陷阱

黑字白底仍是最安全。避免單靠顏色傳達資訊（如紅綠色盲無法分辨），**輔以圖示、底線、粗體**雙重編碼。工具推薦：WebAIM Contrast Checker、Color Oracle 模擬色盲視覺。

六、確保所有連結可被點擊：觸控友善

小連結在手機上難點擊。**支援縮放、行高足夠、點擊熱區 ≥ 44×44px**，並確保鍵盤 Tab 鍵能聚焦所有互動元素。

七、內容簡潔明瞭：降低認知負荷

長文分段、短句、淺白語彙、善用列表與標題結構。**長者與學習障礙者受益，一般用戶閱讀效率也提升。**

八、提供使用指南：貼心的導覽手冊

對不熟網路者，一份圖文並茂的「如何使用本站」指南，能大幅降低學習門檻，建立信任感。

九、持續了解你的用戶：同理心是最好的設計工具

設身處地、觀察真實用戶操作、邀請特殊族群參與測試。**無障礙不是清單勾選，而是持續的同理心實踐。**