網頁無障礙規範說明 及 易出錯之樣態舉例

發佈日期 : 2026-03-03 發佈者 : 資訊組長

💡核心理念:

人們常說:「一張圖片勝過千言萬語。」但對視障者而言,「千張看不見的畫,不如一段聽得到的文字。」


💡實踐資訊平權:檢查重點

  1. 檔案下載: 提供文字說明,避免內文空白,以免造成視障者閱讀中斷。。
    🔗 範例:文字說明參考
  2. 必備文字: 具資訊性的圖片應將圖片重要資訊轉化為文字。替代文字 (Alt) 簡述標題,不重複長文。
    🔗 範例:圖文並茂參考
  3. 連結清晰: 連結文字應具描述性,讓使用者能清楚知道點擊後的內容, 避免僅呈現網址或「點此查看」。
    🔗 範例:具體描述連結
  4. 彈性縮放: 文字尺寸建議使用相對單位(如 em、rem), 確保可放大閱讀且版面不失真。
    🔗 範例:彈性文字單位

💡 總結:

圖片帶來美感與吸引力,文字確保理解與平等。兩者並行,才能真正實踐資訊無障礙。在無障礙規範(WCAG)中,「文字」比「圖片」更重要。能用文字傳達資訊就不要將文字變成圖像,且圖片必須提供具體有意義、非檔名的「替代文字」。

更多說明