跳到主要內容
:::|

4.1:EV1040100 確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來

稽核評量碼

EV1040100

訊息

確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來

英文訊息

G14: Ensuring that information conveyed by color differences is also available in text

G111: Using color and pattern

G122: Including a text cue whenever color cues are used

G182: Ensuring that additional visual cues are available when text color differences are used to convey information

G183: Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them

評量條件

任何技術運用文字和顏色傳達訊息的網頁,都必須要遵守此規範。

評量步驟

1.使用chrome開啟檔案,大多數的使用者可以經由顏色的差異得到傳達的信息,但有些使用者無法辨識顏色的也可以經由文字內容來判斷。

使用chrome開啟檔案

2.檢視原始碼,上方的紅色框的required部分為紅色字部分的程式碼,此為使用CSS的方法來改變文字顏色,下方紅色框使用另一種程式碼來指定顏色,此部分指定文字顯示綠色。

檢視原始碼設定

3.若去掉以上紅色框出部分的程式碼,則會顯示原來預設的顏色。

預設顏色樣式

參考資源

http://www.w3.org/TR/WCAG-TECHS/G14.html

http://www.w3.org/TR/WCAG-TECHS/G111.html

http://www.w3.org/TR/WCAG-TECHS/G122.html

http://www.w3.org/TR/WCAG-TECHS/G182.html

http://www.w3.org/TR/WCAG-TECHS/G183.html

http://www.paciellogroup.com/resources/contrast-analyser.html

http://juicystudio.com/services/luminositycontrastratio.php

http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php

上一頁| 回首頁