WCAG,無障礙,申請

by openmoodle 8th December 2023
Tags
網頁無障礙

 

申請過程

Step 1. FreeGo 掃描

使用單機版檢測工具 FreeGo 掃描網站。-- 下載連結，下載操作說明PDF
掃描完後點擊「Show No」，若列表完全沒出現任何網址代表掃描通過。

Freego掃描通過截圖

 

Step 2. 依稽核評量碼修正網站

通過了機器掃描後還沒結束，還須經過人工檢測。
請依照 MODA 網站無障礙規範(110.07) 中的「稽核評量碼」規範修正網站。

 

Step 3. 申請網站標章

依照規範填寫表格，額外注意以下幾點：

  • 申請人」不可填寫機關或廠商名稱。
  • 「網站名稱」須填寫 機關名稱+網站名稱。
  • 「網址」不可以 IP 或local 端的網址登錄。
  • 「備註」若有欲排除之頁面，則寫上："請排除 <頁面1網址>、<頁面2網址>…"。
填寫申請資料

 

以測試網站申請須另外執行以下步驟：

  1. 測試網站資料以email方式寄給Moda。
  2. 等待Moda回信，確認測試網站可以連線。
  3. 再開始填寫申請資料，在表格下方需勾選「我的網站有部份或是需要登入後才能瀏覽的內容，我同意提供測試帳號讓檢測人員使用。」，填寫測試登入資料(帳密、登入頁網址...等)。

-- Link to Moda：

填寫測試登入資料

 

Step 4. 填寫自我評量

以 Moodle 為例：

Step 4.(1)

網站類型選擇：「主題網站」。

Step 4.(2)

網頁設計類型選擇：
「輪播」(若有使用多張幻燈片)、
「資訊圖像」、
「嵌入影音媒體」(若有使用)、
「行事曆」、
「內嵌頁框(iframe)」(若有使用)。

填寫自我評量

 

Step 4.(3)

依照題目評量網站是否符合，若符合則提供一個網址；若未使用該元素則選擇「未使用」。

※若未使用該元素卻一定要提供網址，則填上首頁的網址。

填寫自我評量

 

Step 5. 送出審核

填寫完自我評量後，點擊「確認完成，並送出審核」即請軟體協會開始審核網站。
最晚於送出後7個工作日回覆結果。

送出自我評量按鈕

 

Step 6-1. 被退件的處理方式

退件分兩種情況：

  1. 基本資料有缺少或填寫錯誤：更正錯誤項目後，即可重新申請標章。
  2. 人工檢測結果未符合：人工檢測發現網站存在指引5-鍵盤可操作、指引8-可導覽及指引12-相容性等其中2項問題時，則退件處理，需於退回修正日起7日後，才能重新申請標章。

-- Link to MODA-退件該如何處理

 

Step 6-2. 限期改善處理方式

若收到限期改善通知(email)，須於5個工作日內確實完成修正並回覆修正情形。

-- Link to MODA-限期改善該如何處理

回覆修正情形

 

可能會遇到的待改善項目 (檢測等級A)

成功準則1.1.1：非文字內容

評量碼：HM1110100E

  • 圖片需要加上有意義、可代替圖片在文件上下中的功能及內容的替代文字

有意義的圖片需提供有意義的替代文字說明，alt屬性請勿為空值或重複相同文字或使用與圖片內容無關的說明文字。

圖片alt屬性

 

成功準則1.3.1：資訊與關連性

檢測碼：HM1130100C

  • 教材說明文字 使用標題組件，其內容不可以為空值。

編輯教材文字時點擊「</>」按鈕，注意不可有空值的標題組件。

編輯教材文字

 

  • 登入頁面 使用標題組件(h1~h6)提供螢幕報讀軟體使用者辨識網頁結構並有利操作。

若沒有h1標題，可進入網站管理設定顯示的文字。

編輯登入文字

 

  • 資源檔案 請使用標題組件提供螢幕報讀軟體使用者辨識網頁結構並有利操作。

若點擊檔案連結時會跳出瀏覽檔案的畫面，Freego就會掃描該畫面而出現問題，只要將設定外觀改為「強迫下載」即可解決。

編輯資源檔案

 

評量碼：HM1130104E

  • 適當使用巢狀標頭呈現文件結構

請依網頁內容設置標題，並依H1、H2、H3...H6標題層級依序使用，不可跳過層級。
要有唯一一個H1。

h1標題文字

 

成功準則2.4.4：鏈結目的(脈絡)

評量碼：HM1240404E

  • 針對脈絡中的鏈結，用標題屬性來補充鏈結文字

當鏈結文字描述鏈結目的不夠明確時(如"連結點此"或網址)，須加上標題屬性(Title)來補充鏈結文字。

連結用title屬性補充

 

成功準則2.4.5：多種方式(自110年後，檢測等級從AA降為A)

評量碼：GN1240500E

提供網站導覽、導覽工具或機制、搜尋功能、網頁清單鏈結等功能，協助使用者尋找內容

設置網站導覽(SITE MAP)頁面，並網站導覽請列出完整的網站架構、快捷鍵說明。

網站導覽

 

成功準則3.2.2：輸入

檢測碼：ME1320200C

  • 提供使用者下載的檔案，應優先提供開放格式之檔案類型如ODF、PDF、HTML等檔案格式。

教師放上的檔案，以及學生繳交的作業，下載格式須為ODF、PDF、HTML。

下載檔案類型為PDF

 

評量碼：GN1320200E

  • 在會產生脈絡變更的表單控制元件變更生效前，先描述會發生什麼事

項連結開啟新視窗前應先告知使用者「另開新視窗」，建議直接於超連結的Title屬性上加註「另開新視窗」。

連結title標註「另開新視窗」

 

成功準則4.1.2：名稱、角色和值

評量碼：GN1410200E

  • 使用者介面元件應暴露名稱與角色，允許直接設定可由使用者設定的屬性，並在變更時提供通知

在JAVA SCRIPT不支援時，網頁上方提供不支援JAVA SCRIPT時的提示文字（如『您的瀏覽器不支援JavaScript功能，若網頁功能無法正常使用時，請開啟瀏覽器JavaScript狀態』之文字說明）

noscript文字

 

取得標章後續處理

通過無障礙檢測後，應依照以下的步驟完成標章的張貼與連結：

  1. 將無障礙網頁標章放置於網站首頁的適當處，通常置於網頁下方。
  2. 在網頁標頭加入 meta 說明。meta格式：
    < meta name= " Accessible_website " content= " 本網站通過A/AA/AAA檢測等級無障礙網頁檢測 " >

-- Link to MODA-標章使用規定


補充：標章自核發起三年有效，標章符合超過半年以上則進行抽測。