From 914e7a4fe471ec884be9245d8a1033b9428dca8c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?V=C3=ADctor=20Lasa?= <20603452+vowk1n@users.noreply.github.com> Date: Mon, 6 May 2019 21:56:23 +0000 Subject: [PATCH] Fix typos, consistent styling w/ English version (#31238) Also made the whole text have the same level of formality and corrected Google translations. --- ...lement-for-better-accessibility.spanish.md | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 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 8fa64eab68e..094788a4f59 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 @@ -3,16 +3,21 @@ id: 587d778b367417b2b2512aa7 title: Wrap Radio Buttons in a fieldset Element for Better Accessibility challengeType: 0 videoUrl: '' -localeTitle: Agrupe los botones de radio en un elemento fieldset para una mejor accesibilidad +localeTitle: Envolver los botones de radio en un elemento fieldset para mejorar la accesibilidad --- ## Description -
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>
+
+El siguiente tema sobre formularios trata 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 en que 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"> Opción Uno </label> <br>
<input id = "two" type = "radio" name = "items" value = "two">
<label for = "two"> Opción Dos </label> <br>
<input id = "three" type = "radio" name = "items" value = "three">
<label for = "three"> Opción Tres </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. É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 .
+
+Camper Cat quiere información sobre el nivel 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ó a utilizar etiquetas con el atributo for de nuestra lección anterior para cada opción. ¡Sigue así, Camper Cat! Sin embargo, su código todavía necesita algo de ayuda. Cambia la etiqueta div que rodea a los botones de radio por una etiqueta fieldset y cambia la etiqueta p que está dentro a legend. +
## Tests
@@ -21,9 +26,9 @@ localeTitle: Agrupe los botones de radio en un elemento fieldset para una mejor tests: - 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. + - text: Asegúrate de que tu 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. + - text: Tu código debe tener una etiqueta de legend alrededor del texto que pregunta qué nivel 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: Tu código no debe tener ninguna etiqueta div . testString: 'assert($("div").length == 0, "Your code should not have any div tags.");'