Skip to content

Commit

Permalink
🤖 Deploy to GitHub Pages: 8b94955 from branch refs/heads/main
Browse files Browse the repository at this point in the history
  • Loading branch information
@w3cgruntbot
w3cgruntbot committed Jun 12, 2024
1 parent 96c057f commit b6d61c8
Show file tree
Hide file tree
Showing 5 changed files with 40 additions and 42 deletions.
51 changes: 22 additions & 29 deletions techniques/failures/F4.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a
mechanism to stop it in less than five seconds | WAI | W3C
<title>F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism
to stop it in less than five seconds | WAI | W3C
</title>
<link rel="stylesheet" href="https://w3.org/WAI/assets/css/style.css" />
<link rel="stylesheet" href="../base.css" />
Expand Down Expand Up @@ -49,8 +49,8 @@
</div>
</aside>
<main id="main" class="standalone-resource__main">
<h1><span>Technique F4:</span>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><span>Technique F4:</span>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 id="technique" class="box">
<h2 class="box-h box-h-icon">
Expand All @@ -71,34 +71,29 @@ <h2>Applicability</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 three seconds.
<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" id="example-1">
<h3>Example 1</h3>
<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>
<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="resources">
<h3 style="margin-bottom: 0;">Other sources</h3>
<p style="margin-bottom: 1.5em;"><em><small>No endorsement implied.</small></em></p>
<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>
Expand All @@ -113,31 +108,29 @@ <h2>Related Techniques</h2>
<section id="tests">
<h2>Tests</h2>
<section class="procedure" id="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>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>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" id="expected-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>

Expand Down
9 changes: 9 additions & 0 deletions techniques/failures/F97.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
<li><a href="#applicability">Applicability</a></li>
<li><a href="#description">Description</a></li>
<li><a href="#examples">Examples</a></li>
<li><a href="#related">Related Techniques</a></li>
<li><a href="#tests">Tests</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -88,6 +89,14 @@ <h2>Examples</h2>

</ul>
</section>
<section id="related">
<h2>Related Techniques</h2>
<ul>

<li><a href="../general/G214">G214</a></li>

</ul>
</section>
<section id="tests">
<h2>Tests</h2>
<section class="test-procedure">
Expand Down
2 changes: 1 addition & 1 deletion techniques/general/G214.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ <h3>Example 1: An e-Reader application</h3>
<h2>Related Techniques</h2>
<ul>

<li><a href="../general/F97">F97</a></li>
<li><a href="../failures/F97">F97</a></li>

</ul>
</section>
Expand Down
11 changes: 8 additions & 3 deletions techniques/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -536,9 +536,6 @@ <h2 id="failures">Common Failures<span class="permalink"><a href="#failures" ari
<li><a href="https://w3c.github.io/wcag/techniques/failures/F86">F86: Failure of Success Criterion 4.1.2 due to not providing names for each part of a multi-part
form field, such as a US telephone number</a></li>

<li><a href="https://w3c.github.io/wcag/techniques/failures/F87">F87: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using
::before and ::after pseudo-elements and the 'content' property in CSS</a></li>

<li><a href="https://w3c.github.io/wcag/techniques/failures/F88">F88: Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to
both the left and the right margins)</a></li>

Expand Down Expand Up @@ -1241,6 +1238,14 @@ <h2>Change Log</h2>


<ol>


<li>

<time datetime="2024-05-04">4 May 2024</time>: Removed F87 Failure of Success Criterion 1.3.1 due to inserting non-decorative content
by using :before and :after pseudo-elements and the 'content' property in CSS

</li>


<li>
Expand Down
9 changes: 0 additions & 9 deletions understanding/info-and-relationships.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -769,15 +769,6 @@ <h3>Failures</h3>
</li>


<li>

<a class="failure" href="https://w3c.github.io/wcag/techniques/failures/F87">F87: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using
::before and ::after pseudo-elements and the 'content' property in CSS</a>


</li>


<li>

<a class="failure" href="https://w3c.github.io/wcag/techniques/failures/F90">F90: Failure of Success Criterion 1.3.1 for incorrectly associating table headers and content
Expand Down

0 comments on commit b6d61c8

Please sign in to comment.