作為網頁無障礙擴充功能的第四彈，我們推出了 Google Chrome 擴充功能「Area Flash Checker（區域閃光檢查器）」。
第一彈「Area Contrast Checker」所採用的「區域分析」方法，是以拖曳選取範圍，分析所見即所得的畫面。這次我們將此方法延伸至「動態」。
依據 WCAG 的成功準則 2.3.1 / 2.3.2，可以在動態內容播放的當下，即時檢查頁面上移動中的閃光。
開發背景：容易被忽略、又難以確認的「閃光」
劇烈的明滅與紅色閃爍可能引發光敏性癲癇發作。
在日本，1997 年電視動畫播出時，許多觀眾身體不適的事件廣為人知。
WCAG 將閃光相關的成功準則列為最基本的 A 級要求。
網站中真正達到違反此準則程度的閃光並不常見，但一旦發生，就會直接影響使用者的健康。
此外，閃光不僅限於影片，也可能出現在 CSS 動畫、Canvas 呈現效果以及廣告版位等處。
過去檢查閃光時，多半使用以 PEAT 為代表、用於解析影片檔案的工具。
這類工具主要用於在製作階段檢查影片素材。
若要驗證已嵌入網站後的狀態，必須錄製頁面畫面、轉換影片檔案並載入工具，每次修改都得重複這些步驟。
「發現可疑的動態，希望能當場立即確認。」
本工具正是從這樣的現場需求開始開發。
無需錄影，即可計測頁面上「正在動作中」的內容
只要以拖曳選取想檢查的範圍（或以整個顯示畫面為對象），擷取 5 至 60 秒即可。
因為直接分析繪製影格，所以能計算使用者實際看到的一般閃光與紅色閃光。
CSS 動畫、影片、Canvas、GIF、輪播以及廣告版位等，皆可用同樣的步驟進行確認。
※若要稽核已完成的影片檔案本身，建議使用影片檔案分析型工具。
本工具定位為在製作與診斷過程中快速確認的選項。
主要功能
1. WCAG 達成基準 2.3.1 / 2.3.2 的判定
針對「3 次閃光，或閾值以下」（等級 A）與「3 次閃光」（等級 AAA），分別以符合／不符合的方式顯示一般閃光與紅色閃光的結果。
- 一般閃光
相對亮度先增加0.1以上再降低（或反向）的一次往返變化。暗側的相對亮度低於0.80者計為1次 - 紅色閃光
依 WCAG 2.1 以後的定義，在飽和紅色（R/(R+G+B) ≥ 0.8）與其他顏色之間的轉換，且在 CIE 1976 UCS 上的色度差超過 0.2 者 - 面積閾值
WCAG 建議的 21,824 CSS px²（341×256px 的 25%）
結果卡片同時顯示每秒最大閃光次數、違規面積與閾值的比較，以及超出基準的時段（峰值的 1 秒鐘）。
2. 時間軸與閃光對應圖
以時間軸顯示亮度變化率、閃光面積與違規面積的變化趨勢。將游標懸停或使用方向鍵在時間軸上移動時，會在畫面預覽中疊加顯示該時間點所選範圍內發光的區域。
3. 在實際網頁中使用時的考量
- 要求以 60fps 擷取畫面，並顯示實際影格率。若可能漏偵測快速閃爍，會發出警告。
- 自動支援 Retina / 高 DPI 顯示器及瀏覽器縮放。
- 為避免誤判，預設會將細線與文字邊緣等細微結構排除於面積計算之外（可依測量對象停用）。
- 設計上確保測量時顯示的覆蓋層不會被擷取進畫面。
4. 工具本身的無障礙性
支援螢幕閱讀器，會朗讀測量的狀態與結果。另外也兼顧作為無障礙工具的易用性，例如可用鍵盤操作時間軸，且在任何階段都能按 Escape 鍵返回。
※ 不會進行任何資料收集或對外傳送。擷取的影格會在瀏覽器記憶體中完成分析後立即捨棄，因此即使是尚未公開的頁面或公司內部環境，也可以安心使用。
前往下載 Area Flash Checker
Liberogic 的目標，是讓無障礙設計從「特別的處理」變成「理所當然的品質」。
閃光很難透過分析 HTML 與 CSS 的自動診斷來判定，屬於需要由人工確認的領域之一。
先以自動診斷工具 Lente Scan 掌握整體狀況，再透過擴充功能逐一確認個別項目，最後由專家進行手動診斷 Lente Audit 做出最終的符合性判定。
結合自動診斷、現場工具與專家手動診斷，協助持續改善無障礙性。
讓無障礙性更貼近生活，也更加順暢。
我們將持續打造反映現場聲音的工具與服務。
