[css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.
authorL. David Baron <dbaron@dbaron.org>
Mon, 04 Feb 2013 21:51:58 -0700
changeset 73135df9b029337c
parent 7312 4b9457508dcc
child 7314 c76aed6e613a
[css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.

Fixes:
https://www.w3.org/Bugs/Public/show_bug.cgi?id=14669
https://www.w3.org/Style/CSS/Tracker/actions/399
as resolved in:
http://lists.w3.org/Archives/Public/www-style/2011Nov/0712.html
css3-animations/Overview.html
css3-animations/Overview.src.html
css3-transitions/Overview.html
css3-transitions/Overview.src.html
     1.1 --- a/css3-animations/Overview.html	Mon Feb 04 20:54:56 2013 -0700
     1.2 +++ b/css3-animations/Overview.html	Mon Feb 04 21:51:58 2013 -0700
     1.3 @@ -10,11 +10,11 @@
     1.4  
     1.5    <meta content="CSS Animations" name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2013-01-29 name=dcterms.issued>
     1.8 +  <meta content=2013-02-04 name=dcterms.issued>
     1.9    <meta content="http://dev.w3.org/csswg/css3-animations/"
    1.10     name=dcterms.creator>
    1.11    <meta content=W3C name=dcterms.publisher>
    1.12 -  <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130129/"
    1.13 +  <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130204/"
    1.14     name=dcterms.identifier>
    1.15    <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
    1.16    <link href="../default.css" rel=stylesheet type="text/css">
    1.17 @@ -31,15 +31,15 @@
    1.18  
    1.19     <h1>CSS Animations</h1>
    1.20  
    1.21 -   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 January
    1.22 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 February
    1.23      2013</h2>
    1.24  
    1.25     <dl>
    1.26      <dt>This version:
    1.27  
    1.28      <dd><a
    1.29 -     href="http://www.w3.org/TR/2013/ED-css3-animations-20130129/">http://dev.w3.org/csswg/css3-animations/</a>
    1.30 -     <!--http://www.w3.org/TR/2013/WD-css3-animations-20130129/-->
    1.31 +     href="http://www.w3.org/TR/2013/ED-css3-animations-20130204/">http://dev.w3.org/csswg/css3-animations/</a>
    1.32 +     <!--http://www.w3.org/TR/2013/WD-css3-animations-20130204/-->
    1.33  
    1.34      <dt>Latest version:
    1.35  
    1.36 @@ -99,7 +99,8 @@
    1.37      title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
    1.38      href="http://www.ercim.eu/"><abbr
    1.39      title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
    1.40 -    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
    1.41 +    <a href="http://www.keio.ac.jp/">Keio</a>, <a
    1.42 +    href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a
    1.43      href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
    1.44      <a
    1.45      href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
    1.46 @@ -399,6 +400,13 @@
    1.47     animations applied to descendants with display other than ‘<code
    1.48     class=property>none</code>’.
    1.49  
    1.50 +  <p> While authors can use animations to create dynamically changing
    1.51 +   content, dynamically changing content can lead to seizures in some users.
    1.52 +   For information on how to avoid content that can lead to seizures, see <a
    1.53 +   href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: Seizures: Do
    1.54 +   not design content in a way that is known to cause seizures</a> (<a
    1.55 +   href="#WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).
    1.56 +
    1.57    <h2 id=keyframes><span class=secno>3. </span> Keyframes</h2>
    1.58  
    1.59    <p> Keyframes are used to specify the values for the animating properties
    1.60 @@ -1762,6 +1770,16 @@
    1.61       <dt
    1.62        style="display: none"><!-- keeps the doc valid if the DL is empty -->
    1.63        <!---->
    1.64 +
    1.65 +     <dt id=WCAG20>[WCAG20]
    1.66 +
    1.67 +     <dd>Ben Caldwell; et al. <a
    1.68 +      href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content
    1.69 +      Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C
    1.70 +      Recommendation. URL: <a
    1.71 +      href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>
    1.72 +     </dd>
    1.73 +     <!---->
    1.74      </dl>
    1.75      <!--end-informative-->
    1.76      <h2 class=no-num id=property-index>Property index</h2>
     2.1 --- a/css3-animations/Overview.src.html	Mon Feb 04 20:54:56 2013 -0700
     2.2 +++ b/css3-animations/Overview.src.html	Mon Feb 04 21:51:58 2013 -0700
     2.3 @@ -228,6 +228,16 @@
     2.4  		as well as all animations applied to descendants with display other than 'none'.
     2.5  	</p>
     2.6  
     2.7 +	<p>
     2.8 +		While authors can use animations to create dynamically changing content,
     2.9 +		dynamically changing content can lead to seizures in some users.
    2.10 +		For information on how to avoid content that can lead to seizures, see
    2.11 +		<a href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3:
    2.12 +		Seizures:
    2.13 +		Do not design content in a way that is known to cause seizures</a>
    2.14 +		([[WCAG20]]).
    2.15 +	</p>
    2.16 +
    2.17  <h2 id="keyframes">
    2.18  Keyframes</h2>
    2.19  	<p>
     3.1 --- a/css3-transitions/Overview.html	Mon Feb 04 20:54:56 2013 -0700
     3.2 +++ b/css3-transitions/Overview.html	Mon Feb 04 21:51:58 2013 -0700
     3.3 @@ -332,6 +332,13 @@
     3.4     second duration, a transition on the ‘<code class=property>top</code>’
     3.5     property of 2 seconds duration and a transition on the ‘<code
     3.6     class=property>width</code>’ property of 1 second duration.</div>
     3.7 +
     3.8 +  <p> While authors can use transitions to create dynamically changing
     3.9 +   content, dynamically changing content can lead to seizures in some users.
    3.10 +   For information on how to avoid content that can lead to seizures, see <a
    3.11 +   href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: Seizures: Do
    3.12 +   not design content in a way that is known to cause seizures</a> (<a
    3.13 +   href="#WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).</p>
    3.14    <!-- ======================================================================================================= -->
    3.15  
    3.16    <h3 id=transition-property-property><span class=secno>2.1. </span><a
    3.17 @@ -1704,6 +1711,16 @@
    3.18      href="http://www.w3.org/TR/2012/CR-css3-images-20120417/">http://www.w3.org/TR/2012/CR-css3-images-20120417/</a>
    3.19     </dd>
    3.20     <!---->
    3.21 +
    3.22 +   <dt id=WCAG20>[WCAG20]
    3.23 +
    3.24 +   <dd>Ben Caldwell; et al. <a
    3.25 +    href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content
    3.26 +    Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C
    3.27 +    Recommendation. URL: <a
    3.28 +    href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>
    3.29 +   </dd>
    3.30 +   <!---->
    3.31    </dl>
    3.32    <!--end-informative-->
    3.33  
     4.1 --- a/css3-transitions/Overview.src.html	Mon Feb 04 20:54:56 2013 -0700
     4.2 +++ b/css3-transitions/Overview.src.html	Mon Feb 04 21:51:58 2013 -0700
     4.3 @@ -175,7 +175,17 @@
     4.4        second duration.
     4.5        
     4.6        </div>
     4.7 -      
     4.8 +
     4.9 +      <p>
    4.10 +        While authors can use transitions to create dynamically changing content,
    4.11 +        dynamically changing content can lead to seizures in some users.
    4.12 +        For information on how to avoid content that can lead to seizures, see
    4.13 +        <a href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3:
    4.14 +        Seizures:
    4.15 +        Do not design content in a way that is known to cause seizures</a>
    4.16 +        ([[WCAG20]]).
    4.17 +      </p>
    4.18 +
    4.19        <!-- ======================================================================================================= -->
    4.20        <h3 id="transition-property-property"><a id="the-transition-property-property-">
    4.21          The 'transition-property' Property