La serie completa de Accesibilidad Web (a11y) en un solo video: todas las 20 partes, una tras otra. Aprende accesibilidad web en aproximadamente 1 hora, perfecto para principiantes absolutos.
1. HTML Semántico: Por Qué ‹div onclick› No Es Suficiente
2. El Árbol de Accesibilidad: Cómo los Lectores de Pantalla Ven Realmente Tu Página
3. Regiones de Referencia: header, nav, main y footer
4. Cálculo del Nombre Accesible: aria-label vs aria-labelledby vs Texto Visible
5. Roles, Estados y Propiedades ARIA: Cuándo (y Cuándo No) Usarlos
6. Navegación por Teclado: Orden de Tabulación y Enlaces de Salto
7. Gestión del Enfoque: :focus-visible y Manejo del Enfoque en SPAs
8. Modales y Diálogos Accesibles: Captura de Enfoque y Manejo de Escape
9. Contraste de Color: Ratios WCAG y Cómo Probarlos Realmente
10. Formularios Accesibles: Etiquetas, Mensajes de Error y aria-describedby
11. Imágenes Accesibles: Texto alt Hecho Correctamente (y Cuándo Omitirlo)
12. Tablas de Datos Accesibles: Encabezados, Alcance y Leyendas
13. Video Accesible: Subtítulos y Transcripciones
14. Regiones en Vivo y Notificaciones Toast: aria-live en Práctica
15. Componentes Personalizados Accesibles: Construyendo el Patrón Combobox ARIA
16. Pruebas con Lectores de Pantalla y Automatizadas: NVDA, VoiceOver y axe DevTools
17. Tamaño del Objetivo Táctil: El Mínimo de 44×44px
18. Zoom y Reflujo al 400%: WCAG 1.4.10
19. forced-colors y Modo de Alto Contraste
20. prefers-reduced-motion: Respetando una Preferencia Real del Usuario
¿Nuevo en accesibilidad web? Comienza en la lección 1 y sigue adelante: cada lección se muestra en vivo con lectores de pantalla reales y DevTools.
#accesibilidad #a11y #wcag #desarrolloweb #aprendeaccesibilidad #accesibilidadparaprincipiantes #tutorialdecodificación