Test for WCAG technique SCR31: Using script to change the background color or border of the element with focus

[hannolans]

http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-TECHS/SCR31
This purpose of this technique is to allow the author to use JavaScript to apply CSS, in order to make the focus indicator more visible than it would ordinarily be. When an element receives focus, the background color or border is changed to make it visually distinct. When the element loses focus, it returns to its normal styling. This technique can be used on any HTML user agent that supports Script and CSS, regardless of whether it supports the :focus pseudoclass.

Procedure

1. Tab to each element in the page
2. Check that the focus indicator is visible

Expected Results

• Step imgImportantNoSpacerAlt should use CSS width in php land #2 is true

[hannolans]

Thanks for posting. Note that this technique has a failure counterpart:
F55: Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received ( #146 )
http://www.w3.org/WAI/GL/WCAG20/NOTE-WCAG20-TECHS-20090105/F55

[jessebeach]

Fixed with #325