Ejercicio de programación con HTML: Reto atributos ARIA en HTML

Código
Práctica
0h 5m

Practica creando un menú accesible en HTML con atributos ARIA para mejorar la navegación y usabilidad en lectores de pantalla.

Crea un menú de navegación principal para un sitio web que sea completamente accesible utilizando atributos ARIA. El menú debe contener al menos 4 elementos, y uno de ellos debe ser un menú desplegable con 3 subopciones. Asegúrate de implementar los siguientes requisitos de accesibilidad:

  1. Utiliza el rol de navegación adecuado para el contenedor principal
  2. Añade una etiqueta accesible que identifique el propósito del menú
  3. Implementa correctamente los estados expandido/colapsado para el menú desplegable
  4. Establece la relación entre el botón del menú desplegable y su contenido
  5. Marca la página actual utilizando el atributo ARIA apropiado

Tu solución debe funcionar correctamente para usuarios de lectores de pantalla y debe seguir las mejores prácticas de accesibilidad web.

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Atributos de ARIA

Metadatos y SEO

Otros tutoriales de programación con HTML