Precalculus EQ accessibility (#914)

* Add descriptions to number lines

* Add interactives

* Add descriptions to interactives

* Bump PreTeXt version so interactive descriptions work

Author: siwelwerd

source/precalculus/source/01-EQ/01.ptx

@@ -294,22 +294,47 @@ where <m>a</m> and <m>b</m> are real numbers and <m>a \neq 0</m>.
       <p>
         Draw the solution to the inequality on a number line. 
       <ol marker="A." cols="1">
-        <li><image><sageplot>
+        <li><image>
+          <sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-\\infty,2]"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The left end is shaded until 2, which is marked with a <m>]</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-\\infty,2)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The left end is shaded until 2, which is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(2,\\infty)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The right end is shaded from 2 onwards, which is marked with a <m>(</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[2,\\infty)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The right end is shaded from 2 onwards, which is marked with a <m>[</m>.
+          </p>
+        </description>
+      </image></li>
     </ol> </p>
 
   </statement>
@@ -400,19 +425,43 @@ TBIL.numberline_from_intervals(["[2,\\infty)"])
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-\\infty,-8]"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The left end is shaded until <m>-8</m>, which is marked with a <m>]</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-\\infty,-8)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The left end is shaded until <m>-8</m>, which is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-8,\\infty)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The right end is shaded from <m>-8</m> onwards, which is marked with a <m>(</m>.
+          </p>
+        </description>
+      </image></li>
         <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[-8,\\infty)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The right end is shaded from <m>-8</m> onwards, which is marked with a <m>[</m>.
+          </p>
+        </description>
+      </image></li>
 </ol> </p>
 
 </statement>
@@ -447,7 +496,13 @@ TBIL.numberline_from_intervals(["[-8,\\infty)"])
         <image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[-2,\\infty)"])
-        </sageplot></image>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The right end is shaded from <m>-2</m> onwards, which is marked with a <m>[</m>.
+          </p>
+        </description>
+      </image>
       </p>
     </answer>
     </task>
@@ -463,7 +518,13 @@ TBIL.numberline_from_intervals(["[-2,\\infty)"])
         <image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-13,\\infty)"])
-        </sageplot></image>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-14</m> to <m>14</m>.  
+            The right end is shaded from <m>-13</m> onwards, which is marked with a <m>(</m>.
+          </p>
+        </description>
+      </image>
       </p>
     </answer>
   </task>
@@ -479,7 +540,13 @@ TBIL.numberline_from_intervals(["(-13,\\infty)"])
       <image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(-\\infty, 3/7]"])
-        </sageplot></image>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The left end is shaded until <m>\frac{3}{7}</m>, which is marked with a <m>]</m>.
+          </p>
+        </description>
+      </image>
     </p>
   </answer>
 </task>
@@ -574,19 +641,47 @@ TBIL.numberline_from_intervals(["(-\\infty, 3/7]"])
       <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[0,11/2)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The line is shaded between <m>0</m> and <m>\frac{11}{2}</m>.
+            <m>0</m> is marked with a <m>[</m> and <m>\frac{11}{2}</m> is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image></li>
       <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[0,5/2)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The line is shaded between <m>0</m> and <m>\frac{5}{2}</m>.
+            <m>0</m> is marked with a <m>[</m> and <m>\frac{5}{2}</m> is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image></li>
       <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["(5/2,3]"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The line is shaded between <m>\frac{5}{2}</m> and <m>3</m>.
+            <m>\frac{5}{2}</m> is marked with a <m>(</m> and <m>3</m> is marked with a <m>]</m>.
+          </p>
+        </description>
+      </image></li>
       <li><image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[3,11/2)"])
-        </sageplot></image></li>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The line is shaded between <m>3</m> and <m>\frac{11}{2}</m>.
+            <m>3</m> is marked with a <m>[</m> and <m>\frac{11}{2}</m> is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image></li>
 </ol> </p>
 
 </statement>
@@ -623,7 +718,14 @@ TBIL.numberline_from_intervals(["[3,11/2)"])
       <image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[-4,-3)"])
-        </sageplot></image>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-9</m> to <m>9</m>.  
+            The line is shaded between <m>-4</m> and <m>-3</m>.
+            <m>-4</m> is marked with a <m>[</m> and <m>-3</m> is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image>
     </p>
   </answer>
   </task>
@@ -639,7 +741,14 @@ TBIL.numberline_from_intervals(["[-4,-3)"])
       <image><sageplot>
 <xi:include parse="text" href="../../../common/sagemath/library.sage"/>
 TBIL.numberline_from_intervals(["[-12,4)"])
-        </sageplot></image>
+        </sageplot>
+        <description>
+          <p>A numberline from <m>-14</m> to <m>14</m>.  
+            The line is shaded between <m>-12</m> and <m>4</m>.
+            <m>-12</m> is marked with a <m>[</m> and <m>4</m> is marked with a <m>)</m>.
+          </p>
+        </description>
+      </image>
     </p>
   </answer>
   </task>

source/precalculus/source/01-EQ/03.ptx

@@ -16,14 +16,17 @@
       <introduction>
         <p> The points <m> A </m> and <m> B </m> are shown in the graph below. Use the graph to answer the following questions:
         </p>
-        <figure xml:id="line-segment"><image>
-        <sageplot>
-          A = point((2,6),size=40)+text('A',(2.05,6),horizontal_alignment="left", gridlines=[[2,2.5,3.0,3.5,4],[2,2.5,3.0,3.5,4,4.5,5.0,5.5,6]])
-          B = point((4,2),size=40)+text('B',(4.05,2),horizontal_alignment="left")
-          L=line([(2,6),(4,2)],color="purple")
-          A+B+L
-        </sageplot>
-      </image></figure>
+        <figure xml:id="figure-eq3-right-triangle">
+          <caption>Interactive for constructing a right triangle</caption>
+          <interactive label="EQ3-interactive-right-triangle" platform="doenetml" width="100%">
+            <slate surface="doenetml">
+              <xi:include parse="text" href="doenet/EQ3-distance-pythagorean.xml"/>
+            </slate>
+            <description><p>Interactive allowing users to drag a point to make a right triangle
+                            with the given line segment as its hypotenuse.
+            </p></description>
+          </interactive>
+        </figure>
       </introduction>
       <task>
         <statement>
@@ -179,16 +182,15 @@
     <introduction>
       <p> Two line segments are shown in the graph below. Use the graph to answer the following questions:
       </p>
-      <figure xml:id="two-line-segments"><image>
-      <sageplot>
-        A = point((8,2),size=40)+text('A',(8.1,2),horizontal_alignment="left", gridlines=[[2,3,4,5,6,7,8],[2,2.5,3,3.5,4,4.5,5,5.5,6]])
-        B = point((8,6),size=40)+text('B',(8.1,6),horizontal_alignment="left")
-        C = point ((2,2),size=40)+text('C',(2,2.1),horizontal_alignment="center")
-        L=line([(8,2),(2,2)],color="black")
-        M=line([(8,2),(8,6)],color="purple")
-        A+B+C+L+M
-      </sageplot>
-    </image></figure>
+      <figure xml:id="figure-eq3-midpoint">
+          <caption>Interactive for finding a midpoint</caption>
+          <interactive label="EQ3-interactive-midpoint" platform="doenetml" width="100%">
+            <slate surface="doenetml">
+              <xi:include parse="text" href="doenet/EQ3-midpoint.xml"/>
+            </slate>
+            <description><p>Interactive allowing users to drag points to find the midpoint of a line segment.</p></description>
+          </interactive>
+        </figure>
     </introduction>
     <task>
       <statement>