-
Notifications
You must be signed in to change notification settings - Fork 266
/
Copy pathtime-limits-pause.xml
254 lines (253 loc) · 13.6 KB
/
time-limits-pause.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE div2
SYSTEM "../xmlspec.dtd">
<div2 role="extsrc" id="time-limits-pause">
<head>2.2.2</head>
<div3 role="intent">
<head>Intent of this Success Criterion</head>
<p>The intent of this Success Criterion is to avoid distracting users during their interaction with a Web page.</p>
<p>"Moving, blinking and scrolling" refers to content in which the visible content conveys a sense of motion. Common examples include motion pictures, synchronized media presentations, animations, real-time games, and scrolling stock tickers. "Auto-updating" refers to content that updates or disappears based on a preset time interval. Common time-based content includes audio, automatically updated weather information, news, stock price updates, and auto-advancing presentations and messages. The requirements for moving, blinking and scrolling content and for auto-updating content are the same except that:</p>
<ulist>
<item>
<p>authors have the option of providing the user with a means to control the frequency of updates when content is auto-updating and</p>
</item>
<item>
<p>there is no five second exception for auto-updating since it makes little sense to auto-update for just three seconds and then stop</p>
</item>
</ulist>
<p>Content that moves or auto-updates can be a barrier to anyone who has trouble reading stationary text quickly as well as anyone who has trouble tracking moving objects. It can also cause problems for screen readers.</p>
<p>Moving content can also be a severe distraction for some people. Certain groups, particularly those with attention deficit disorders, find blinking content distracting, making it difficult for them to concentrate on other parts of the Web page. Five seconds was chosen because it is long enough to get a user's attention, but not so long that a user cannot wait out the distraction if necessary to use the page.</p>
<p>Content that is paused can either resume in real-time or continue playing from the point in the presentation where the user left off.</p>
<olist>
<item>
<p>Pausing and resuming where the user left off is best for users who want to pause to read content and works best when the content is not associated with a real-time event or status.</p>
<note>
<p>See <specref ref="time-limits-required-behaviors"/> for additional requirements related to time-limits for reading.</p>
</note>
</item>
<item>
<p>Pausing and jumping to current display (when pause is released) is better for information that is real-time or "status" in nature. For example, weather radar, a stock ticker, a traffic camera, or an auction timer, would present misleading information if a pause caused it to display old information when the content was restarted.</p>
<note>
<p>Hiding content would have the same result as pausing and jumping to current display (when pause is released).</p>
</note>
</item>
</olist>
<p>For a mechanism to be considered "a mechanism for the user to pause," it must provide the user with a means to pause that does not tie up the user or the focus so that the page cannot be used. The word "pause" here is meant in the sense of a "pause button" although other mechanisms than a button can be used. Having an animation stop only so long as a user has focus on it (where it restarts as soon as the user moves the focus away) would not be considered a "mechanism for the user to pause" because it makes the page unusable in the process and would not meet this SC.</p>
<p>It is important to note that the terms "blinking" and "flashing" can sometimes refer to the same content.</p>
<ulist>
<item>
<p>"Blinking" refers to content that causes a distraction problem. Blinking can be allowed for a short time as long as it stops (or can be stopped)</p>
</item>
<item>
<p>"Flashing" refers to content that can trigger a seizure (if it is more than 3 per second and large and bright enough). This cannot be allowed even for a second or it could cause a seizure. And turning the flash off is also not an option since the seizure could occur faster than most users could turn it off.</p>
</item>
<item>
<p>Blinking usually does not occur at speeds of 3 per second or more, but it can. If blinking occurs faster than 3 per second, it would also be considered a flash.</p>
</item>
</ulist>
<div4 role="benefits">
<head>Benefits of this Success Criterion</head>
<ulist>
<item>
<p>Providing content that stops blinking after five seconds or providing a mechanism for users to stop blinking content allows people with certain disabilities to interact with the Web page.</p>
</item>
<item>
<p>One use of content that blinks is to draw the visitor's attention to that content. Although this is an effective technique for all users with vision, it can be a problem for some users if it persists. For certain groups, including people with low literacy, reading and intellectual disabilities, and people with attention deficit disorders, content that blinks may make it difficult or even impossible to interact with the rest of the Web page.
</p>
</item>
</ulist>
</div4>
</div3>
<div3 role="examples">
<head>Examples for this Success Criterion</head>
<ulist>
<item>
<p>
<emph role="bold">An essential animation can be paused without affecting the activity</emph>
</p>
<p>A Web site helps users understand 'how things work' through animations that demonstrate processes. Animations have "pause" and "restart" buttons.</p>
</item>
<item>
<p>
<emph role="bold">A stock ticker</emph>
</p>
<p>
A stock ticker has "pause" and "restart" buttons. Pausing the ticker causes it to pause on the currently displayed stock. Restarting causes the ticker to resume from the stopped point but with a notice that the display is delayed. Since the intent of the stock ticker is usually to provide realtime information, there might also be a button that would advance the ticker to the most recently traded stock.
</p>
</item>
<item>
<p>
<emph role="bold">A game is designed so that users take turns rather than competing in real-time</emph>
</p>
<p>One party can pause the game without invalidating the competitive aspect of it.</p>
</item>
<item>
<p>
<emph role="bold">A Web advertisement</emph>
</p>
<p>An advertisement blinks to get viewers attention but stops after 5 seconds</p>
</item>
<item>
<p>
<emph role="bold">A form prompt</emph>
</p>
<p>A form blinks an arrow near the submit button if a user finishes filling out the form but does not activate the submit button. The blinking stops after 5 seconds.</p>
</item>
<item>
<p>
<emph role="bold">An animation</emph>
</p>
<p>An animation runs in the upper portion of the page but has a "freeze animation" button near the bottom of the animation.
</p>
</item>
<item>
<p>
<emph role="bold">A "loading" animation</emph>
</p>
<p>A preloader animation is shown on a page which requires a certain percentage of a large file to be downloaded before playback can begin. The animation is the only content on the page and instructs the user to please wait while the video loads. Because the moving content is not presented in parallel with other content, no mechanism to pause, stop or hide it needs to be provided, even though the animation may run for more than 5 seconds for users with slower connections.</p>
</item>
<item>
<p>
<emph role="bold">A full-page advertisement</emph>
</p>
<p>A site requires that all users view a 15 second advertisement before they can access free content available from their site. Because viewing the advertisement is a requirement for all users and because it is not presented in parallel with other content, no mechanism to pause, stop or hide it needs to be provided.</p>
</item>
</ulist>
</div3>
<div3 role="resources">
<head>Resources for this Success Criterion </head>
</div3>
<div3 role="techniques">
<head>Techniques for Addressing Success Criterion 2.2.2</head>
<div4 role="sufficient">
<head/>
<olist>
<item>
<p>
<loc href="G4" linktype="general">Allowing the content to be paused and restarted from where it was stopped</loc>
</p>
</item>
<item>
<p>
<loc href="SL11"
linktype="silverlight"/>
</p>
</item>
<item>
<p>
<loc href="SL12"
linktype="silverlight"/>
</p>
</item>
<item>
<p>
<loc href="SCR33"
linktype="script">Using script to scroll content, and providing a mechanism to pause it</loc>
</p>
</item>
<item>
<p>
<loc href="FLASH35"
linktype="flash">Using script to scroll Flash content, and providing a mechanism to pause it</loc>
</p>
</item>
<item>
<p>
<loc href="G11"
linktype="general">Creating content that blinks for less than 5 seconds</loc>
</p>
</item>
<item>
<p>
<loc href="G187"
linktype="general">Using a technology to include blinking content that can be turned off via the user agent</loc>
</p>
</item>
<item>
<p>
<loc href="G152"
linktype="general">Setting animated gif images to stop blinking after n cycles (within 5 seconds) </loc>
</p>
</item>
<item>
<p>
<loc href="SCR22"
linktype="script">Using scripts to control blinking and stop it in five seconds or less</loc>
</p>
</item>
<item>
<p>
<loc href="FLASH36"
linktype="flash">Using scripts to control blinking and stop it in five seconds or less</loc>
</p>
</item>
<item>
<p>
<loc href="G186"
linktype="general">Using a control in the Web page that stops moving, blinking, or auto-updating content</loc>
</p>
</item>
<item>
<p>
<loc href="G191"
linktype="general">Providing a link, button, or other mechanism that reloads the page without the blinking content</loc>
</p>
</item>
<item>
<p>
<loc href="SL24"
linktype="silverlight"/>
</p>
</item>
</olist>
</div4>
<div4 role="tech-optional">
<head>Additional Techniques (Advisory) for 2.2.2</head>
<ulist>
<item>
<p>
Providing a mechanism to stop all content that blinks within a Web page (future link)
</p>
</item>
<item>
<p>
Providing the user with a means to stop moving content even if it stops automatically within 5 seconds (future link)
</p>
</item>
</ulist>
</div4>
<div4 role="failures">
<head>Common Failures Identified by the Working Group</head>
<ulist>
<item>
<p>
<loc href="F16"
linktype="failure">Failure due to including scrolling content where there is not a mechanism to pause and restart the content</loc>
</p>
</item>
<item role="html">
<p>
<loc href="F47"
linktype="failure">Failure due to using the blink element</loc>
</p>
</item>
<item role="css">
<p>
<loc href="F4" linktype="failure">Failure due to using text-decoration:blink without a mechanism to stop it in less than five seconds</loc>
</p>
</item>
<item role="script">
<p>
<loc href="F50"
linktype="failure">Failure due to a script that causes a blink effect without a mechanism to stop the blinking at 3 seconds or less</loc>
</p>
</item>
<item>
<p>
<loc href="F7" linktype="failure">Failure due to an object or applet, such as Java or Flash, that has blinking content without a mechanism to pause the content that blinks for more than five seconds</loc>
</p>
</item>
</ulist>
</div4>
</div3>
</div2>