Skip to content

Commit

Permalink
a11y - changing <h4><strong> to <h3 class="box-head">
Browse files Browse the repository at this point in the history
  • Loading branch information
@maryfries
maryfries committed Aug 9, 2024
1 parent e6fcbbe commit c70662c
Show file tree
Hide file tree
Showing 78 changed files with 149 additions and 147 deletions.
2 changes: 2 additions & 0 deletions css/bjc.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@ h4, .h4 {
.box-head {
font-weight: bold;
font-size: 18px;
margin-top: 0px;
padding: 5px 0px 0px 0px;
}

.anchor {
Expand Down
6 changes: 3 additions & 3 deletions cur/programming/1-introduction/1-building-an-app/2-creating-a-snap-account.es.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h2>Guardar proyectos Snap<em>!</em></h2>
<li>
Hay diferentes formas de guardar los proyectos de Snap<em>!</em> Algunos de ellos implican iniciar sesión o crear una cuenta de Snap<em>!</em> Tu profesor te dirá qué opción usar.
<div class="narrower">
<h4><strong>Opción A: Guarde su proyecto en tu computadora</strong></h4>
<h3 class="box-head">Opción A: Guarde su proyecto en tu computadora</h3>
<div class="endnote">
<a href="#hint-save-computer" data-toggle="collapse" title="Puedes guardar este archivo en tu computadora, una unidad USB, Google Drive o cualquier otro lugar donde guardes archivos.">Puedes guardar este archivo en tu computadora, una unidad USB, Google Drive o cualquier otro lugar donde guardes archivos.</a>
<div id="hint-save-computer" class="collapse">
Expand All @@ -28,7 +28,7 @@ <h4><strong>Opción A: Guarde su proyecto en tu computadora</strong></h4>
</div>
</div>

<h4><strong>Opción B: Tu profesor te ha creado una cuenta</strong></h4>
<h3 class="box-head">Opción B: Tu profesor te ha creado una cuenta</h3>
<div class="endnote">
<a href="#hint-teacher-setup" data-toggle="collapse" title="Tu profesor te comunicará tu nombre de usuario y contraseña de Snap! Si alguna vez necesitas restablecer tu contraseña, la solicitud irá a tu profesor.">Tu profesor te comunicará tu nombre de usuario y contraseña de Snap<em>!</em> Si alguna vez necesitas restablecer tu contraseña, la solicitud irá a tu profesor.</a>
<div id="hint-teacher-setup" class="collapse">
Expand All @@ -51,7 +51,7 @@ <h4><strong>Opción B: Tu profesor te ha creado una cuenta</strong></h4>
</div>
</div>

<h4><strong>Opción C: Crea una cuenta de Snap<em>!</em> con tu correo electrónico personal</strong></h4>
<h3 class="box-head">Opción C: Crea una cuenta de Snap<em>!</em> con tu correo electrónico personal</h3>
<div class="endnote">
<a href="#hint-personal-email" data-toggle="collapse" title="Se trata de una cuenta de Snap! en la que cualquier solicitud de restablecimiento de contraseña se enviará a tu cuenta de correo electrónico personal.">Se trata de una cuenta de Snap<em>!</em> en la que cualquier solicitud de restablecimiento de contraseña se enviará a tu cuenta de correo electrónico personal.</a>
<div id="hint-personal-email" class="collapse">
Expand Down
6 changes: 3 additions & 3 deletions cur/programming/1-introduction/1-building-an-app/2-creating-a-snap-account.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h2>Saving Snap<em>!</em> Projects</h2>
<li>
There are different ways to save Snap<em>!</em> projects. Some of them involve logging in or creating a Snap<em>!</em> account. Your teacher will let you know which option to use.
<div class="narrower">
<div class="h4"><strong>Option A: Save your project to your computer</strong></div>
<h3 class="box-head">Option A: Save your project to your computer</h3>
<div class="endnote">
<a href="#hint-save-computer" data-toggle="collapse" title="You can save this file to your computer, a USB drive, Google Drive, or any other place you keep files.">You can save this file to your computer, a USB drive, Google Drive, or any other place you keep files.</a>
<div id="hint-save-computer" class="collapse">
Expand All @@ -28,7 +28,7 @@ <h2>Saving Snap<em>!</em> Projects</h2>
</div>
</div>

<div class="h4"><strong>Option B: Your teacher has set up an account for you</strong></div>
<h3 class="box-head">Option B: Your teacher has set up an account for you</h3>
<div class="endnote">
<a href="#hint-teacher-setup" data-toggle="collapse" title="Your teacher will let you know your Snap! username and password. If you ever need to reset your password, the request will go to your teacher.">Your teacher will let you know your Snap<em>!</em> username and password. If you ever need to reset your password, the request will go to your teacher.</a>
<div id="hint-teacher-setup" class="collapse">
Expand All @@ -52,7 +52,7 @@ <h2>Saving Snap<em>!</em> Projects</h2>
</div>


<div class="h4"><strong>Option C: Create a Snap<em>!</em> account with a personal email</strong></div>
<h3 class="box-head">Option C: Create a Snap<em>!</em> account with a personal email</h3>
<div class="endnote">
<a href="#hint-personal-email" data-toggle="collapse" title="This is a Snap! account where any password reset requests will go to a personal email account. Your teacher may ask you to use their email address.">This is a Snap<em>!</em> account where any password reset requests will go to your personal email account. Your teacher may ask you to use their email address.</a>
<div id="hint-personal-email" class="collapse">
Expand Down
12 changes: 6 additions & 6 deletions cur/programming/1-introduction/1-building-an-app/3-loading-mobile-device.es.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h2>Compartir tu juego</h2>
<li>
Puedes utilizar cualquiera de las opciones siguientes si tienes una cuenta de Snap<em>!</em> Si no tiene una cuenta de Snap!, deberá utilizar la opción A.
<div class="narrower">
<h4><strong>Opción A: Comparte tu proyecto como archivo</strong></h4>
<h3 class="box-head">Opción A: Comparte tu proyecto como archivo</h3>
<div class="endnote">
<a href="#hint-share-file" data-toggle="collapse" title="El envío de un archivo XML envía una versión estática de tu proyecto.">El envío de un archivo XML envía una versión estática de tu proyecto.</a>
<div id="hint-share-file" class="collapse">
Expand All @@ -29,12 +29,12 @@ <h4><strong>Opción A: Comparte tu proyecto como archivo</strong></h4>
</div>
</div>

<h4><strong>Opción B: Comparte tu proyecto como un enlace</strong></h4>
<h3 class="box-head">Opción B: Comparte tu proyecto como un enlace</h3>
<div class="endnote">
<p><a href="#hint-share-link" data-toggle="collapse" title="Al Compartir tu proyecto se creará un enlace que permitirá a otros ver la versión guardada más reciente de tu proyecto.">Al “Compartir" tu proyecto se creará un enlace que permitirá a otros ver la versión guardada más reciente de tu proyecto.</a></p>
<div id="hint-share-link" class="collapse">

<h4><strong>Crear el enlace</strong></h4>
<h3 class="box-head">Crear el enlace</h3>
<img class="imageRight" src="/bjc-r/img/1-introduction/U1ImageVideoAddendum_img/U1L1P7_OpenFile.es.png" height="350" alt="Ventana de diálogo para abrir un proyecto" title="Ventana de diálogo para abrir un proyecto"/>
<ol type="a">
<li>Debes asegurarte que tu proyecto se encuentra guardado.</li>
Expand Down Expand Up @@ -63,7 +63,7 @@ <h4><strong>Crear el enlace</strong></h4>
<li>
Si trabajas en equipo, asegúrate que todos tengan una copia del proyecto.
<div class="narrower">
<h4><strong>Guardar una copia de un proyecto</strong></h4>
<h3 class="box-head">Guardar una copia de un proyecto</h3>
<ul>
<li>Tanto si comparte su proyecto como un archivo o un enlace, siempre que el segundo socio guarde el proyecto (en su computadora o en su cuenta), estará guardando una <em>copia</em>&mdash; no un archivo compartido. Si el segundo socio modifica el proyecto, deberá volver a guardarlo y compartirlo (como archivo o enlace) con el primer socio para que éste pueda ver el cambio.</li>
<div class="endnote">Si tu y tu compañero tienen cuentas de Snap!, el proyecto se guardará en la cuenta de la persona que haya iniciado sesión. Para cambiar quién ha iniciado sesión en Snap<em>!</em>, abra el menú Nube (<img src="/bjc-r/img/1-introduction/cloud_button.png" alt="botón del menú Nube">) y elija "Cerrar sesión". Deja que tu compañero inicie sesión en Snap<em>!</em>. </div>
Expand All @@ -84,12 +84,12 @@ <h3>Jugar en tu teléfono</h3>
<li>
Carga tu juego en un dispositivo móvil.
<div class="narrowblue">
<h4><strong>Cargar un proyecto de Snap<em>!</em> en dispositivos Apple iOS</strong></h4>
<h3 class="box-head">Cargar un proyecto de Snap<em>!</em> en dispositivos Apple iOS</h3>
<ol type="a">
<li>En tu dispositivo móvil, abre el navegador Safari, y copia o escribe el (enlace) URL al proyecto.</li>
<li>En la parte inferior de la pantalla de Safari, presiona el botón de compartir, <img src="/bjc-r/img/1-introduction/share.png" width="32" height="32" alt="ícono compartir (cuadrado con flecha hacia arriba)" title="ícono compartir (cuadrado con flecha hacia arriba)">, y luego selecciona "Agregar a la Pantalla de Inicio" desde el menú que aparecerá a continuación.</li>
</ol>
<h4><strong>Cargar un proyecto de Snap<em>!</em> en dispositivos Android</strong></h4>
<h3 class="box-head">Cargar un proyecto de Snap<em>!</em> en dispositivos Android</h3>
<ol type="a">
<li>En tu dispositivo móvil, abre el navegador Chrome, y copia o escribe el (enlace) URL al proyecto.</li>
<li>Presiona el ícono de configuración, ☰, y luego selecciona la opción "Agregar a la pantalla de inicio" desde el menú que aparecerá a continuación.</li>
Expand Down
12 changes: 6 additions & 6 deletions cur/programming/1-introduction/1-building-an-app/3-loading-mobile-device.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ <h2>Sharing Your Game</h2>
<li>You can use either option below if you have a Snap<em>!</em> account. If you do not have a Snap<em>!</em> account, you need to use Option A.</li>

<div class="narrower">
<h4><strong>Option A: Share your project as a file</strong></h4>
<h3 class="box-head">Option A: Share your project as a file</h3>
<div class="endnote">
<a href="#hint-share-file" data-toggle="collapse" title="Sending an XML file sends a static version of your project.">Sending an XML file sends a static version of your project.</a>
<div id="hint-share-file" class="collapse">
Expand All @@ -27,11 +27,11 @@ <h4><strong>Option A: Share your project as a file</strong></h4>
</div>
</div>

<h4><strong>Option B: Share your project as a link</strong></h4>
<h3 class="box-head">Option B: Share your project as a link</h3>
<div class="endnote">
<p><a href="#hint-share-link" data-toggle="collapse" title="Sharing your project will create a link that will let others see the most recently saved version of your project.">"Sharing" your project will create a link that will let others see the most recently saved version of your project.</a></p>
<div id="hint-share-link" class="collapse">
<h4><strong>Creating a Link</strong></h4>
<h3 class="box-head">Creating a Link</h3>
<img class="imageRight" src="/bjc-r/img/1-introduction/U1ImageVideoAddendum_img/U1L1P7_OpenFile.png" height="350" alt="Open Project dialog box" title="Open Project dialog box"/>
<ol type="a">
<li>Make sure your project is saved.</li>
Expand Down Expand Up @@ -63,7 +63,7 @@ <h4><strong>Creating a Link</strong></h4>
<li>
If you are working with a partner, make sure you both have a copy.
<div class="narrower">
<h4><strong>Saving a Copy of a Project</strong></h4>
<h3 class="box-head">Saving a Copy of a Project</h3>
<ul>
<li>Whether you share your project as a file or a link, whenever the second partner saves the project (to their computer or to their account), they will be saving a <em>copy</em>&mdash;not a shared file. If the second partner changes the project, they need to save and share the project (as a file or a link) again with the first partner for the first partner to see the change.</li>
<div class="endnote">If you and your partner have Snap<em>!</em> accounts, the project will save to the account of the person who is logged in. To change who is logged in to Snap<em>!</em>, open the Cloud menu (<img src="/bjc-r/img/1-introduction/cloud_button.png" alt="cloud menu button">) and choose "Logout." Let your partner log in to Snap<em>!</em>. </div>
Expand All @@ -82,12 +82,12 @@ <h3>Putting the Game on Your Phone</h3>
<li>
Load your game on a mobile device.
<div class="narrowblue">
<h4><strong>Loading a Snap<em>!</em> Project on Apple iOS</strong></h4>
<h3 class="box-head">Loading a Snap<em>!</em> Project on Apple iOS</h3>
<ol type="a">
<li>On your mobile device, open Safari, and type the project URL (link) for your project.</li>
<li>At the bottom of the Safari screen, tap the share icon, <img src="/bjc-r/img/1-introduction/share.png" width="32" height="32" alt="share icon (square with up arrow)" title="share icon (square with up arrow)">, and then select "Add to Home Screen" from the menu that appears.</li>
</ol>
<h4><strong>Loading a Snap<em>!</em> Project on Android</strong></h4>
<h3 class="box-head">Loading a Snap<em>!</em> Project on Android</h3>
<ol type="a">
<li>On your mobile device, open Chrome, and type the project URL (link) for your project.</li>
<li>Tap the settings icon, ☰, and then select "Add to homescreen" from the menu that appears.</li>
Expand Down
2 changes: 1 addition & 1 deletion cur/programming/1-introduction/2-gossip-and-greet/1-pair-programming.es.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ <h2>Programación en pareja</h2>
<p>Hay diversas formas de organizar la colaboración. En este curso, utilizaremos una técnica llamada <a href="https://es.wikipedia.org/wiki/Programaci%C3%B3n_en_pareja" title="Wikipedia: Programación en pareja" target="_blank"><em>programación en pareja</em></a>&mdash;escribiendo programas para computadoras en equipos de dos personas. Uno de los miembros del equipo, el <em>conductor,</em> controla la computadora. El otro, el <em>navegador</em>, ayuda a identificar los errores y a llevar el control sobre cómo el código que se está escribiendo se ajusta al plan general. El navegador o copiloto está encargado de leer las instrucciones que aparecen en la página del Laboratorio en voz alta. Buscaremos un tiempo equitativo para cada rol, cambiando las funciones cada cinco minutos.</p>

<div class="takeNote">
<h4><strong>Cómo <em>no</em> hacer programación en pareja:</strong></h4>
<h3 class="box-head">Cómo <em>no</em> hacer programación en pareja:</h3>
<p>Uno de los grandes errores en la programación en pareja es que el navegador o copiloto se aparte y deje que el conductor haga todo el trabajo. El navegador debe prestar atención, de lo contrario solo se alternan los turnos para hacer el trabajo en lugar de aprovechar el beneficio del trabajo en pareja.</p>
</div>

Expand Down
2 changes: 1 addition & 1 deletion cur/programming/1-introduction/2-gossip-and-greet/1-pair-programming.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ <h2>Pair Programming</h2>
<p>There are several ways to organize a collaboration. In this course, you'll use a collaboration technique called <a href="http://en.wikipedia.org/wiki/Pair_programming" title="Wikipedia: Pair programming" target="_blank"><em>pair programming</em></a>&mdash;writing computer programs in teams of two. One partner, the <em>driver,</em> controls the computer. The other, the <em>navigator</em>, helps catch errors and keeps track of how the code being written fits into the overall plan. The navigator is also in charge of reading the lab pages out loud. Aim for equal time in each role, switching about every five minutes.</p>

<div class="takeNote">
<h4><strong>How <em>not</em> to do pair programming:</strong></h4>
<h3 class="box-head">How <em>not</em> to do pair programming:</h3>
<p>The biggest mistake in pair programming is for the navigator to tune out and let the driver do all the work. The navigator has to be paying attention; otherwise you're just taking turns doing the entire work instead of making use of the benefits of having two people.</p>
</div>

Expand Down
8 changes: 4 additions & 4 deletions cur/programming/1-introduction/2-gossip-and-greet/3-customizing.es.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ <h2>Personalizar y depurar errores <em>(debugging)</em></h2>
<img class="inline" src="/bjc-r/img/1-introduction/does-what.es.png" alt="bloque hace" title="bloque hace" />
<img class="inline" src="/bjc-r/img/1-introduction/who2.es.png" alt="bloque quién2" title="bloque quién 2" />
<div class="narrower">
<h4><strong>¿Cómo editar un bloque?</strong></h4>
<h3 class="box-head">¿Cómo editar un bloque?</h3>
<ol type="a">
<li><strong>Encuentra el bloque</strong> en el área de trabajo o en la paleta de comandos a la derecha.</li>
<li><strong>Haz clic con el botón derecho</strong> (o control-clic) en el bloque y selecciona la opción "editar..."</li>
Expand Down Expand Up @@ -139,7 +139,7 @@ <h4><strong>¿Cómo editar un bloque?</strong></h4>
<li>
Cambia el disfraz o avatar de los personajes (objetos) a tu gusto.
<div class="narrower">
<h4><strong>Agregar un disfraz</strong></h4>
<h3 class="box-head">Agregar un disfraz</h3>
<ol type="a">
<li>En el área de objetos, selecciona el objeto al que deseas cambiar su difraz.</li>
<li>Selecciona la opción "Disfraces..." que se encuentra en el menú Archivo (<img src="/bjc-r/img/1-introduction/file_button.png" style="height:1.5em;" alt="Botón del menú Archivo" title="Botón del menú Archivo"/>).</li>
Expand All @@ -153,7 +153,7 @@ <h4><strong>Agregar un disfraz</strong></h4>
<li>
Arregla cualquier inconveniente con el disfraz de los objetos.
<div class="narrower">
<h4><strong>Ajustar los disfraces</strong></h4>
<h3 class="box-head">Ajustar los disfraces</h3>

<ul>
<li>Para cambiar el tamaño del objeto se utiliza el bloque <img class="inline nopadtb" src="/bjc-r/img/blocks/set-size-empty.es.png" alt="fijar tamaño a ( ) %" title="fijar tamaño a ( ) %" />.</li>
Expand All @@ -173,7 +173,7 @@ <h4><strong>Ajustar los disfraces</strong></h4>
<li>
Cambia el fondo del escenario.<br />
<div class="narrowblue">
<h4><strong>Agregar un fondo al escenario</strong></h4>
<h3 class="box-head">Agregar un fondo al escenario</h3>
<div class="endnote">Cambiar el fondo del escenario es similar a las acciones necesarias para cambiar el disfraz de un objeto.</div>
<ol type="a">
<li>En el área de objetos, selecciona el elemento <strong>escenario</strong>.</li>
Expand Down
Loading

0 comments on commit c70662c

Please sign in to comment.