Merge pull request #233 from bjc-edc/a11y

A11y

cur/programming/2-complexity/1-variables-games/1-number-guessing-game.es.html

@@ -96,8 +96,8 @@ <h3 class="box-head">Crear una variable de programa</h3>
 			Hasta ahora, las únicas variables que has usado son variables de entrada, sin asignar nunca un valor a una entrada porque el valor lo da el código que lo llama. Pero una variable de programa no tendrá un valor hasta que le des uno con <code>conjuntos</code>.</div>
 
 		<div class="forYouToDo">
-			<ol start="5">
-				<div class="ap-standard">AAP-1.B, AAP-1.B.3</div>
+			<div class="ap-standard">AAP-1.B, AAP-1.B.3</div>
+            <ol start="5">
 				<li>
 					<!-- Question 1 -->
 					<div class="assessment-data" type="multiplechoice" identifier="¿Qué valor mostrará este código?"

cur/programming/2-complexity/1-variables-games/1-number-guessing-game.html

@@ -102,8 +102,8 @@ <h3 class="box-head">Making a Script Variable</h3>
         <div class="pseudop">When you assign a value to a variable, the variable holds that value, not where it came from. For example, if <var>apples</var> = 2 and you <img class="" src="/bjc-r/img/2-complexity/set-bananas-to-apples.png" alt="set (bananas) to (apples)" title="set (bananas) to (apples)" />, then <var>bananas</var> will hold the value 2 and have no memory of it having come from <var>apples</var>. This is why <pre class="inline">a &larr; a * 2</pre> means something. (Suppose <var>a</var> = 8. First compute the value of <pre class="inline">a * 2</pre>, namely 16, and then replace the old value of <var>a</var> with 16). Up to now, the only variables you've used are input variables, and you never assign a value to an input because the value is given by the code that calls it. But a script variable won't have a value until you give it one with <code>set</code>.</div>
 
         <div class="forYouToDo">
-			<ol start="5">
-				<div class="ap-standard">AAP-1.B, AAP-1.B.3</div>
+			<div class="ap-standard">AAP-1.B, AAP-1.B.3</div>
+            <ol start="5">
                 <li>
                     <!-- Question 1 -->
                     <div class="assessment-data" type="multiplechoice" identifier="What value will this code return?"

cur/programming/2-complexity/1-variables-games/2-checking-player-guess.es.html

@@ -22,14 +22,14 @@ <h2>Comprobar la respuesta del jugador</h2>
         <div class="forYouToDo">
             <img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap.es.png" alt="Intercambio de pareja" title="Intercambio de pareja" />
             <ol start="1">
-                <li>Usa <code>repetir hasta que</code> para preguntarle al jugador (<img class="inline nopadtb" src="/bjc-r/img/blocks/ask-empty-full-size.es.png" alt="preguntar () y esperar" title="preguntar () y esperar" />) que adivine el número secreto hasta que su <img class="inline" src="/bjc-r/img/blocks/answer-full-size.es.png" alt="respuesta" title="respuesta"/> sea igual al <var>número secreto</var>.</li>
-
-                <div class="endnote">
-                    <ul>
-                        <li>Arrastra la variable <var>número secreto</var> fuera del bloque <code>variables de programa</code> para usarla.</li>
-                        <li>Los bloques <code>preguntar</code> y <code>respuesta</code> van juntos. Si usas <code>preguntar</code> para hacer una pregunta, la respuesta del usuario será reportada por <code>respuesta</code>.</li>
-                    </ul>
-                </div>
+                <li>Usa <code>repetir hasta que</code> para preguntarle al jugador (<img class="inline nopadtb" src="/bjc-r/img/blocks/ask-empty-full-size.es.png" alt="preguntar () y esperar" title="preguntar () y esperar" />) que adivine el número secreto hasta que su <img class="inline" src="/bjc-r/img/blocks/answer-full-size.es.png" alt="respuesta" title="respuesta"/> sea igual al <var>número secreto</var>.
+                    <div class="endnote">
+                        <ul>
+                            <li>Arrastra la variable <var>número secreto</var> fuera del bloque <code>variables de programa</code> para usarla.</li>
+                            <li>Los bloques <code>preguntar</code> y <code>respuesta</code> van juntos. Si usas <code>preguntar</code> para hacer una pregunta, la respuesta del usuario será reportada por <code>respuesta</code>.</li>
+                        </ul>
+                    </div>
+                </li>
             </ol>
         </div>
 
@@ -46,8 +46,8 @@ <h2>Comprobar la respuesta del jugador</h2>
         </div>
 
         <div class="forYouToDo">
