無障礙網頁發文指引:規範與 AI 實務教學
提升資訊平權,打造友善數位校園
壹、 無障礙發文關鍵準則
1. 圖片必須提供「替代文字」(Alt Text)
- 核心目標:讓視障使用者透過語音軟體「聽見」圖片內容。
- 正確做法:寫出圖片具體意義,如「圖書館書展:學生參與借書活動剪影」。
- 避難規範:若公告僅有一張海報圖片,必須在內文手動補齊所有活動細節(時間、地點、辦法)。
2. 連結文字應「明確且可預期」
- 核心目標:不點擊也能知道目的地。
- 錯誤做法:按此下載、詳情請點我。
- 正確做法:「前往南寧高中線上預約借書系統 (另開新視窗)」。
- 檔案標註:若為附件請註明格式,如「新書入館清單 (PDF)」。
3. 結構排版應符合「語意邏輯」
- 禁止事項:嚴禁使用「全形或半形空白」來進行縮排或對齊。
- 正確標籤:條列內容請務必點選編輯器的「清單按鈕」。
- 字體顏色:文字與背景對比度需大於 4.5:1(建議黑字白底最安全)。
✅ 發文前無障礙自我檢核表
| 檢查項 | 檢查內容 |
|---|---|
| 圖檔 | 我已在圖片屬性中填寫了正確的「替代文字」。 |
| 連結 | 我已移除「請點我」,並標註了開新視窗。 |
| 排版 | 我使用的是編輯器標題功能,沒有使用空格對齊。 |