Technique F4:Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds
About this Technique
This technique relates to 2.2.2: Pause, Stop, Hide (Failure).
This failure applies to Cascading Style Sheets.
Description
CSS defines the blink value for the text-decoration property. When used, it causes any text in elements with this property to blink at a predetermined rate. This cannot be interrupted by the user, nor can it be disabled as a user agent preference. The blinking continues as long as the page is displayed. Therefore, content that uses text-decoration:blink fails the Success Criterion because blinking can continue for more than five seconds.
Examples
Example 1
A product list page uses the text-decoration:blink style on an element to draw attention to sale prices. This fails the Success Criterion because users cannot control the blink.
<p>My Great Product <span style="text-decoration:blink">Sale! $44,995!</span></p>Related Resources
No endorsement implied.
Tests
Procedure
- Examine inline styles, internal stylesheets, and external stylesheets for the text-decoration property with a value of
blink. - If the property is used, determine if the ID, class, or element identified by selectors on which this property is defined are used in the document.
Expected Results
- If step #1 and step #2 are true, the content fails the success criterion.