-			<ol start="2">
-                <div class="ap-standard">AAP-2.B</div>
+			<div class="ap-standard">AAP-2.B</div>
+            <ol start="2">
                 <li>Después de que el jugador adivine el número secreto, haz que la computadora felicite al jugador.</li>
                 <li><strong>Prueba y depura.</strong> Toma turnos para jugar y solucionen cualquier problema con el código antes de continuar.</li>
             </ol>
@@ -269,8 +269,9 @@ <h2>Comprobar la respuesta del jugador</h2>
 
         <div class="ifTime">
 			<ol start="7">
-                <li>Cuando la computadora felicite al jugador por adivinar correctamente, haz que la computadora diga el número. Por ejemplo, podría decir: "¡Lo has adivinado! Mi número secreto era el 7".</li>
-                <div class="endnote">Usa <code>unir</code> para enlazar el texto "¡Lo has adivinado! Mi número secreto era" con el valor de la variable <var>número secreto</var>.</div >
+                <li>Cuando la computadora felicite al jugador por adivinar correctamente, haz que la computadora diga el número. Por ejemplo, podría decir: "¡Lo has adivinado! Mi número secreto era el 7".
+                    <div class="endnote">Usa <code>unir</code> para enlazar el texto "¡Lo has adivinado! Mi número secreto era" con el valor de la variable <var>número secreto</var>.</div>
+                </li>
             </ol>
         </div>
 

cur/programming/2-complexity/1-variables-games/2-checking-player-guess.html

@@ -23,13 +23,14 @@ <h2>Checking the Player's Guess</h2>
         <div class="forYouToDo">
             <img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap.png" alt="Pair Programming Swap" title="Pair Programming Swap" />
             <ol start="1">
-                <li>Use <code>repeat until</code> to ask the player (<img class="inline nopadtb" src="/bjc-r/img/blocks/ask-empty-full-size.png" alt="ask () and wait" title="ask () and wait" />) to guess the secret number until their <img class="inline" src="/bjc-r/img/blocks/answer-full-size.png" alt="answer" title="answer" /> equals the <var>secret number</var>.</li>
-                <div class="endnote">
-                    <ul>
-                        <li>Drag the <var>secret number</var> variable out of the <code>script variables</code> block to use it.</li>
-                        <li>The <code>ask</code> and <code>answer</code> blocks go together. If you use <code>ask</code> to ask a question, the user's answer will be reported by <code>answer</code>.</li>
-                    </ul>
-                </div>
+                <li>Use <code>repeat until</code> to ask the player (<img class="inline nopadtb" src="/bjc-r/img/blocks/ask-empty-full-size.png" alt="ask () and wait" title="ask () and wait" />) to guess the secret number until their <img class="inline" src="/bjc-r/img/blocks/answer-full-size.png" alt="answer" title="answer" /> equals the <var>secret number</var>.
+                    <div class="endnote">
+                        <ul>
+                            <li>Drag the <var>secret number</var> variable out of the <code>script variables</code> block to use it.</li>
+                            <li>The <code>ask</code> and <code>answer</code> blocks go together. If you use <code>ask</code> to ask a question, the user's answer will be reported by <code>answer</code>.</li>
+                        </ul>
+                    </div>
+                </li>
             </ol>
         </div>
 
@@ -46,8 +47,8 @@ <h2>Checking the Player's Guess</h2>
         </div>
 
         <div class="forYouToDo">
-			<ol start="2">
-                <div class="ap-standard">AAP-2.B</div>
+			<div class="ap-standard">AAP-2.B</div>
+            <ol start="2">
                 <li>After the player guesses the secret number, make the computer congratulate the player.</li>
                 <li><strong>Test and debug.</strong> Take turns playing the game, and fix any problems with the code before moving on.</li>
             </ol>
@@ -272,9 +273,10 @@ <h2>Checking the Player's Guess</h2>
 
         <div class="ifTime">
 			<ol start="7">
-                <li>When the computer congratulates the player for guessing correctly, have the computer say the number. For example, it might say, "You guessed it! My secret number was 7."</li>
+                <li>When the computer congratulates the player for guessing correctly, have the computer say the number. For example, it might say, "You guessed it! My secret number was 7."
 				<!--<div class="index-term" id="<var>secret number</var> variable" />-->
-				<div class="endnote">Use <code>join</code> to merge the text "You guessed it! My secret number was" with the value of the <var>secret number</var> variable.</div>
+				    <div class="endnote">Use <code>join</code> to merge the text "You guessed it! My secret number was" with the value of the <var>secret number</var> variable.</div>
+                </li>
             </ol>
         </div>
 

