Anatomía de la interfaz

Tres regiones anotadas de la interfaz publicada real. Al seleccionar una capa se resalta su región sin ocultar las demás. Es una captura fija, no una inspección del DOM en vivo.

Contenido: El sitio anfitrión proporciona el título, la leyenda, los nombres de los nodos y los cuatro pasos predefinidos. La explicación visible describe coincidencias ilustrativas, no una respuesta de búsqueda real.

1. Contenido

   El sitio anfitrión proporciona el título, la leyenda, los nombres de los nodos y los cuatro pasos predefinidos. La explicación visible describe coincidencias ilustrativas, no una respuesta de búsqueda real.

   

2. Estructura

   El componente publicado organiza un carril ordenado de tres nodos con conexiones direccionales. Está hecho con HTML y CSS, no con el gráfico SVG propuesto en el plan inicial. La captura muestra un solo diseño de escritorio; el reproductor en vivo también se adapta a contenedores estrechos.

   

3. Interacción

   Los botones de reproducción y la lista de pasos seleccionable pertenecen al paquete. El portafolio aporta los datos y las etiquetas; no controla la reproducción. Las etiquetas de estado visibles complementan el color. La verificación manual con lector de pantalla sigue pendiente.