From d3f6e0fe943a5eccc99ec606c988050680c13359 Mon Sep 17 00:00:00 2001 From: anamariaaya <39868590+anamariaaya@users.noreply.github.com> Date: Sat, 27 Oct 2018 16:51:08 -0500 Subject: [PATCH] Corrected Spanish translation of challenges radio buttons section (#29944) - [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md). - [x] My pull request has a descriptive title (not a vague title like `Update index.md`) - [x] My pull request targets the `master` branch of freeCodeCamp. - [x] None of my changes are plagiarized from another source without proper attribution. - [x] My article does not contain shortened URLs or affiliate links. If your pull request closes a GitHub issue, replace the XXXXX below with the issue number. Closes #XXXXX --- ...ieldset-element-for-better-accessibility.spanish.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.spanish.md index a603987715..bd95081ae7 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.spanish.md @@ -7,23 +7,25 @@ localeTitle: Envuelva los botones de radio en un elemento fieldset para una mejo --- ## Description -
El siguiente tema de formulario cubre la accesibilidad de los botones de radio. A cada opción se le asigna una label con un atributo for vincula con el id del elemento correspondiente tal como se describe en el último desafío. Dado que los botones de radio a menudo vienen en un grupo donde el usuario debe elegir uno, hay una manera de mostrar semánticamente que las opciones son parte de un conjunto. La etiqueta fieldset rodea todo el grupo de botones de radio para lograr esto. A menudo utiliza una etiqueta de legend para proporcionar una descripción de la agrupación, que los lectores de pantalla leen para cada opción en el elemento fieldset . El fieldset y la etiqueta de legend no son necesarios cuando las opciones se explican por sí mismas, como una selección de género. Usando una label con el for atributo para cada botón de radio es suficiente. Aquí hay un ejemplo:
<form>
<fieldset>
<legend> Elija uno de estos tres elementos: </legend>
<input id = "one" type = "radio" name = "items" value = "one">
<label for = "one"> Choice One </label> <br>
<input id = "two" type = "radio" name = "items" value = "two">
<label for = "two"> Choice Two </label> <br>
<input id = "three" type = "radio" name = "items" value = "three">
<label for = "three"> Choice Three </label>
</fieldset>
</form>
+
El siguiente tema de formulario cubre la accesibilidad de los botones de radio. A cada opción se le asigna un label con un atributo for vinculado con el id del elemento correspondiente, tal como se describe en el último desafío. Dado que los botones de radio a menudo vienen en un grupo del cuál el usuario debe elegir uno, hay una manera de mostrar semánticamente que las opciones son parte de un conjunto. La etiqueta fieldset rodea todo el grupo de botones de radio para lograrlo. A menudo utiliza una etiqueta de legend para proporcionar una descripción de la agrupación, que los lectores de pantalla leen para cada opción en el elemento fieldset . El fieldset y la etiqueta de legend no son necesarios cuando las opciones se explican por sí mismas, como una selección de género. Usando un label con el atributo for para cada botón de radio es suficiente. + +
Aquí hay un ejemplo:
<form>
<fieldset>
<legend> Elija uno de estos tres elementos: </legend>
<input id = "one" type = "radio" name = "items" value = "one">
<label for = "one"> Choice One </label> <br>
<input id = "two" type = "radio" name = "items" value = "two">
<label for = "two"> Choice Two </label> <br>
<input id = "three" type = "radio" name = "items" value = "three">
<label for = "three"> Choice Three </label>
</fieldset>
</form>
## Instructions -
Camper Cat desea información sobre el nivel de ninja de sus usuarios cuando se registran en su lista de correo electrónico. Ha añadido un conjunto de botones de radio, y aprendió de la lección anterior para utilizar etiquetas de la etiqueta con la for atributos para cada elección. ¡Ve el gato campista! Sin embargo, su código todavía necesita ayuda. Cambie la etiqueta div rodea a los botones de fieldset una etiqueta de conjunto de fieldset y cambie la etiqueta p dentro de una legend .
+
Camper Cat desea información sobre el nivel de ninja de sus usuarios cuando se registran en su lista de correo electrónico. Él ha añadido un conjunto de botones de radio y aprendió de nuestra lección anterior a utilizar etiquetas con el atributo for para cada elección. ¡Vamos gato campista! Sin embargo, su código todavía necesita ayuda. Cambie la etiqueta div que rodea a los botones de radio por una etiqueta fieldset y cambie la etiqueta p dentro de una legend .
## Tests
```yml tests: - - text: El código debe tener un fieldset de etiqueta en todo el juego de botones circulares. + - text: Tu código debe tener una etiqueta fieldset en todo el grupo de botones de radio. testString: 'assert($("fieldset").length == 1, "Your code should have a fieldset tag around the radio button set.");' - text: Asegúrese de que su elemento fieldset tenga una etiqueta de cierre. testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/
/g).length, "Make sure your fieldset element has a closing tag.");' - text: Tu código debe tener una etiqueta de legend alrededor del texto que pregunta qué nivel de ninja es un usuario. testString: 'assert($("legend").length == 1, "Your code should have a legend tag around the text asking what level ninja a user is.");' - - text: Su código no debe tener ninguna etiqueta div . + - text: Tu código no debe tener ninguna etiqueta div . testString: 'assert($("div").length == 0, "Your code should not have any div tags.");' - text: Tu código ya no debería tener una etiqueta p alrededor del texto que pregunta qué nivel de ninja es un usuario. testString: 'assert($("p").length == 4, "Your code should no longer have a p tag around the text asking what level ninja a user is.");'