Skip to content

Commit 8267b59

Browse files
fstrrscottaoharambgower
authored
Replace f4 and f47 (#4166)
Closes #3823 [F4](https://www.w3.org/WAI/WCAG22/Techniques/failures/F4.html) and [F47](https://www.w3.org/WAI/WCAG22/Techniques/failures/F4.html) should be replaced. CSS' `text-decoration:blink` is deprecated and has no modern browser support, and the HTML `blink` element is obsolete. [This new failure technique](https://deploy-preview-4166--wcag2.netlify.app/techniques/failures/failure-of-222-due-to-blinking.html) replaces those two techniques. --------- Co-authored-by: Scott O'Hara <scottaohara@users.noreply.github.com> Co-authored-by: Mike Gower <michael.gower@ca.ibm.com> Co-authored-by: Mike Gower <mikegower@gmail.com>
1 parent 4c30512 commit 8267b59

File tree

4 files changed

+58
-6
lines changed

4 files changed

+58
-6
lines changed

techniques/failures/F112.html

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<title>Failure of Success Criterion 2.2.2 due to using blinking content that lasts for more than five seconds without a mechanism to stop it</title>
5+
<link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"/>
6+
</head>
7+
<body>
8+
<h1>Failure of Success Criterion 2.2.2 due to using blinking content that lasts for more than five seconds without a mechanism to stop it</h1>
9+
<section class="meta">
10+
<p class="id">ID: F47</p>
11+
<p class="technology">Technology: failures</p>
12+
<p class="type">Type: Failure</p>
13+
</section>
14+
<section id="applicability">
15+
<h2>When to Use</h2>
16+
<p>Blinking content created using CSS animations or client-side scripting.</p>
17+
</section>
18+
<section id="description">
19+
<h2>Description</h2>
20+
<p>Blinking content can be distracting and overwhelming for users, for example people with cognitive disabilities such as attention disorders. Content that automatically starts to blink or "flash", for five seconds or more, is presented in parallel with other content, and does not have a method to stop the blinking fails <a href="../../understanding/20/pause-stop-hide.html">Success Criterion 2.2.2</a>.</p>
21+
</section>
22+
<section id="examples">
23+
<h2>Examples</h2>
24+
<section class="example">
25+
<p>A product listing page uses constantly blinking prices to draw attention to sale items. This fails the success criterion because users cannot control the blink.</p>
26+
</section>
27+
</section>
28+
<section id="tests">
29+
<h2>Tests</h2>
30+
<section class="procedure">
31+
<h3>Procedure</h3>
32+
<ol>
33+
<li>Examine the page for the presence of blinking content that starts automatically, is presented in parallel with other content, and lasts for more than five seconds.</li>
34+
<li>If such content is present, check there is a method to stop the blinking.</li>
35+
</ol>
36+
</section>
37+
<section class="results">
38+
<h3>Expected Results</h3>
39+
<ul>
40+
<li>If #2 is false, the content fails the success criterion.</li>
41+
</ul>
42+
</section>
43+
</section>
44+
</body>
45+
</html>

techniques/failures/F4.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
obsoleteSince: 20
3+
obsoleteMessage: |
4+
The CSS <a href="https://drafts.csswg.org/css-text-decor/#valdef-text-decoration-line-blink"><code>text-decoration:blink</code> value is deprecated</a> and currently has no modern browser support.
5+
---
16
<!DOCTYPE html>
27
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
38
<head>

techniques/failures/F47.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
obsoleteSince: 20
3+
obsoleteMessage: |
4+
The <a href="https://html.spec.whatwg.org/multipage/obsolete.html#blink"><code>blink</code> element is obsolete in the HTML Living Standard</a> and currently has no modern browser support.
5+
---
16
<!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Failure of Success Criterion 2.2.2 due to using the blink element</title><link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"/></head><body><h1>Failure of Success Criterion 2.2.2 due to using the blink element</h1><section class="meta"><p class="id">ID: F47</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2>
27
<p>HTML</p>
38
</section><section id="description"><h2>Description</h2>

understanding/20/pause-stop-hide.html

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -217,12 +217,9 @@ <h3>Failures for Pause, Stop, Hide</h3>
217217
</a>
218218
</li>
219219
<li>
220-
<a href="../Techniques/failures/F47" class="failure">Failure due to using the blink element</a>
221-
</li>
222-
<li>
223-
<a href="../Techniques/failures/F4" class="failure">Failure due to using text-decoration:blink without a mechanism to stop it in less
224-
than five seconds
225-
</a>
220+
221+
<a href="../Techniques/failures/F112" class="failure">Failure due to using blinking content</a>
222+
226223
</li>
227224
<li>
228225
<a href="../Techniques/failures/F50" class="failure">Failure due to a script that causes a blink effect without a mechanism to stop the

0 commit comments

Comments
 (0)