主內容區域
2-5-11 今日午餐資訊

「今日午餐資訊」區塊是從之前的 tad_launch3 修改而來,基本的操作方式和架構幾乎完全一樣,差別只在於此功能專注於提供便利的資訊區塊,而沒有複雜的模組前台頁面。
♿ 網頁無障礙警示(WCAG 2.1 AA 規範):
系統預設的色彩配置並不符合無障礙文字對比度要求(未達 4.5:1)。為了保障視障與低視能使用者的閱讀權益,請管理員在啟用時,務必參考下方步驟二調整區塊底色。
? 系統官方建議設定值:

⚙️ 區塊選項參數配置指南
後台提供了非常彈性且細緻的控制選項,用以微調前台菜單的外觀。
? 1. 圖片尺寸與版面布局:
? 圖片寬度 / 高度: 預設值為 100px,為了維持菜色照片的清晰度與辨識度,不建議將數值設得太小。
? 直式或橫式切換: 預設為「橫式」(適合中間寬版區域)。若欲將此區塊放置於網頁的左右兩側側邊欄,強烈建議改選「直式」以符合窄版空間。
? 2. 字型樣式與校名自訂:
? 文字級距樣式: 菜色種類(如主食、主菜)預設為 font-size: 1.2rem;(放大為 120%);菜色名稱預設為 1rem(維持 100% 原尺寸)。
? 校名與 CSS 設定: 預設為短校名且字體放大為 110%(font-size: 1.1rem;)。若學校欲直接連動智餐平台的預設名稱,請將此欄位**完全清空**即可。
♿ 3. 核心色彩對比度配置(重中之重):
? 主食底色 / 其他底色: 請務必配合文字顏色進行色彩微調,確認其對比度符合 4.5:1 以上的數位無障礙 A/AA 級規範標準!
? 文字顏色: 系統預設為純白 #ffffff,此欄位即是用來與上述設定的底色進行對比度公式計算的基準。
? 4. 供應商顯示與註解區字數限制注意事項:

調整完區塊底色後的實體外觀如上圖所示,其文字與底色之間的色彩對比度已順利達到 4.5:1 的數位無障礙標準,既美觀又符合檢測規範。
?️ 前台資料未正常出現時的處理步驟:
- 管理員可先點擊選單中的「點此(另開新視窗)校園食材登錄平臺觀看詳細資訊」,藉此確認智慧財產平台端目前是否有正常的供餐資料。
- 若確認智餐平台端確實有資料,請回到校網後台並按下「重新擷取資料」按鈕,系統便會立即強制同步,將最新的菜單存回校網資料庫中顯示。
- ? 暑假與寒假指定日期查閱技巧: 由於寒暑假期間學校一般不供餐,若為了測試或檢測需要查看過去或特定的日期午餐,可在網址列尾端直接夾帶
period參數來指定日期。例如輸入:
https://網址/?period=2026-06-30即可順利強制調閱。

2-5-10 跑馬燈區塊