學校網站無障礙規範指引

因應學校網站申請符合無障礙網頁需求
請各位行政人員於校網公告時注意以下重點以符合相關規定

【網站無障礙規範提醒】請各單位行政人員配合以下事項,共同打造友善便民的學校網站!

📋詳細規範文件

完整規範指引與操作說明

請參考以下詳細文件,內含完整的無障礙網頁規範說明與實際操作指引:

📖 規範文件一:

無障礙網站規範校網使用方式(開啟新視窗)

📝 規範文件二:

行政人員校網公告注意事項(開啟新視窗)

📌 重要提醒:

建議先閱讀「無障礙網站規範校網使用方式」了解基本概念,再參考「行政人員校網公告注意事項」進行實際操作。

1公告發布規範

設定公告期限

  • 發布研習或活動訊息時,務必設定「公告期限」
  • 避免過期內容長期佔據版面空間
  • 定期檢查並清理過期公告內容

2嵌入YouTube影片說明

影片標題設定

  • 需填寫清楚的影片標題(可為說明或公告標題)
  • 協助螢幕閱讀器正確朗讀影片內容
  • 提供影片內容概要說明
正確範例:

「110學年度校慶運動會開幕典禮影片」

避免使用:

無標題、「影片」、「video」等無意義描述

3文字超連結處理

連結文字描述

  • 超連結文字應清楚說明開啟行為
  • 明確告知使用者連結目的地
  • 區分內部連結與外部連結
建議寫法:

「開啟新視窗到教育部網站」
「前往本校行事曆頁面」
「下載報名表格(PDF檔案)」

避免使用:

「點我」、「詳情請見」、「more」、「here」等模糊描述

4附件檔案格式規範

依據指引3.2可預期性原則

  • 請勿使用商用軟體專屬格式(如.doc、.xls、.ppt)
  • 請轉換為PDF或ODF格式(如.odt、.ods、.odp)上傳
  • 壓縮檔(ZIP)內含檔案也需確認格式合規
  • 附件檔名應具有描述性意義
建議檔名:

「113學年度第1學期行事曆.pdf」
「校外教學申請表.odt」
「學生成績統計表.ods」

避免使用:

「001」、「新建文件」、「untitled」等無描述性命名

5活動照片相簿管理

依據成功準則1.1.1非文字內容

  • 每張照片需填寫說明文字(Alt文字)
  • 避免重複或無意義的描述
  • 可於維護系統中手動編輯照片說明
建議作法:

第一張相片:「校慶運動會照片,共15張」
其餘相片:「校慶運動會 1」、「校慶運動會 2」...

6表格插入注意事項

表格資訊呈現建議流程

  • 優先使用PDF檔案方式呈現完整表格
  • 直接貼表格時,使用語意正確的HTML標籤
  • 不可使用純圖片方式展示表格內容
HTML表格標籤示例:
<table>
<caption>表格標題</caption>
<thead>
<tr>
<th>欄標題1</th>
<th>欄標題2</th>
</tr>
</thead>
<tbody>
<tr>
<th>列標題</th>
<td>資料內容</td>
</tr>
</tbody>
</table>

7圖片式外部連結的提示文字

開啟新視窗提示

  • 圖片作為連結且會「另開視窗」時
  • 請在圖片說明中加註「(點擊後開啟新視窗)」
  • 讓使用者有預期的心理準備