內容編輯者的無障礙注意事項
網站符合，不代表內容符合
這是最容易被忽略的一環：廠商交付了符合規範的網站，但上線半年後，符合度已經下降了。
原因不是程式壞掉，是內容。同仁上傳了沒有描述的圖片、從 Word 貼上帶著錯亂格式的文字、把整張活動海報當成公告發布——這些都會讓原本符合的網站變得不符合。
這一篇是給實際在後台發文的人看的。不需要技術背景，記住幾個習慣就好。
一、上傳圖片時填替代文字
最重要的一項，也是最常被跳過的。
怎麼寫
想像你在電話中向對方描述這張圖。如實說明圖片的內容或功能。
- 不好：圖片、照片1、未命名、DSC_0342
- 不好：網頁設計 網站設計 公司 桃園（堆砌關鍵字，報讀軟體會全部念出來）
- 建議：新產品發表會現場，總經理於台上致詞
純裝飾的圖片留空就好
背景花紋、分隔線、純視覺的裝飾元素，替代文字應該留空。這不是偷懶，而是讓報讀軟體跳過它，避免使用者被無意義的描述打斷。
判斷方式：如果這張圖不見了，資訊會不會缺少？ 不會的話就是裝飾。
二、不要把文字做成圖片
這是造成無障礙與搜尋雙重損失的做法。
常見情況：把活動說明做成一張海報圖直接發布、把價目表做成圖片、把公告內容截圖上傳。
圖片裡的文字，螢幕報讀軟體讀不到，搜尋引擎也讀不到。 對使用者而言，那則公告等於不存在。
正確做法
圖片可以放，但同時把內容打成文字放在頁面上。海報作為視覺呈現，文字作為實際內容。
三、用標題功能，不要用放大加粗
編輯器裡的「標題一」「標題二」不只是把字變大——它在頁面結構中建立了層次，讓報讀軟體的使用者可以像看目錄一樣快速跳轉。
常見錯誤
- 把文字放大加粗當標題——看起來像，結構上不是
- 為了字體大小而選層級——想要字小一點就用第四層
- 層級跳號——標題一之後直接用標題三
正確做法是依內容的邏輯層次選層級。覺得字太大想調整，那是樣式的問題，請廠商調整樣式，不要用錯層級來遷就。
四、連結文字要具體
報讀軟體可以列出頁面上所有連結供使用者選擇。一頁上二十個「請點此」，這個功能就失效了。
- 不好：詳細內容請點此
- 建議：請參閱115 年度招生簡章
另外，如果連結會開新視窗或下載檔案，最好在文字中說明——例如「產品型錄（PDF，2MB）」。
五、從 Word 貼上時要清除格式
直接從 Word 貼上，會帶入大量隱藏的格式碼，可能造成：
- 字體、大小、顏色與網站其他部分不一致
- 結構混亂，標題變成一般文字加樣式
- 在手機上版面跑掉
- 檔案冗長，影響載入
編輯器通常有「以純文字貼上」或「清除格式」的功能，貼完後再用編輯器本身的標題與清單功能重新整理。這是最實用的一個習慣。
六、表格只用來放表格資料
表格是用來呈現有列有欄的資料，不要用表格排版。
用表格排版的內容，在手機上會破版，在報讀軟體中會被念成一格一格的資料，完全無法理解。
另外，真正的資料表格應該設定標題列，讓報讀軟體知道每一欄是什麼。編輯器通常有這個選項。
七、影片與檔案
- 影片盡量提供字幕，或在頁面上附上文字重點
- PDF 要能選取複製文字——掃描成圖片的 PDF，報讀軟體與搜尋引擎都讀不到
- 提供檔案時註明格式與大小，讓使用者決定要不要下載
八、顏色不要單獨承載資訊
「紅色為已額滿」「綠色代表可報名」——色覺障礙的使用者看不出差別。
解法很簡單：顏色照用，但同時加上文字或符號。 例如「已額滿（紅色）」或在項目後加註文字。
發文前的三十秒檢查
- 圖片都填了替代文字嗎？裝飾圖留空了嗎？
- 有沒有把重要文字做成圖片？
- 標題是用標題功能，不是放大加粗？
- 連結文字看得出要去哪裡嗎？
- 從 Word 貼上的內容清除格式了嗎？
這五項養成習慣後幾乎不花時間，卻能維持網站的長期品質。
給管理者的建議
- 把這份清單做成後台的操作提示，或印出來貼在編輯人員的位置
- 新人交接時一併教學——這是最常斷掉的環節
- 後台的替代文字欄位可以設為必填，從源頭避免遺漏
- 定期抽查——每季看幾則最近發布的內容
如果網站有取得無障礙標章，這些習慣直接關係到續檢能否通過，見台灣的無障礙標章。
本文說明無障礙的概念與實務要點。我國規範版本與準則內容會隨國際標準更新而調整，實際適用的版本、等級要求與檢測方式，請以主管機關（數位發展部）之無障礙網路空間服務網公告為準。