無障礙發文規範
子標題
標題格式代表內容層級，非單純字體大小。內文原則不使用 h1、h2，如需使用標題，請自 h3 起依序往下，不得跳階。說明如下：
- ◎ 標題代表的是結構，不是外觀
- ◎ 不應跳階使用標題
- ◎ h1、h2 通常保留給文件的主要架構
- ◎ 這不只是排版問題，也關係到可讀性與可維護性
顏色
如果內文需要顏色，先選取文字，再使用文字顏色功能➊。
為確保內容清晰易讀，文字與背景之對比度需足夠。同色調➋、都是深色或淺色➌，都會影響閱讀。淺底深字➍、深底色字➎對比度才夠。
連結
- 連結應使用具有明確意義之文字描述其目的或內容。
- 避免使用「點這裡」等模糊文字，亦不得僅以顏色區分是否為連結。
- 不可直接顯示完整網址。
- 連結如需於新分頁開啟，應使用 target=“_blank”，並同時加上 rel=“noopener noreferrer” 以確保安全性。
- 連結如需於新分頁開啟，應於連結文字中適當標示（如「另開新分頁」），以利使用者辨識其行為。
- ◎ 錯誤做法舉例
- ◎ 正確做法舉例
圖片
- 圖片是輔助資訊，不是主要資訊。
- 重要內容不能只放在圖片裡。所以不能公告全文做成一張圖。
- 圖片要「幫助理解」，不是取代文字。所以不能把資訊全部放在圖片裡
舉例說明：
/*//正確寫法：加上 alt 屬性<img src="notice.png" alt="期中考時間與注意事項">
在 HTML 中，alt 是「圖片的替代文字」。用途有三：1. 圖片壞掉時顯示2. 螢幕報讀軟體會念出來，提供視覺障礙者資訊3. 搜尋引擎會讀取 alt 屬性，了解圖片內容*/
//錯誤寫法：沒有 alt → 對系統來說這張圖「沒有意義」<img src="notice.png">
//錯誤寫法：圖片沒有說明，使用者不知道在幹嘛<img src="chart.png" alt="">
//錯誤寫法：等於沒寫，alt 要描述「圖片在講什麼」，不是「這是什麼」<img src="notice.png" alt="圖片">
//正確做法：替代文字要描述圖片內容<img src="poster.png" alt="親職講座海報，時間為4月15日晚上7點">
//正確做法：重要資訊要用文字再寫一次<p>期中考時間：4月20日（國語、數學），4月21日（英語、自然）</p><img src="exam_schedule.png" alt="期中考時間表，包含國語、數學、英語與自然科目安排">
//正確做法：圖片如果是裝飾，可以這樣寫，表示「這張圖不重要，可以忽略」<img src="decoration.png" alt="">
//正確做法：圖片當連結時要說明用途<a href="https://example.com/register"> <img src="btn.png" alt="前往報名表"></a>使用情境
海報、圖卡類公告：圖片是輔助資訊，不是主要資訊
