Skip to content

Replace f4 and f47 #4166

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Apr 22, 2025
Merged

Replace f4 and f47 #4166

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ea96fbc
Add obsolete messages for F4 and F47
fstrr Dec 6, 2024
f42e23a
Remove links to F4 and F47, add placeholder for new failure technique
fstrr Dec 6, 2024
ab15194
Initial commit of replacement failure technique for f4 and f47
fstrr Dec 6, 2024
4a0a2aa
Merge branch 'main' into replace-f4-and-f47
fstrr Dec 6, 2024
3082e3c
lowercase a couple of SCs
fstrr Feb 21, 2025
0d159f6
typo
fstrr Feb 21, 2025
5f56f62
Update techniques/failures/failure-of-222-due-to-blinking.html
fstrr Apr 4, 2025
afa71bc
add in "no current browser support"
fstrr Apr 4, 2025
3aaa4ed
improve obsolete message
fstrr Apr 4, 2025
8b9b3ec
Renumbered technique to next in sequence
mbgower Apr 22, 2025
3328f52
Merge branch 'main' into replace-f4-and-f47
mbgower Apr 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions techniques/failures/F112.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!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 blinking content that lasts for more than five seconds without a mechanism to stop it</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 blinking content that lasts for more than five seconds without a mechanism to stop it</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>
<p>Blinking content created using CSS animations or client-side scripting.</p>
</section>
<section id="description">
<h2>Description</h2>
<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>
</section>
<section id="examples">
<h2>Examples</h2>
<section class="example">
<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>
</section>
</section>
<section id="tests">
<h2>Tests</h2>
<section class="procedure">
<h3>Procedure</h3>
<ol>
<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>
<li>If such content is present, check there is a method to stop the blinking.</li>
</ol>
</section>
<section class="results">
<h3>Expected Results</h3>
<ul>
<li>If #2 is false, the content fails the success criterion.</li>
</ul>
</section>
</section>
</body>
</html>
5 changes: 5 additions & 0 deletions techniques/failures/F4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
---
obsoleteSince: 20
obsoleteMessage: |
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.
---
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
Expand Down
5 changes: 5 additions & 0 deletions techniques/failures/F47.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
---
obsoleteSince: 20
obsoleteMessage: |
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.
---
<!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>
<p>HTML</p>
</section><section id="description"><h2>Description</h2>
Expand Down
9 changes: 3 additions & 6 deletions understanding/20/pause-stop-hide.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -217,12 +217,9 @@ <h3>Failures for Pause, Stop, Hide</h3>
</a>
</li>
<li>
<a href="../Techniques/failures/F47" class="failure">Failure due to using the blink element</a>
</li>
<li>
<a href="../Techniques/failures/F4" class="failure">Failure due to using text-decoration:blink without a mechanism to stop it in less
than five seconds
</a>

<a href="../Techniques/failures/F112" class="failure">Failure due to using blinking content</a>

</li>
<li>
<a href="../Techniques/failures/F50" class="failure">Failure due to a script that causes a blink effect without a mechanism to stop the
Expand Down