¡Hola Emerson!
Para mejorar la accesibilidad y la semántica del código, puedes seguir las sugerencias que has mencionado. Aquí tienes un ejemplo de cómo podrías implementar esas mejoras en tu código:
<section>
<figure>
<img src="https://cdn1.gnarususercontent.com.br/6/647117/fc819e23-c9eb-4d26-bca2-48627147ab63.png" alt="Descripción de la imagen para ayudar con la accesibilidad">
<figcaption>Texto descriptivo que acompaña a la imagen</figcaption>
</figure>
</section>
Al utilizar la etiqueta <section> en lugar de un <div>, estás mejorando la semántica del código, y al agregar el atributo alt descriptivo a la etiqueta <img>, estás mejorando la accesibilidad para las personas que utilizan lectores de pantalla. Además, al incluir la etiqueta <figure> con su correspondiente <figcaption>, estás proporcionando una estructura semántica para el contenido visual.
Espero que esta sugerencia te sea de ayuda para evolucionar el sitio de la Jornada. ¡Si tienes alguna otra pregunta, no dudes en preguntar!
Espero haber ayudado y buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!