cur/programming/2-complexity/1-variables-games/3-debugging-extending.es.html

@@ -18,14 +18,15 @@ <h2>Depuración y ampliación del juego de adivinanzas</h2>
 				<li>
                     <a class="run" href="/bjc-r/prog/2-complexity/U2L1-Buggy-Secret-Number.es.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.es.png" alt="Haz clic para cargar un proyecto nuevo. Entonces guárdalo." title="Haz clic para cargar un proyecto nuevo. Entonces guárdalo."></a> En el archivo hay una definición de un bloque <code>juego de adivinanzas de números</code>. Tiene un error en el código que hace que el programa comportarse de manera diferente a lo esperado. Este código, si sigues jugando una y otra vez, funcionará en su mayoría, pero <em>a veces</em> (no a menudo) te felicitará <em>antes de que lo adivines</em>.
                     <p><img class="inline" src="/bjc-r/img/icons/talk-with-another-pair-mini.png" alt="Habla con otra pareja" title="Habla con otra pareja" />Analiza el código, explica cómo puede suceder esto, corrige el error y guarda el proyecto.</p>
+
+                    <div class="endnote">
+                        <p>Pídele que elija un número aleatorio solo del 1 al 3 para que el error ocurra con más frecuencia.</p>
+                        <p>
+                            Si deseas agregar más variables de programa, usa el triángulo que apunta hacia la derecha. (El triángulo izquierdo los eliminará).<br />
+                        <img class="indent" data-gifffer="/bjc-r/img/2-complexity/script-variables-adding.es.gif" alt="hacer clic en los triángulo para añadir o eliminar variables de programa" title="hacer clic en los triángulo para añadir o eliminar variables de programa" height="70"/>
+                        </p>
+                    </div>
                 </li>
-				<div class="endnote">
-                    <p>Pídele que elija un número aleatorio solo del 1 al 3 para que el error ocurra con más frecuencia.</p>
-                    <p>
-                        Si deseas agregar más variables de programa, usa el triángulo que apunta hacia la derecha. (El triángulo izquierdo los eliminará).<br />
-                    <img class="indent" data-gifffer="/bjc-r/img/2-complexity/script-variables-adding.es.gif" alt="hacer clic en los triángulo para añadir o eliminar variables de programa" title="hacer clic en los triángulo para añadir o eliminar variables de programa" height="70"/>
-                    </p>
-                </div>
             	<li>Ahora vuelve a abrir tu proyecto U2L1-AdivinarNumeros. Verifica que tu versión no tenga el mismo error.</li>
             </ol>
 		</div>

cur/programming/2-complexity/1-variables-games/3-debugging-extending.html

@@ -19,14 +19,15 @@ <h2>Debugging and Extending Your Number Guessing Game</h2>
 				<li>
                     <a class="run" href="/bjc-r/prog/2-complexity/U2L1-Buggy-Secret-Number.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.png" alt="Click here to load a starter project. Then save it." title="Click here to load a starter project. Then save it."></a> In the file is a definition of a <code>number guessing game</code> block.  It has  a <strong>bug</strong>&mdash;an error in the code that makes the program behave differently than expected. This code, if you keep playing over and over, will mostly work, but <em>sometimes</em> (not often) it will congratulate you <em>before you even guess</em>.
                     <p><img class="inline" src="/bjc-r/img/icons/talk-with-another-pair-mini.png" alt="Talk with Another Pair" title="Talk with Another Pair" /> Analyze the code, explain how this can happen,  fix the bug, and save the project.</p>
+
+                    <div class="endnote">
+                        <p>Have it pick its random number just from 1 to 3 to make the bug occur more often.</p>
+                        <p>
+                            If you want to add more script variables, use the right-pointing triangle. (The left triangle will remove them.)<br />
+                            <img class="indent" data-gifffer="/bjc-r/img/2-complexity/script-variables-adding.gif" alt="clicking triangles to add and remove script variables" title="clicking triangles to add and remove script variables" height="70"/>
+                        </p>
+                    </div>
                 </li>
-				<div class="endnote">
-                    <p>Have it pick its random number just from 1 to 3 to make the bug occur more often.</p>
-                    <p>
-                        If you want to add more script variables, use the right-pointing triangle. (The left triangle will remove them.)<br />
-                        <img class="indent" data-gifffer="/bjc-r/img/2-complexity/script-variables-adding.gif" alt="clicking triangles to add and remove script variables" title="clicking triangles to add and remove script variables" height="70"/>
-                    </p>
-                </div>
             	<li>Now reopen your U2L1-NumberGuessing project. Make sure your version doesn't have the same bug.</li>
             </ol>
 		</div>