Specify that 'order' does not affect non-visual media.

--HG--
extra : rebase_source : 64674efab468362a07ef13b77337ecc5468da4cb

Author: tabatkins

css3-flexbox/Overview.html

@@ -1205,6 +1205,14 @@ <h3 id=order-property><span class=secno>5.4. </span> Display Order: the
    order</a> <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>,
    exactly as if the elements were reordered in the document.
 
+  <p> The ‘<a href="#order"><code class=property>order</code></a>’
+   property <em>must not</em> affect ordering in non-visual media (such as <a
+   href="http://www.w3.org/TR/css3-speech/">speech</a>). <span
+   class=note>This is so non-visual media and non-CSS UAs, which typically
+   present content linearly, can be catered to with a logical source order,
+   while ‘<a href="#order"><code class=property>order</code></a>’ is used
+   to rearrange the visual order.</span>
+
   <p> Unless otherwise specified, this property has no effect on elements
    that are not <a href="#flex-item"><i>flex items</i></a>.
 

css3-flexbox/Overview.src.html

@@ -737,6 +737,14 @@ <h3 id='order-property'>
 		This also affects the <a href="http://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS21]],
 		exactly as if the elements were reordered in the document.
 
+	<p>
+		The 'order' property <em>must not</em> affect ordering in non-visual media 
+		(such as <a href="http://www.w3.org/TR/css3-speech/">speech</a>).
+		<span class='note'>This is so non-visual media and non-CSS UAs,
+			which typically present content linearly,
+			can be catered to with a logical source order,
+			while 'order' is used to rearrange the visual order.</span>
+
 	<p>
 		Unless otherwise specified, 
 		this property has no effect on elements that are not <i>flex items</i>.