Standardize informal treat and minor grammar corrections (#32660)

Plus Challenge Seed translation

curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.spanish.md

@@ -6,24 +6,24 @@ videoUrl: ''
 localeTitle: Añadir un selector de fecha accesible
 ---
 
-## Description
+## Descripción
-<section id="description"> Los formularios a menudo incluyen el campo <code>input</code> , que se puede usar para crear varios controles de formulario diferentes. El atributo <code>type</code> en este elemento indica qué tipo de entrada se creará. Puede haber notado los tipos de entrada <code>text</code> y <code>submit</code> en desafíos anteriores, y HTML5 introdujo una opción para especificar un campo <code>date</code> . Dependiendo de la compatibilidad del navegador, aparece un selector de fecha en el campo <code>input</code> cuando se lo enfoca, lo que facilita el llenado del formulario para todos los usuarios. Para los navegadores más antiguos, se asigna por defecto el tipo <code>text</code>, de forma tal que ayude a mostrar a los usuarios el formato de fecha esperado en la etiqueta o como texto "placeholder", por si acaso. Aquí hay un ejemplo: <blockquote> &lt;label for = &quot;input1&quot;&gt; Ingrese una fecha: &lt;/label&gt; <br> &lt;input type = &quot;date&quot; id = &quot;input1&quot; name = &quot;input1&quot;&gt; <br></blockquote></section>
+<section id="description"> Los formularios a menudo incluyen el campo <code>input</code> , que se puede usar para crear varios controles de formulario diferentes. El atributo <code>type</code> en este elemento indica qué tipo de entrada se creará. Puedes haber notado los tipos de entrada <code>text</code> y <code>submit</code> en desafíos anteriores, y HTML5 introdujo una opción para especificar un campo <code>date</code> . Dependiendo de la compatibilidad del navegador, aparece un selector de fecha en el campo <code>input</code> cuando se lo enfoca, lo que facilita el llenado de un formulario para todos los usuarios. Para los navegadores más antiguos, se asigna por defecto el tipo <code>text</code>, de forma tal que ayuda a mostrar a los usuarios el formato de fecha esperado en la etiqueta o como texto de marcador de posición, por si acaso. Aquí hay un ejemplo: <blockquote> &lt;label for = &quot;input1&quot;&gt; Ingresa una fecha: &lt;/label&gt; <br> &lt;input type = &quot;date&quot; id = &quot;input1&quot; name = &quot;input1&quot;&gt; <br></blockquote></section>
 
-## Instructions
+## Instrucciones
-<section id="instructions"> Camper Cat está organizando un torneo de Mortal Kombat y quiere preguntar a sus competidores qué fecha resulta mas conveniente. Agregue una etiqueta de <code>input</code> con un atributo de <code>type</code> de &quot;fecha&quot;, un atributo de <code>id</code> de &quot;pickdate&quot; y un atributo de <code>name</code> de &quot;fecha&quot;. </section>
+<section id="instructions"> Camper Cat está organizando un torneo de Mortal Kombat y quiere preguntar a sus competidores para ver qué fecha resulta mas conveniente. Agregue una etiqueta de <code>input</code> con un atributo de <code>type</code> de &quot;date&quot;, un atributo de <code>id</code> de &quot;pickdate&quot; y un atributo de <code>name</code> de &quot;date&quot;. </section>
 
-## Tests
+## Pruebas
 <section id='tests'>
 
 ```yml
 tests:
-  - text: Su código debe agregar una etiqueta de <code>input</code> para el campo selector de fecha.
+  - text: Tu código debe agregar una etiqueta de <code>input</code> para el campo selector de fecha.
     testString: 'assert($("input").length == 2, "Your code should add one <code>input</code> tag for the date selector field.");'
-  - text: Su etiqueta de <code>input</code> debe tener un atributo de <code>type</code> con un valor de fecha.
+  - text: Tu etiqueta de <code>input</code> debe tener un atributo de <code>type</code> con un valor de "date".
     testString: 'assert($("input").attr("type") == "date", "Your <code>input</code> tag should have a <code>type</code> attribute with a value of date.");'
-  - text: Su etiqueta de <code>input</code> debe tener un atributo <code>id</code> con un valor de pickdate.
+  - text: Tu etiqueta de <code>input</code> debe tener un atributo <code>id</code> con un valor de "pickdate".
     testString: 'assert($("input").attr("id") == "pickdate", "Your <code>input</code> tag should have an <code>id</code> attribute with a value of pickdate.");'
-  - text: Su etiqueta de <code>input</code> debe tener un atributo de <code>name</code> con un valor de fecha.
+  - text: Tu etiqueta de <code>input</code> debe tener un atributo de <code>name</code> con un valor de "date".
     testString: 'assert($("input").attr("name") == "date", "Your <code>input</code> tag should have a <code>name</code> attribute with a value of date.");'
 
 ```
@@ -38,20 +38,20 @@ tests:
 ```html
 <body>
   <header>
-    <h1>Tournaments</h1>
+    <h1>Torneos</h1>
   </header>
   <main>
     <section>
-      <h2>Mortal Kombat Tournament Survey</h2>
+      <h2>Encuesta para el Toneo de Mortal Kombat</h2>
       <form>
-        <p>Tell us the best date for the competition</p>
+        <p>Indicanos la mejor fecha para esta competencia</p>
-        <label for="pickdate">Preferred Date:</label>
+        <label for="pickdate">Fecha preferida:</label>
 
-        <!-- Add your code below this line -->
+        <!-- Agrega tu código debajo de esta línea -->
 
 
 
-        <!-- Add your code above this line -->
+        <!-- Agrega tu código sobre esta línea -->
 
         <input type="submit" name="submit" value="Submit">
       </form>
@@ -68,7 +68,7 @@ tests:
 
 </section>
 
-## Solution
+## Solución
 <section id='solution'>
 
 ```js