Accesibilidad web: Diseñar para todos

La accesibilidad web no es solo hacer que tu sitio funcione para personas con discapacidades, es hacer que funcione mejor para todos.

Por qué importa

• 15% de la población mundial tiene algún tipo de discapacidad
• Mejora la experiencia para TODOS los usuarios
• Es un requisito legal en muchos países
• Mejora tu SEO

WCAG 2.1: Los estándares

Las Web Content Accessibility Guidelines definen tres niveles:

• A: Requisitos básicos
• AA: El estándar recomendado (y legal en muchos lugares)
• AAA: El nivel más alto

Principios fundamentales (POUR)

Perceptible

El contenido debe poder ser percibido por todos los sentidos disponibles.

<img src="hero.jpg" alt="Descripción significativa del contenido" />

Operable

Todos los usuarios deben poder navegar e interactuar.

<button
  onClick={handleClick}
  aria-label="Cerrar modal"
  onKeyDown={handleKeyboard}
>
  <X />
</button>

Comprensible

La información debe ser clara y fácil de entender.

Robusto

El contenido debe funcionar con diferentes tecnologías.

Checklist esencial

• [ ] Contraste de color suficiente (4.5:1 para texto)
• [ ] Navegación por teclado funcional
• [ ] Alt text en todas las imágenes
• [ ] Labels en todos los inputs
• [ ] Estructura semántica correcta (h1, h2, etc.)
• [ ] Focus visible y claro
• [ ] Textos de error descriptivos
• [ ] Responsive y zoom-friendly

Herramientas de testing

• axe DevTools
• WAVE
• Lighthouse
• Screen readers (NVDA, JAWS, VoiceOver)

Conclusión

La accesibilidad no es un extra costoso, es buena práctica de desarrollo que beneficia a todos.