Breakdown per week of time to spend training in stealth, combat, and weapons.
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>
div
que usó por una etiqueta de figure
, y la etiqueta p
que rodea el título a una etiqueta de figcaption
. figure
.
testString: 'assert($("figure").length == 1, "Your code should have one figure
tag.");'
- text: Su código debe tener una etiqueta de figcaption
.
testString: 'assert($("figcaption").length == 1, "Your code should have one figcaption
tag.");'
- text: Su código no debe tener ninguna etiqueta div
.
testString: 'assert($("div").length == 0, "Your code should not have any div
tags.");'
- text: Su código no debe tener ninguna etiqueta p
.
testString: 'assert($("p").length == 0, "Your code should not have any p
tags.");'
- text: La figcaption
debe ser un hijo de la etiqueta de la figure
.
testString: 'assert($("figure").children("figcaption").length == 1, "The figcaption
should be a child of the figure
tag.");'
- text: Asegúrese de que el elemento de su figure
tenga una etiqueta de cierre.
testString: 'assert(code.match(/<\/figure>/g) && code.match(/<\/figure>/g).length === code.match(/Breakdown per week of time to spend training in stealth, combat, and weapons.