Rullst AcademyRullst Academy/Lección
HTML semántico y accesibilidad · Lección 02 / 10

Un mapa para orientarse

Quien llega al taller necesita encontrar el programa sin recorrer todo de nuevo.

Rutas de aprendizaje14 min

Vamos a descubrir juntos

  1. 1

    Usa header para la introducción, nav para navegación importante, main para contenido principal y footer para información final. Mantén un main visible y un h1 descriptivo en este proyecto. Estos elementos ayudan a las tecnologías de asistencia a localizar regiones.

  2. 2

    Piensa en un índice: h1 Taller de ideas; h2 Programa; h3 Actividad con papel; h2 Preguntas. Elige el nivel por su relación con los temas, no por el tamaño de letra. CSS tratará la apariencia en otra ruta.

  3. 3

    Una section reúne un tema y normalmente tiene encabezado; article sirve para contenido independiente, como una noticia. Div sigue siendo útil cuando ningún elemento semántico encaja. No conviertas cada párrafo en una región.

  4. 4

    Lee solo la lista de encabezados de la revisión. ¿Explica la página? Cambia un h2 por h4 y observa la pista; restáuralo. La comprobación de secuencia ayuda, pero no entiende la relación entre tus ideas.

Taller de HTML: escribir, observar, revisar

Edita HTML en “Mis archivos y GitHub” y actualiza la vista previa. Usa elementos de estudio y estilos de lectura: scripts, CSS propio y navegación externa quedan desactivados. Solo route.svg del kit se muestra como imagen.

Ir a mi HTML

Estas comprobaciones no son validación completa de HTML ni auditoría WCAG. Revisa contenido, teclado, zoom y tecnologías de asistencia; registra lo pendiente.

Enlaces oficiales y siguiente paso

✦
TU MISIÓN

Organizar encabezados y regiones según su función.

Ahora te toca

Taller de descubrimientos

Lee, predice, prueba

El programa tiene dos actividades que pertenecen a él. La página empieza con h1 y después h2 Programa.
Prepara tus respuestas y comprueba cuando estés listo.
Una pausa para entender

¿Un h2 grande debe convertirse en h4 solo para reducirlo?

Necesito una pista

Compara la intención con el significado de los elementos; la apariencia sola no demuestra accesibilidad.

Cargando tu camino…

Llévatelo contigo

Escribe un índice para otro taller. Construye header, main y footer y titula claramente dos secciones.

A tu ritmo

Mis archivos y GitHub

Cada lección puede convertirse en un registro propio: código, notas o un plan de práctica. Guardar un archivo en GitHub es opcional y no cambia tus XP.

Manual del alumno

El editor y las descargas se abren cuando esta lección esté disponible para tu cuenta. Revisa el acceso indicado abajo o vuelve al mapa de la ruta.

Comprobando tu acceso a esta lección…

Rullstpetbot

La IA puede equivocarse. Consulta el material de la lección.