[css-color-5] better labelling on diagrams, #7691

css-color-5/Overview.bs

@@ -232,14 +232,14 @@ and a percentage of 100% returns the same color converted to the specified color
 
 	<pre class="lang-css">color-mix(in lch, peru 40%, palegoldenrod)</pre>
 
-	The mixing is done in ''lch()'' color space.
+	The mixing is done in ''lch'' color space.
 	Here is a top-down view, looking along the neutral L axis:
 
 	<figure id="fig-LCH-peru-goldenrod">
 		<object data="images/CH-mixing.svg"  width=480 height=480>
 			<p>A mixture of two colours, and the mixed output. 
 				We are looking down the CIE L axis onto the ab plane. 
-				There are two axes, labelled 'a' and 'b' 
+				There are two axes, labelled <em>a</em> and <em>b</em> 
 				which cross at the origin, 
 				which is in the centre of the plot.</p>
 		</object>
@@ -278,7 +278,14 @@ and a percentage of 100% returns the same color converted to the specified color
 	<pre class="lang-css">color-mix(in lch, teal 65%, olive);</pre>
 
 	<figure id="fig-LCH-teal-olive">
-		<img src="images/CH-mixing3.svg"  width=500 height=500>
+		<object data="images/CH-mixing3.svg"  width=500 height=500>
+			<p>A mixture of two colours, and the mixed output. 
+				We are looking down the CIE L axis onto the ab plane. 
+				There are two axes, labelled <em>a</em> and <em>b</em> 
+				which cross at the origin, 
+				which is in the centre of the plot.
+			</p>
+		</object>
 		<figcaption>Mixtures of teal and olive.
 			Teal has a hue angle, measured from the positive a axis,
 			of 196.4524 degrees