以下請行政人員發文時多注意,一起打造網站的無障礙空間。

1-1.貼圖片時,在圖片上點兩下,替代文字要寫

1-2.圖片若有連結,請勿開新視窗

1-3.在圖片點一下,按物件格式,選「自適應圖片」再儲存。
請每張圖片都檢查一下。
第2點--文中不要有純文字連結(不要像下圖一樣)。

2-1.連結不能直接寫成這樣

2-2.像上圖那樣也不行
請用「有意義的文字」,然後在框選「有意義的文字」後,點公告功能區的「鍵條」,把連結貼上,在「進階」功能裏>「標題」欄位內填寫有意義的文字說明,再確定即可。(請勿設定為「開新視窗」,除非用AI檢查,而AI說有符合規範)
正確的連結示範: 請連往Google網站
最後存檔,並請各位測試點下去連結有沒有通。
有些公文在傳送的時候,承辦人會不小心選到全形或空白鍵,在貼文完,都會造成連結失效,請仔細檢查,所有網址中間都不能有空白鍵。

如上圖,加了「標題」的連結,滑鼠在上方,會有彈出小方塊,內有我們設定的「標題」(我們設的是:「連到Google」)
第3點--文中請勿用標題1(h1)格式,非必要勿用「格式」中的標題(用文字放大即可),需要的話,請標題2→標題3→標題4依序使用,勿跳著用(例如直接用 h4)。

3-1.盡量不要用標題2、3、4來做文字的大小控制。要的話也要照2、3、4的順序來。

3-2.控制文字大小,可用文字大小調整即可,如上圖
第4點--若文字有加底色,請確定對比度夠高(顏色清晰容易辨識)。
4-1.文字一般貼完都是白底黑字,適合視障朋友,若要更改文字或底部顏色,且滿足AA無障礙標章的話,顏色的對比度需要到4.5:1以上才可以
這裏有對比的checker可以玩一玩…
4-2.所以文字顏色盡量維持黑色即可。或是選重藍色、重綠色…搭配白底,「應該」都可以達到對比度4.5以上。但是仍需要用工具(如上面的網站)去double check一下。為避免大家麻煩…記得「大家不用太認真去調整文字顏色或底部顏色」
記得「大家不用太認真」去調整顏色…
第5點--非必要勿使用表格(無障礙設定會很麻煩),直接把表格做成圖片貼上更簡單。
5-1.若資料非常非常需要「表格」呈現,可利用以下方式,改為圖片呈現
(1)請利用AI,去把word或excel的表格,化為可愛「表格圖片」,表格需改為「圖片」格式,再參考我上面的第1大點去上傳圖片。
(2)或是用截圖軟體,把表格截圖下來,再上傳即可,像這篇段考日程表這樣:
第6點--附件
公告放附檔要放PDF! 不能只放WORD檔。想放WORD檔,要附上同檔的ODT檔(用WORD轉)。
PDF檔的檔名要有意義,不可以是數字或無意義的組合。
無障礙網站規定:
(1)不能只放WORD檔。
(2)最好放PDF檔。或ODT檔(用WORD程式去轉檔)。
(3)若還是想放WORD檔,就要加上同檔的ODT檔。(要有同檔,兩種格式)
