SC2-2-2-pause-stop-hide

From Automated WCAG Monitoring Community Group
Jump to: navigation, search

Back to Success Criterion 2.2.2 Pause, Stop, Hide

Description

This test checks that moving, blinking, scrolling, or auto-updating information doesn’t distract users during their interaction with a web page.

Background

Assumptions

This test assumes that the moving, blinking, scrolling, or auto-updating content is not part of an activity where it is essential.

Test properties

Property Possible values
Test name Pause, stop, hide
Test requirement 2.2.2 Pause, Stop, Hide
Test mode SemiAuto
Test environment rendered page
Test subject Single web page
User expertise and skills no prior knowledge
User profile Requires sight

Test procedure

Selector

Test mode: earl:manual

The entire web page.

Step 1 (F47)

Test mode: earl:automatic

Check in the code for the presence of the <blink> element.

If true:

Property Value
TestCase SC2-2-2-pause-stop-hide
Identifier SC2-2-2-pause-stop-hide-fail1
Outcome failed
ErrorMessage Blink element is not allowed.
Pointer position
Info


Else, continue with #Step 2 (F4)

Step 2 (F4)

Test mode: earl:automatic

Check in the code if the text-decoration:blink property is set.

If true:

Property Value
TestCase SC2-2-2-pause-stop-hide
Identifier SC2-2-2-pause-stop-hide-fail2
Outcome failed
ErrorMessage Text-decoration:blink property is not allowed.
Pointer position
Info


Else, continue with #Step 3

Step 3

Test mode: earl:manual

Check if there is no moving or scrolling content or blinking content longer than 5 seconds.

User input question

Item presented to the user: Web page.

Question: Is there on the web page moving or scrolling content or blinking content that lasts more than 5 seconds?

Answer options: "yes/no"

Help text: Examples of moving or scrolling content are a scrolling banner or a news carousel. Examples of blinking content are animated images, GIF and Flash animations.

Repair suggestion: none

Properties of the test step:

  • context-sensitive = no
  • user interaction (with the web content) required = no


If yes, continue with #Step 4.

Else:

Property Value
TestCase SC2-2-2-pause-stop-hide
Identifier SC2-2-2-pause-stop-hide-pass1
Outcome passed
Pointer position
Info


Step 4

Test mode: earl:manual

Check if there is a mechanism to pause or stop the moving, scrolling or blinking content.

User input question

Item presented to the user: Web page.

Question: Is there a mechanism to pause or stop the moving, scrolling or blinking content?

Answer options: "yes/no"

Help text: Select "Yes" if it is possible to pause or stop the moving, scrolling, blinking content. Else select "No".

Repair suggestion: none

Properties of the test step:

  • context-sensitive = yes
  • user interaction (with the web content) required = yes


If yes:

Property Value
TestCase SC2-2-2-pause-stop-hide
Identifier SC2-2-2-pause-stop-hide-pass2
Outcome passed
Pointer position
Info


Else:

Property Value
TestCase SC2-2-2-pause-stop-hide
Identifier SC2-2-2-pause-stop-hide-fail3
Outcome failed
ErrorMessage No mechanism available to pause or stop the moving, scrolling or blinking content.
Pointer position
Info