Skip to content
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

Replace f4 and f47 #4166

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Replace f4 and f47 #4166

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 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
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
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>.
---
<!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
45 changes: 45 additions & 0 deletions techniques/failures/failure-of-222-due-to-blinking.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. can Content that starts automatically, blinks 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>
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/failure-of-222-due-to-blinking-content.html" 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