Ejercicio de programación con HTML: Reto atributos ARIA en HTML
Código
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:
- Utiliza el rol de navegación adecuado para el contenedor principal
- Añade una etiqueta accesible que identifique el propósito del menú
- Implementa correctamente los estados expandido/colapsado para el menú desplegable
- Establece la relación entre el botón del menú desplegable y su contenido
- 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.
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.
Reto etiquetas semánticas HTML
Código
Divisiones
Test
Audio
Puzzle
Proyecto crear páginas HTML
Proyecto
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
DOCTYPE
Test
Compatibilidad con navegadores
Test
Reto trabajar con imágenes en HTML
Código
Reto crear tablas HTML
Código
Introducción a HTML
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Formularios
Puzzle
Encabezados
Puzzle
Reto Validación HTML
Código
Optimización de la carga de la página (Lazy loading)
Puzzle
Listas
Puzzle
Reto metadatos en HTML
Código
Estilos
Puzzle
Validación de HTML
Puzzle
Navegación por teclado
Puzzle
Párrafos
Test
Uso de DOCTYPE
Puzzle
Reto de enlaces HTML
Código
Etiquetas semánticas
Puzzle
Contraste y legibilidad
Test
Atributos de ARIA
Test
Reto geolocalización en HTML
Código
Tablas
Test
Reto LocalStorage en HTML
Código
Uso de atributos
Puzzle
Atributos
Test
Reto formatear texto en HTML
Código
Reto crear listas HTML
Código
Metadatos
Test
Comentarios
Test
Incrustación de contenido (iframe)
Test
Uso de elementos y etiquetas
Puzzle
Elementos y etiquetas
Test
Tutorial para resolver este ejercicio de programación
HTML
Atributos de ARIA
Metadatos y SEO