科技教育創新專區 › 工具 #123

校網無障礙 AA 遷移操作平台

把「舊校網搬到教育局 XOOPS 共構平台、拿到無障礙 AA 標章」拆成 12 個能打勾的步驟:逐項操作指引、要貼的內容一鍵複製、進度自動記住,還內建對比度檢查小工具與送審四大雷區清單。

⚡ 立即使用 💻 開源原始碼(GitHub)

校網無障礙 AA 遷移操作平台(原名「石門國小校網遷移操作台」)是阿凱老師為桃園市龍潭區石門國民小學的校網搬遷專案打造的單頁操作台。它把研習講義、無障礙規範、教育局共構平台後台操作與送審表單這四份互不相通的資料,整併成一條由上往下、做完打勾就好的作業流水線。

主要功能

技術特色

純單檔靜態網頁部署於 GitHub Pages,無需登入、無後端;進度以 localStorage 保存,對比度計算走 WCAG 相對亮度公式在前端即時運算。含 PWA manifest 與 apple-touch-icon,可加到手機或電腦桌面當成獨立 App 開啟。涉及個人信箱與分機的成員批次資料不放進公開版,只在頁面標註本機資料夾位置,兼顧可用性與個資保護。

標籤:#校網遷移 #無障礙AA #網站標章 #XOOPS共構 #對比度檢查 #Freego檢測 #資訊組長 #行政流程 #操作清單 #進度追蹤 #石門國小 #已建置完成

相關教學情境文章

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。