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

Texto que ayuda a participar

Las instrucciones deben seguir claras al leerlas en voz alta.

Rutas de aprendizaje12 min

Vamos a descubrir juntos

  1. 1

    Usa p para párrafos. Los materiales sin orden usan ul y li; los pasos de montaje usan ol y li. No escribas números y saltos de línea solo para imitar una lista.

  2. 2

    Cada li pertenece a una lista. Cierra elementos en orden; un p no debe envolver una lista. El navegador puede reparar HTML incorrecto al construir el DOM, así que una apariencia aceptable no prueba una marcación correcta.

  3. 3

    Strong indica importancia y em énfasis; son más que órdenes de negrita y cursiva. Escribe instrucciones breves y específicas. “Usa papel utilizado por una cara” ayuda más que “hazlo bien”.

  4. 4

    Para mostrar <p> como texto, escribe &lt;p&gt;. Para un & literal en ejemplos, usa &amp;. Crea materiales y pasos separados y léelos sin depender de color, posición o iconos.

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

Representar secuencias, conjuntos y énfasis con HTML adecuado.

Ahora te toca

Taller de descubrimientos

Lee, predice, prueba

Materiales: papel y lápiz. Pasos: dibujar, probar, revisar — en ese orden.
Prepara tus respuestas y comprueba cuando estés listo.
Una pausa para entender

¿Por qué puede aparecer una página con HTML incorrecto?

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 una actividad de tres pasos que otra persona pueda seguir. Pídele que explique una instrucción con sus palabras y revisa lo ambiguo.

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.