Accesibilidad (a11y)
Curso completo

Desarrollapara todos

Construir, auditar y justificar interfaces que cualquiera puede usar: HTML semántico, navegación por teclado, ARIA, contraste y WCAG. Un requisito legal y de calidad, no un extra.

Empezar

Acceso al curso completo, ejercicios y material de entrevista.

<!-- El error clásico: un div que finge ser botón -->
<div class="btn" onclick="enviar()">Enviar</div>

<!-- Lo correcto: el elemento nativo -->
<button type="submit">Enviar</button>
div: sin foco, sin Enter/Espacio, sin rol de botón
button: foco, teclado y rol "button", de serie
La semántica es accesibilidad gratis
Orientado a entrevistas

No solo haces webs accesibles. Sabes explicar por qué lo son.

Banco orientado a la entrevista técnica frontend: preguntas reales sobre semántica, ARIA y WCAG, los errores de accesibilidad que delatan a un junior y retos de auditar y arreglar código inaccesible.

 
Preguntas
Preguntas reales de entrevistas técnicas.
 
Errores comunes
Lo que delata a un junior frente al entrevistador.
 
Retos de debug
Código inaccesible para auditar y arreglar.
Qué vas a aprender

Del <div onclick> roto a interfaces que cualquiera puede usar

HTML semántico que funciona

El elemento correcto para cada cosa: la accesibilidad que sale gratis.

Teclado y foco

Navegar sin ratón, foco visible, skip links y atrapar el foco en un modal.

ARIA, sin pasarte

Roles, estados y nombres accesibles, y la regla de oro: nativo antes que ARIA.

Color, contraste y visual

Ratios WCAG, no depender solo del color y respetar las preferencias del usuario.

WCAG y conformidad

Los principios POUR, los niveles A/AA/AAA y el marco legal que ya te obliga.

Auditar y mantener

axe, Lighthouse y lectores de pantalla; a11y en SPA y en frameworks.

Usamos cookies analíticas para entender cómo se usa la plataforma y mejorarla. Las cookies esenciales para iniciar sesión siempre están activas. Consulta la política de privacidad.

Accesibilidad (a11y) | Curso Full Stack Developer