Skip to content

Commit

Permalink
Correct and reformat F4 (#3869)
Browse files Browse the repository at this point in the history 
* change the incorrect "three seconds" to "five seconds"
* reformat HTML

Closes #3868
  • Loading branch information
@patrickhlauke
patrickhlauke authored Jun 12, 2024
1 parent 8a6a8f2 commit 8b94955
Showing 1 changed file with 46 additions and 40 deletions.
86 changes: 46 additions & 40 deletions techniques/failures/F4.html
View file
Original file line number Diff line number Diff line change
@@ -1,51 +1,57 @@
<!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 text-decoration:blink without a
mechanism to stop it in less than five seconds</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 text-decoration:blink without a
mechanism to stop it in less than five seconds</h1><section class="meta"><p class="id">ID: F4</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2>
<!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 text-decoration:blink without a mechanism to stop it in less than five seconds</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 text-decoration:blink without a mechanism to stop it in less than five seconds</h1>
<section class="meta">
<p class="id">ID: F4</p>
<p class="technology">Technology: failures</p>
<p class="type">Type: Failure</p>
</section>
<section id="applicability">
<h2>When to Use</h2>
<p>Cascading Style Sheets.</p>
</section><section id="description"><h2>Description</h2>
<p>CSS defines the blink value for the text-decoration
property. When used, it causes any text in elements with this property to
blink at a predetermined rate. This cannot be interrupted by the user, nor
can it be disabled as a user agent preference. The blinking continues as
long as the page is displayed. Therefore, content that uses
text-decoration:blink fails the Success Criterion because
blinking can continue for more than three seconds.</p>
</section><section id="examples"><h2>Examples</h2>
</section>
<section id="description">
<h2>Description</h2>
<p>CSS defines the blink value for the text-decoration property. When used, it causes any text in elements with this property to blink at a predetermined rate. This cannot be interrupted by the user, nor can it be disabled as a user agent preference. The blinking continues as long as the page is displayed. Therefore, content that uses text-decoration:blink fails the Success Criterion because blinking can continue for more than five seconds.</p>
</section>
<section id="examples">
<h2>Examples</h2>
<section class="example">

<p>A product list page uses the text-decoration:blink style
on an element to draw attention to sale prices. This fails the
Success Criterion because users cannot control the blink.</p>

<pre xml:space="preserve"><code class="language-html">&lt;p&gt;My Great Product &lt;span style="text-decoration:blink"&gt;Sale! $44,995!&lt;/span&gt;&lt;/p&gt;</code>
</pre>
<p>A product list page uses the text-decoration:blink style on an element to draw attention to sale prices. This fails the Success Criterion because users cannot control the blink.</p>
<pre xml:space="preserve"><code class="language-html">&lt;p&gt;My Great Product &lt;span style="text-decoration:blink"&gt;Sale! $44,995!&lt;/span&gt;&lt;/p&gt;</code></pre>
</section>
</section><section id="tests"><h2>Tests</h2>
<section class="procedure"><h3>Procedure</h3>
<ol>
<li>Examine inline styles, internal stylesheets, and external
stylesheets for the text-decoration property with a
value of "blink".</li>
<li>If the property is used, determine if the ID, class, or element
identified by selectors on which this property is defined are
used in the document.</li>
</section>
<section id="tests">
<h2>Tests</h2>
<section class="procedure">
<h3>Procedure</h3>
<ol>
<li>Examine inline styles, internal stylesheets, and external stylesheets for the text-decoration property with a value of <code>blink</code>.</li>
<li>If the property is used, determine if the ID, class, or element identified by selectors on which this property is defined are used in the document.</li>
</ol>
</section>
<section class="results"><h3>Expected Results</h3>
<section class="results">
<h3>Expected Results</h3>
<ul>
<li>If step #1 and step #2 are true, the content fails the success
criterion.</li>
<li>If step #1 and step #2 are true, the content fails the success criterion.</li>
</ul>
</section>
</section><section id="related"><h2>Related Techniques</h2><ul>
<li><a href="../client-side-script/SCR22">SCR22</a></li>
</ul></section><section id="resources"><h2>Resources</h2>

</section><section id="related">
<h2>Related Techniques</h2>
<ul>
<li><a href="../client-side-script/SCR22">SCR22</a></li>
</ul>
</section>
<section id="resources">
<h2>Resources</h2>
<ul>
<li>
<a href="https://www.w3.org/TR/CSS2/text.html#propdef-text-decoration">CSS 2 text-decoration property</a>
</li>
<li><a href="https://www.w3.org/TR/CSS2/text.html#propdef-text-decoration">CSS 2 text-decoration property</a></li>
</ul>

</section>
</body></html>
</body>
</html>

0 comments on commit 8b94955

Please sign in to comment.