網路上有一篇嘉義大學在 106 年 8 月通過無障礙 A 等級的心得文,受益於該文章,而且覺得完整的「無障礙規範索引」超冗長,以下整理一些之前申請網站無障礙常遇到的問題。

(先寫想到的,有空再持續補充)


【顏色對比】

成功準則1.4.3:對比值(最小) (檢測等級AA)

文字及影像文字的視覺呈現,至少要有 4.5:1 的對比值。

無障礙網路空間的說明網頁裡,推薦的工具如下:

  1. IE 親和力工具:以安裝程式增加在 IE 瀏覽器上的外掛,適合以 IE 為主要開發環境的使用者。
  2. WAVE: web accessibility evaluation tool: 利用網頁檢測,不過因為非單機工具,對正在開發的系統檢測起來效率比較差。
  3. Contrast Ratio: 只能就單一顏色組合輸入色碼後進行對比,效率較差。

沒經驗的時候,以為要一個個去吸色比對,和我一樣慣用 Chrome 的同業,推薦給我的工具是 Chrome 的外掛 "WCAG Color contrast checker"。點下去以後可以一次看到畫面上的可見與不可見元素,是否都符合對比度。

有經驗的朋友告訴我,最容易被抽到的配色就是白底紅字 (#fffff : #ff0000)。就算公司政策規定無法裝 Chrome 外掛,一次檢視全頁面有困難,但有紅字一定要挑出來檢視。


【舊資料頁面裡有大量不符合項目】

在 2022/05/31 無障礙網路空間的說明會裡,有人在 Q&A 提到,如果舊的資料網頁有大量不符合項目,例如早期以 CMS 建置的內容,出現重複的 <h1> 等,要如何處理?

講師告知可以參考常見問題中的「典藏網站的無障礙檢測適用性」

「排除典藏網站的檢測,因網站典藏的用意即在於保存收錄,以政府機關的情況而言,典藏網站可保留過去網站設計發展的紀錄,因此不應再要求修正及變更。典藏網站的重點,應在於確保使用者瀏覽網站時,可明確區分典藏網站和一般網站的差異,避免由典藏網站取得逾期、錯誤的資訊。」

這裡指的是,只要清楚區隔標示出資料是舊資料(典藏資料),就可以不必修改至符合為止。

(但之前都會以為全網站每個角落都要改到符合為止!)

 

arrow
arrow
    創作者介紹
    創作者 小攻城師 的頭像
    小攻城師

    小攻城師的戰場筆記

    小攻城師 發表在 痞客邦 留言(0) 人氣()