各校網站建立自訂區塊時的注意事項
2022-12-16 · admin · 參考文件 · 點閱數:395
縣網中心提供各校網站使用的模組皆已支援無障礙2.0 AA,以這些模組發布的內容都能符合無障礙規範,無法通過檢測的部分以自訂區塊為大宗,因此請各校在新增、編輯自訂區塊時使用【進階區塊管理tad_blocks】,此模組有所見及所得編輯器及多種學校網站常用的功能如跑馬燈、選單、嵌入網站/影片等,不必擔心手工輸入的html碼漏打符號造成版面大亂,製作出來的區塊也能符合無障礙規範。
如圖,管理員登入後從導覽列上的選單點選「進階區塊」即可進入進階區塊管理。
如使用傳統方式建立自訂區塊,請注意以下幾點
- 請使用CSS排版,在處理字型時要注意font-size文字大小要用相對單位如%、rem、 em,不可用px,參考連結
- 在嵌入學校地圖、facebook粉絲團、行事曆等區塊時,使用的iframe標籤要有標題(title)屬性,參考連結
- 在插入圖片時(如課程計畫、午餐業務的連結圖片),使用的img標籤內要有替代文字(alt)屬性,參考連結
- 在登入區塊等使用input標籤要有對應的標籤<label>組件,或有標題(title)屬性,參考連結
或是於建立區塊後以【進階區塊管理tad_blocks】開啟、儲存,【進階區塊管理tad_blocks】會自動修正內容。
如圖,在區塊管理中使用黃金扳手編輯指定區塊。