From 416d3cbfa1b82852109cffda4e7b398d8841908b Mon Sep 17 00:00:00 2001 From: Edgar Ceballos Date: Tue, 16 Oct 2018 19:56:11 -0400 Subject: [PATCH] Changed tag Figura with Figure (#18549) Changed the tag Figura with Figure. --- ...ove-chart-accessibility-with-the-figure-element.spanish.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.spanish.md index 644ccac4d9..f12bfda89f 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.spanish.md @@ -7,10 +7,10 @@ localeTitle: Mejora la accesibilidad de la carta con la figura Elemento. --- ## Description -
HTML5 introdujo el elemento figure , junto con la figcaption relacionada. Usados ​​juntos, estos elementos envuelven una representación visual (como una imagen, diagrama o gráfico) junto con su título. Esto proporciona un aumento de accesibilidad doble al agrupar semánticamente el contenido relacionado y al proporcionar una alternativa de texto que explica la figure . Para visualizaciones de datos como cuadros, la leyenda se puede usar para observar brevemente las tendencias o conclusiones para usuarios con discapacidades visuales. Otro desafío es cómo mover una versión de tabla de los datos del gráfico fuera de la pantalla (mediante CSS) para los usuarios de lectores de pantalla. Aquí hay un ejemplo: tenga en cuenta que la figcaption va dentro de las etiquetas de la figure y se puede combinar con otros elementos:
<figura>
<img src = "roundhouseDestruction.jpeg" alt = "Foto de Camper Cat ejecutando una patada circular">
<br>
<figcaption>
Master Camper Cat demuestra la forma correcta de una patada circular.
</figcaption>
</figure>
+
HTML5 introdujo el elemento figure , junto con la figcaption relacionada. Usados ​​juntos, estos elementos envuelven una representación visual (como una imagen, diagrama o gráfico) junto con su título. Esto proporciona un aumento de accesibilidad doble al agrupar semánticamente el contenido relacionado y al proporcionar una alternativa de texto que explica la figure . Para visualizaciones de datos como cuadros, la leyenda se puede usar para observar brevemente las tendencias o conclusiones para usuarios con discapacidades visuales. Otro desafío es cómo mover una versión de tabla de los datos del gráfico fuera de la pantalla (mediante CSS) para los usuarios de lectores de pantalla. Aquí hay un ejemplo: tenga en cuenta que la figcaption va dentro de las etiquetas de la figure y se puede combinar con otros elementos:
<figure>
<img src = "roundhouseDestruction.jpeg" alt = "Foto de Camper Cat ejecutando una patada circular">
<br>
<figcaption>
Master Camper Cat demuestra la forma correcta de una patada circular.
</figcaption>
</figure>
## Instructions -
Camper Cat está trabajando duro para crear un gráfico de barras apiladas que muestre la cantidad de tiempo por semana para pasar el entrenamiento en sigilo, combate y armas. Ayúdelo a estructurar mejor su página cambiando la etiqueta div que usó por una etiqueta de figure , y la etiqueta p que rodea el título a una etiqueta de figcaption .
+
Camper Cat está trabajando duro para crear un gráfico de barras apiladas que muestre la cantidad de tiempo por semana para pasar el entrenamiento en sigilo, combate y armas. Ayúdelo a estructurar mejor su página cambiando la etiqueta div que usó por una etiqueta de figure , y la etiqueta p que rodea el título a una etiqueta de figcaption.
## Tests