Techniques for WCAG 2.0

On this page:

-

# G187: Using a technology to include blinking content that can be turned off via the user agent

## Applicability

All technologies.

This technique relates to:

- Success Criterion 2.2.2 (Pause, Stop, Hide)
  - How to Meet 2.2.2 (Pause, Stop, Hide)
  - Understanding Success Criterion 2.2.2 (Pause, Stop, Hide)

## Description

The objective of this technique is to ensure that blinking content can be turned off using user agent features. User agents allow users to stop animation of content in certain technologies. When the user activates this feature, all animation, including blinking, is stopped.

The most common way for users to stop animation is to press the "escape" key. As long as there are no processes that take precedence in the event queue for a press of that key, this is taken as a command to stop animation of moving or blinking content.

Technologies for which this is known generally to work include:

- Graphics Interchange Format (GIF)

- Animated Portable Network Graphics (APNG)

## Examples

- A page contains a blinking banner intended to draw the user's attention to it. The banner is an animated gif image which repeats indefinitely. The user presses the "escape" key, which causes the user agent to stop the animation of all animated gif images on the page.

## Tests

### Procedure

1. Load a page that includes blinking content.

2. Activate the browser's stop animation command (usually the Escape key).

3. Check to see if the blinking stops.

### Expected Results

- Check #3 is true.

- Top
- Contents
- Intro
- Previous: Technique G186
- Next: Technique G188