# Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds

ID: F4

Technology: failures

Type: Failure

## When to Use

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

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>

## Tests

### Procedure

1. Examine inline styles, internal stylesheets, and external stylesheets for the text-decoration property with a value of `blink`.
2. 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 checks #1 and #2 are true, the content fails the success criterion.

## Related Techniques

- SCR22

## Resources

- CSS Text Decoration Module Level 3: text-decoration property