:::

製作符合無障礙規範的網站內容

參考文件 / 2022-12-15 / 點閱數: 112

縣網中心提供各校網站使用的模組如【本站消息tadnews】、【電子相簿tadgallery】等皆已支援無障礙2.0 AA,以這些模組發布的內容都能符合無障礙規範,過去所建立的資料若未符合規範可依照以下方式處理。

 

一、自行建立的區塊

自行以HTML語法建立的區塊可透過【進階區塊管理tad_blocks】編輯,在儲存時模組會自動修正區塊內容以符合無障礙規範。

如圖,管理員登入後從導覽列上的選單點選「進階區塊」,在區塊管理中使用黃金扳手編輯指定區塊。

參考資料:Tad Blocks 進階區塊管理

 

二、早期以XOOPS及模組建立的資料

過去建立存於資料庫的內容可透過【網站地圖tad_sitemap模組】,使用「無障礙修正」的功能處理。

執行時會先將布景中的字型設定從pt轉換為em,其餘修正項目視資料多寡可只處理特定項目或一次全選,點選 預覽後修正 系統會列出修改前後的語法,再點選 立即修正 即可。

參考資料:【Tad SiteMap網站地圖】介紹

 

如欲自行處理,無法通過檢測的常見類型如下

  • font-size文字大小要用相對單位如%、rem、 em,不可用px,參考連結
  • iframe要有title,常用於學校地圖、facebook粉絲團及行事曆等區塊,參考連結
  • img要有alt,常見的有課程計畫、午餐業務的連結圖片,參考連結
  • input要有對應的標籤<label>組件,或有標題(title)屬性,參考連結

參考資料:XOOPS研習講義--自行修正為無障礙 2.0 AA