Design comparison
Solution retrospective
Hola les presento mi primer desafío, creo que es un 95% igual al diseño de muestra, espero criticas/consejos que me ayuden a mejorar mi html y css para que el próximo desafío pueda realizarlo de manera más eficiente. Saludos
Community feedback
- @KikeBordaPosted over 1 year ago
Consejos
DIVS
-
el tema de los div es mejor que comiences a utilizar etiquetas semanticas como <main> , <section> , <article>,etc.
-
esta se convierte una mala costumbre con el tiempo y le quitaria visibilidad a tus pagina por el tema del SEO(Search Engine Optimization)
HEADINGS :
-
Todo sitio debe tener al menos un elemento <h1> que identifique y describa el contenido principal de la página.
-
Un encabezado h1 proporciona un punto de navegación importante para los usuarios de tecnologías de asistencia, permitiéndoles encontrar fácilmente el contenido principal de la página.
-
Así que deberas añadir un encabezado de nivel uno para mejorar la accesibilidad mediante la lectura en voz alta del encabezado por los lectores de pantalla, puedes hacerlo añadiendo una clase sr-only para ocultarlo a los usuarios visuales(será útil para los usuarios con discapacidad visual)
¡Espero que te sea útil este feedback. Sobre todo, la solución que has presentado esta genial !
¡Happy coding!
Marked as helpful0 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord