跳至主內容區
桃園市學校共構網站管理平臺
導覽列
:::
回首頁
無障礙校網手冊
登入
登入
帳號
密碼
登入
重取設定
依學校
篩選
:::
主內容區域
所有書籍
「無障礙校網建置」目錄
MarkDown
2. 初始化設定
選擇後會自動跳轉頁面
1. 共構校網平台
1-1 無障礙學校網站建置說明
1-2 我可以開始裝模組了嗎？
1-3 我可以把原本學校佈景匯出拿來這裡匯入用嗎？
1-4 常見的無障礙要求（坑）
2. 初始化設定
2-1 網站初始化設定
2-1-1 在Chrome加入個人用無障礙的 skill
2-2 處室設定
2-2-1 基本資訊
2-2-2 頁面設定
2-2-2-1 「行政處室」選單區塊
2-2-2-2 自由編輯頁面
2-2-3 成員設定
2-2-3-1 成員完整設定
2-2-3-2 成員排序
2-2-3-3 批次新增成員
2-2-3-4 行政職務換人
2-2-4 群組帳號設定
2-2-4-1 行政人員登入
2-3 學校簡介
2-3-1 轉移有包含圖片的文章
2-3-2 主要內容為圖片以及附檔注意事項
2-3-3 學校簡介排序與區塊設定
2-4 導覽列選單設定
2-4-1 選單設定
2-5 區塊管理
2-5-1 行政處室
2-5-2 學校簡介
2-5-3 內容列表
2-5-4 顯示單一內容
2-5-5 頁籤區塊
2-5-6 標籤公告區塊
2-5-7 資訊輪播(有圖片的輪播)
2-5-8 標籤連結
2-5-9 顯示某頁面連結
2-5-10 跑馬燈區塊
2-5-11 今日午餐資訊
2-5-12 請由此登入
2-5-13 下載區塊
2-5-14 標籤雲
2-5-15 大型行事曆
2-5-16 小行事曆
2-5-17 工具列
2-5-18 無障礙標章
2-5-19 AQI空氣品質
2-5-20 天氣預報
2-6 佈景套用
3. 頁面（功能）
3-1 自由編輯
3-2 外連
3-3 父選項
3-4 文章（等同 tadnews 的自訂頁面）
3-5 報導（等同 tadnews 的含封面的公告）
3-6 相簿（等同 tadgallery 電子相簿或 tad_gphoto Google相簿）
3-7 榮譽榜（等同 tad_honor 榮譽榜）
3-8 影片（等同 tad_player 影音播放）
3-9 檔案（等同 tad_uploader 檔案上傳模組）
3-10 連結（等同 tad_link 好站連結）
3-11 公告（等同 tadnews 的一般公告）
3-12 處室成員
3-13 行事曆（等同 tad_cal 行事曆）
3-14 電子書
4. 教職員管理
5. 標籤管理
6. 專區管理
7. 申請無障礙標章
2-1-1 在Chrome加入個人用無障礙的 skill
無障礙校網建置 ======= ### 一、學校基本資料設定 進入網站初始化設定後，系統會先自動帶入各校的基本資料，方便管理員快速完成設定。 預設可能會自動填入的資料包括： - 學校簡稱 - 學校代碼 - 教育雲縣市縮寫 - 學校全銜（若不正確請自行修改） - 學校總機電話 其中，**學校英文名稱**不一定會自動帶入，且此欄位並非必填。各校可依實際需求決定是否填寫。 另外，若系統尚未帶入傳真電話，請管理員自行補上。 ### 二、畫面參考 下圖為網站初始化設定畫面範例。  ### 三、食登平臺學校編號設定 「食登平臺學校編號設定」主要會用在**營養午餐**相關區塊。 系統預設會先嘗試找出學校對應的食登平臺編號： - 若有找到，會自動帶入 - 若沒有找到，請管理員手動新增 - 如果學校有多個編號，請使用**小寫分號 `;`** 隔開 ### 四、業務執掌頁面的隱私設定 以下設定會影響「業務執掌」頁面中個人資料的顯示方式： - 顯示完整姓名 - 顯示電話 - 顯示信箱 這些選項屬於隱私相關設定，管理員可依學校需求決定是否開放顯示。 ### 五、訪客可查看公告的天數設定 「訪客能看到幾天公告？」是用來限制**未登入訪客**可查看公告的範圍。 設定方式如下： - 若欄位留空，代表不限制公告天數 - 若填入數字，例如 `30`，未登入訪客就只能看到最近 30 天內的公告 這個功能特別適合用在日後重新申請無障礙標章時。 因為多年後網站公告可能已累積數千筆，管理員不可能逐筆檢查所有公告是否符合無障礙規範。透過限制訪客只看到最近 30 天公告，無障礙審核時也只會檢查這段期間的公告內容，能有效降低整理與檢查的壓力。 ### 六、公告置頂天數設定 「公告置頂最長天數」預設為 **14 天**。 管理員可依照學校公告管理需求自行調整。 ### 七、本站預設的無障礙標準 「本站預設的無障礙標準」預設為 **AA**。 一般情況下，不建議隨意修改此設定。 若將標準改為 **AAA**，系統中部分設定項目會出現與 AAA 等級相關的選項。除非學校有明確需求，否則建議維持 AA 即可。 ### 八、無閱讀權限文章的顯示方式 「無閱讀文章權限者的顯示設定」提供兩種選項： - **僅顯示文章標題** 訪客或沒有權限的使用者可以看到文章標題，但點入後不會顯示文章內容。系統會提示該文章開放哪些群組閱讀。 - **完全隱藏文章** 沒有閱讀權限的使用者完全看不到該文章，也不會知道這篇文章存在。 管理員可依文章內容的敏感程度選擇適合的顯示方式。 ### 九、今日午餐資訊說明 「今日午餐資訊的說明」可用來在今日午餐資訊區塊中加入補充文字。 例如可填入過敏原提醒： > 本校營養午餐有供應甲殼類、芒果、花生、牛奶及羊奶、蛋、堅果類、芝麻、含麩質穀物、大豆、魚類、使用亞硫酸鹽類等 11 種及其製品，不適合對其過敏體質者食用。 由於區塊設定中的文字欄位通常有字數限制，如果需要放置較長的說明文字，可以在此欄位填寫。 ### 十、學校自訂無障礙 AI 工具網址 「學校自訂無障礙 gem 或智能體的網址」為非必填欄位。 如果學校自行設計了用來修正文章無障礙問題的 AI 工具或機器人，可以將網址貼在此處。 設定完成後，行政人員在編輯文章時，畫面下方會出現連結按鈕，方便直接前往該工具，協助處理文章內容的無障礙調整。 底下是「XOOPS文章無障礙處理」的提示詞，各校可據此內容去自行添加或修改： ```markdown # Role 你是一位資深 Web 開發工程師，專精於 WCAG 2.2 AAA 無障礙網頁規範與 NVDA 螢幕閱讀器報讀優化。 # Task 將使用者輸入的文章或原始碼，轉換為完全符合無障礙規範的 HTML 片段，確保能直接貼入 XOOPS 系統的 CKEditor 中使用。 # Execution Rules ## 1. 結構與標題層級 (無障礙核心) - **保留原意**：若原始內容無標題結構，【嚴禁】自行無中生有添加標題。 - **層級限制**：若原始內容包含標題，【一律從 <h3> 開始】向下遞增。絕對【禁用】`<h1>` 與 `<h2>`。 - **語意 vs 視覺**：只有具備「文件大綱語意」的標題才能使用 `<h3>`-`<h6>`。若純粹為視覺上的美化或強調，請改用 Bootstrap 5 的字級與粗細類別（例如：`<span class="fs-4 fw-bold">`），禁止濫用標題標籤。 ## 2. 連結處理 (NVDA 友善) - **隱藏網址**：【嚴禁】直接將網址字串作為超連結文字（例如 <a>https://...</a> 是違規的）。必須將網址整合進具備描述性的文字中。 - **Title 屬性限制**：`title` 屬性【僅限】用於提示特殊行為或格式（例如：`title="另開新視窗"` 或 `title="PDF文件"`）。【嚴禁】寫入與連結文字重複或冗餘的描述。`target`屬性不存在或不是_blank時，`title` 屬性【嚴禁】寫入"另開新視窗"。 - **內容忠實**：不得自行增減原始內容中的連結或檔案數量，遇到Email【嚴禁】加上連結。 ## 3. 圖片與表格處理 - **自適應圖片**：所有 <img> 標籤必須加入 Bootstrap 5 類別 `.img-fluid`。【嚴禁】在 style 中寫死 width 與 `height`。 - **替代文字 (Alt)**：依據圖片意義提供精確的 alt 描述；若為純裝飾性圖片，必須加上 `alt=""`。 - **圖轉文/表**：若圖片內容包含「表格」、「大量文字」或「平面圖等複雜圖表」，【必須】在圖片下方直接產生對應的 HTML 表格或語意化文字摘要（平面圖需轉為口語化描述）。 - **表格**：表格中若有使用 caption 標籤，【必須】用`style="caption-side: top;"`使之顯示在表格上方。 ## 4. 色彩與樣式 (AAA 級標準) - **高對比度**：任何自訂的文字與背景色彩搭配，文字對比度【必須】符合 WCAG 2.2 AAA 級的 7:1 標準。 - **優先使用框架**：樣式請優先使用 Bootstrap 5 內建類別，盡最大可能減少自定義的 Inline CSS (`style="..."`)。 - **附件處理**：若內文提到「檢附文件」等字眼，保留原文字樣即可，不需虛構或預留連結位置。 # Output Format (嚴格遵守) 1. **純程式碼**：僅輸出適用於 CKEditor 的 HTML 片段。 2. **零廢話**：【禁止】任何問候、自我介紹、思考過程、解釋說明或結語。 3. **單一區塊**：將最終結果包裝在單一個 ` html ` 與 ` ` 的程式碼區塊中，以便使用者一鍵複製。 ```
:::
左邊區域內容
書籍目錄
展開
|
闔起
頁尾區域
2. 初始化設定