編輯器說明


事前建議:此編輯器會有彈跳視窗,故若您有封鎖快顯,請將封鎖快顯解除,

打開編輯器後,即可見下方圖示

如需了解更多編輯器的詳細功能,請點此

如需要通過無障礙請注意:

  • 避免以frame形式嵌入其他頁面
  • 盡量使用相對尺寸(範例圖片)
  • 盡可能採用CSS來控制字體樣式與排版/善用粗體與底線(範例圖片)
  • 插入表格需填寫表格用途說明(範例圖片)
  • 減少無意義表格排版
  • 插入圖片需填寫圖片欄位/儘可能說明圖片意義(範例圖片)
  • 適當使用條列符號
  • 剪貼資料請轉換到原始碼檢查無障礙相關問題





況狀一:插入表格

表格圖像 插入表格,如您插入表格時,如欲通過無障礙,請務必給予表格名稱,如下圖

範例圖片

如欲通過無障礙,請於原始碼處,按照下方說明事項:

  • 利用表格排版的時候 請說明<table  summary="表格用途說明" >    </table>
    (如果表格只是用來排版,請填寫"排版表格")
  • 如果表格本身含有意義,請多加caption="表格主旨說明"  <table  summary="本月出席統計" caption="本月出席統計表" >    </table>
  • 表格請使用相對尺寸%,不要採用絕對尺寸px

範例圖片

  • 盡可能採用CSS來控制字體樣式與排版/善用粗體與底線

範例圖片

Top


況狀二:使用超連結

範例圖片 點選此功能為編輯連結,您將需連結的文字選取後,點選”插入/編輯超連結”,即可連結檔案或URL。

連結URL,如下方操作方式

範例圖片

範例圖片

如欲通過無障礙,請務必於原始碼處原始檔案圖片,找到其連結位置,
超連結需加入說明:<a href=“超連結位置”   加入title="說明連結到哪個網站">
如另開視窗需加入:<a href=“超連結位置”   加入title="另開視窗到哪個網站">


連結檔案,如下方操作方式

範例圖片

範例圖片


由個人檔案室置入檔案

點選”瀏覽伺服器端”,選擇所需的檔案,點選置入即可,如下:

範例圖片

如欲通過無障礙,請務必於原始碼處原始檔案圖片,找到其連結檔案位置,
連結檔案需加入說明:<a href=“檔案位置”   加入title="開啟哪個檔案">

Top


況狀三:插入圖片

範例圖片此功能為插入圖片,操作說明如下圖:

範例圖片

請注意,如果您置入的檔案為圖片類型,請務必加上替代文字(alt),否則無障礙檢測將會無法通過。



由個人檔案室置入檔案

點選”瀏覽伺服器端”,選擇所需的檔案,點選置入即可,如下:

範例圖片


使用原始碼,確認無障礙是否正確放入

可點選原始碼原始檔案圖片檢查圖片說明是否有正確放入,點選原始碼的圖片說明如下:

若有意義,請在<img src=“圖片位置”   加入alt=“圖片說明”>
若無意義,請在<img src=“圖片位置”   加入alt=“裝飾性圖片” 或是空白>
若條列符號請加入alt=“*”

範例圖

Top


況狀四:IE7個人檔案室插入圖片檔案設定

請參考此篇IE7個人檔案室插入圖片檔案設定


貼心的小建議

建議您,可於編輯完成頁面後,立即檢測是否通過無障礙,並且可即時得知檢測結果。
連結網址: http://enable.nat.gov.tw/check.jsp

填寫檢測頁面範例如下:

範例圖片

通過檢測頁面範例如下:

範例圖片

不通過檢測頁面範例如下:

範例圖片

Top


若有任何問題,請洽睿綸數位(03-5508881)洽詢,謝謝!