Accesibilidad HTML
Una página no es igual para todos
Una página puede visitarla gente con distintos dispositivos, distintas capacidades, y distintas formas de navegar — algunas personas usan lectores de pantalla, otras navegan solo con teclado, otras tienen una conexión lenta donde las imágenes tardan en cargar. Un buen HTML ayuda a que el contenido siga siendo comprensible en todos esos casos.
Lo interesante es que ya viste, en las lecciones anteriores, casi todas las herramientas que hacen falta — esta lección las junta.
Imágenes
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
¿Cuál de estas dos etiquetas da información alternativa si la imagen no se puede ver? A)
<img src="foto.jpg"> B) <img src="foto.jpg" alt="Estudiantes trabajando en clase">Formularios
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
¿Cuál de estos dos ayuda a identificar correctamente un campo de formulario? A)
<input type="text"> B) <label for="nombre">Nombre</label><input type="text" id="nombre">Jerarquía de encabezados
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
Una página que usa h1, después h4, después h2, sin ningún criterio, "porque quedaban bien de tamaño". ¿Ayuda esto a entender la estructura del contenido?
Enlaces comprensibles
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
Si alguien escuchara solamente el texto del enlace, sin ningún otro contexto, ¿cuál de estos dos le informa mejor hacia dónde lleva? A)
<a href="contacto.html">Hacé clic acá</a> B) <a href="contacto.html">Contactanos</a>