Niquelao » 色彩檢查器擴充功能

» 擴充套件 colorChecker Niquelao 你怎麼說它看起來怎麼樣？ 2008年5月25日 由 Rumoroso 發布 —> 網頁親和力 擴充套件 colorChecker 更新於2008年5月25日，由 Rumoroso 發布 首先，這裡是擴充套件 colorChecker 擴充套件的連結，也可以在 Firefox Add-ons 找到。透過這個擴充套件，可以根據 WCAG 1 和 WCAG 2 的要求，使用它們所提出的演算法，檢查兩種顏色的組合是否適合視覺感知。 WCAG 1. 指引 2. 不要僅依賴顏色。 2.2 確保前景和背景顏色的組合，在有色覺缺陷的人觀看時，或在黑白螢幕上觀看時，能提供足夠的對比度。[圖片為優先等級 2，文字為優先等級 3]。 WCAG 2. 指引 1.4 可辨識：讓使用者更容易看到和聽到內容，包括將前景與背景分離。 1.4.3 對比（最低）：文字及文字圖像的視覺呈現，對比度至少為 5:1，以下情況除外：（AA 級）大字印刷：大尺度文字及大尺度文字圖像的對比度至少為 3:1；附帶性：屬於非作用中使用者介面元件一部分的文字或文字圖像、純裝飾性的文字或文字圖像、圖像中的附帶性文字，或任何人皆看不到的文字或文字圖像，沒有最低對比度要求。標誌：屬於標誌或品牌名稱一部分的文字，沒有最低對比度要求。 1.4.6 對比（增強）：文字及文字圖像的視覺呈現，對比度至少為 7:1，以下情況除外：（AAA 級）大字印刷：大尺度文字及大尺度文字圖像的對比度至少為 5:1；附帶性：屬於非作用中使用者介面元件一部分的文字或文字圖像、純裝飾性的文字或文字圖像、圖像中的附帶性文字，或任何人皆看不到的文字或文字圖像，沒有最低對比度要求。標誌：屬於標誌或品牌名稱一部分的文字，沒有最低對比度要求。 擴充套件的功能 此擴充套件顯示在側邊面板中，並提供正常視覺條件下以及色覺感知困難情況（紅色盲、綠色盲和藍色盲）下的結果。由於 WCAG 2 中所包含的演算法被認為更精確，因此預設最初顯示的是這個結果。 使用以下公式測量每個字母的相對亮度（除非它們全部一致）：L = 0.2126 * R + 0.7152 * G + 0.0722 * B 其中 R、G 和 B 定義為：若 R sRGB <= 0.03928 則 R = R sRGB /12.92 否則 R = ((R sRGB +0.055)/1.055) ^ 2.4 若 G sRGB <= 0.03928 則 G = G sRGB /12.92 否則 G = ((G sRGB +0.055)/1.055) ^ 2.4 若 B sRGB <= 0.03928 則 B = B sRGB /12.92 否則 B = ((B sRGB +0.055)/1.055) ^ 2.4 而 R sRGB、G sRGB 和 B sRGB 定義為：R sRGB = R 8bit /255 G sRGB = G 8bit /255 B sRGB = B 8bit /255 「^」字元是次方運算子。注意：對於鋸齒狀字母，請使用從字母邊緣往內兩個像素處所找到的相對亮度值。 使用相同公式測量緊鄰字母的背景像素的相對亮度。 使用以下公式計算對比度。(L1 + 0.05) / (L2 + 0.05)，其中 L1 是前景或背景顏色中較亮者的相對亮度，L2 是前景或背景顏色中較暗者的相對亮度。 檢查對比度是否等於或大於 7:1 顏色代碼可以以十六進位格式（無論是簡寫形式還是完整形式，無論有無井號）輸入，也可以以 RGB 格式輸入（可以在數值之間使用不同的分隔符號，例如逗號或冒號）。例如：十六進位可以輸入：#FC5 或 FC5 或 FFCC55 RGB 格式可以輸入：231,28,197 或 231:28:197 或 rgb(231,28,197) colorChecker 擴充套件的使用可以與 ColorZilla 擴充套件結合，因為後者允許直接從網頁文件中選取（並複製到剪貼簿）想要檢查的顏色。如果安裝了該擴充套件，colorchecker 會辨識到它的存在。在這種情況下，按下 Shift + Z 或 Shift + X 會啟動 ColorZilla 的滴管，並自動將前景顏色或背景顏色傳送給 colorChecker 進行分析。 側邊面板可以從瀏覽器的工具選單展開，或按下狀態列中顯示的圖示，甚至可以使用鍵盤組合鍵 alt + c。 如果讀完這些之後，你已經確信想要試用這個擴充套件，這裡再次提供 colorChecker 擴充套件的連結，你也可以從 Firefox Add-ons 安裝。 在取得色覺感知問題對應值的模擬中，所使用的演算法是基於 Hans Brettel、Francoise Vienot 和 John Mollon 在他們發表於 Journal of the Optical Society of America V14, #10 pp2647 的文章中所描述的演算法，以及 Gimp 相應模組中所包含的改編版本，其致謝名單為：Michael Natterer (mitch@gimp.org) Sven Neumann (sven@gimp.org) Robert Dougherty (bob@vischeck.com) Alex Wade (alex@vischeck.com) 你可以透過 RSS 2.0 摘要 追蹤留言。你也可以留言，或從你的網站發送引用通告至 http://www.niquelao.net/extension-colorchecker/trackback/。 1 則留言 Firefox Add-ons（2008年5月25日） […] 透過這個擴充套件，可以根據 WCAG 1 和 WCAG 2 的要求，檢查兩種顏色之間是否呈現足夠的對比度。[…] 你可以透過 RSS 2.0 摘要 追蹤留言。你也可以留言，或從你的網站發送引用通告。 本作品採用 Creative Commons 授權條款。

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.