跳到主要內容
:::|

8.7:EV2080700 使用者介面取得焦點時,使其鍵盤焦點指示具高可見度

稽核評量碼

EV2080700

訊息

使用者介面取得焦點時,使其鍵盤焦點指示具高可見度

英文訊息

G149: Using user interface components that are highlighted by the user agent when they receive focus

G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over

G195: Using an author-supplied, highly visible focus indicator

C15: Using CSS to change the presentation of a user interface component when it receives focus

評量條件

當使用者在介面選定焦點來做點選或是鍵盤輸入時,其焦點指示具高可見度。

評量步驟

1.使用Google Chrome瀏覽器開啟網頁。

開啟網頁示意圖

2.當使用者把焦點放在輸入行時,其焦點指示具高可見度(輸入行變為綠色)。

焦點指示具高可見度示意圖

3.可點選右鍵檢視網頁原始碼。

此範例使用CSS的:FOCUS動態準類別。

檢視原始碼示意圖

參考資源

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

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

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

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

http://www.w3.org/TR/UAAG10/guidelines.html#tech-interaction-highlight

http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

上一頁| 回首頁