校網無障礙 AA 遷移操作平台(原名「石門國小校網遷移操作台」)是阿凱老師為桃園市龍潭區石門國民小學的校網搬遷專案打造的單頁操作台。它把研習講義、無障礙規範、教育局共構平台後台操作與送審表單這四份互不相通的資料,整併成一條由上往下、做完打勾就好的作業流水線。
主要功能
- 12 步驟三階段清單:分成「送審前 8 步」「送審 3 步」「送審後 1 步」,每一步都標了預估時間(1 分鐘~60 分鐘),照順序做完就能送審。
- 進度自動記住:勾選狀態存在瀏覽器本機,關掉重開、隔天再打開都還在,頂部進度條同步顯示完成度與距離標章死線的天數。
- 一鍵複製要貼的內容:5 個首頁區塊的修正原始碼、色碼、檢查指令都做成複製按鈕,整份放進剪貼簿,不用手抄。
- 對比度問題逐項給解法:處室選單底色從 #7e8f62 改成 #5d6b47(對比度 3.50 → 5.74),搭配後台的「複製顏色到所有處室」開關,一次修好 27 處;Bootstrap 的 .text-secondary 與 .text-muted 則統一改用 #495057。
- 內建對比度小工具:頁尾附一個即時計算器,臨時要確認某組配色過不過(內文 ≥ 4.5、大字 ≥ 3)時直接輸入前景/背景色就有答案。
- 送審雷區清單:網址要有 https、結尾不可有 index.php、網站名稱含縣市但絕不可含「無障礙」或「測試」、必須用機關代碼、標章等級要選 AA、「網站導覽」四個字一字未改——踩到任何一項就是秒退並等 7 天。
- Freego 檢測環境建置指引:JRE 版本區間、chromedriver 對版、掃描時哪些逾時屬正常,都寫在同一張卡片裡。
- 深淺色主題與桌機寬版排版:預設亮色、可手動切換深色,卡片網格會依螢幕寬度自動增欄,手機到桌機都好讀。
技術特色
純單檔靜態網頁部署於 GitHub Pages,無需登入、無後端;進度以 localStorage 保存,對比度計算走 WCAG 相對亮度公式在前端即時運算。含 PWA manifest 與 apple-touch-icon,可加到手機或電腦桌面當成獨立 App 開啟。涉及個人信箱與分機的成員批次資料不放進公開版,只在頁面標註本機資料夾位置,兼顧可用性與個資保護。