Accesibilidad Web: Por Qué Importa y Cómo Implementarla

El 15% de la población mundial tiene alguna discapacidad. Si tu web no es accesible, excluyes a 1 de cada 6 personas.

WCAG 2.1 son estándares internacionales. Tres niveles: - A: requisitos básicos - AA: estándar recomendado (legal en EU, Canada, algunos estados USA) - AAA: máxima accesibilidad

Pilares fundamentales:

1. Perceptible: usuarios deben percibir contenido - Imágenes: alt text descriptivo. No "foto", sino "Gráfico mostrando aumento de ventas Q1" - Contraste: texto debe tener >4.5:1 ratio vs fondo. Negro sobre blanco = bien. Gris claro sobre blanco = mal. - Subtítulos: videos necesitan transcripción o subtítulos.

2. Operable: usuarios deben navegar - Teclado: TODO debe ser navegable con Tab. Dropdown, modal, menú, todos con teclado. - Tiempo: no elimines contenido si el usuario tarda en leer. Timeout mínimo 10s. - Seizures: no flashes >3 por segundo. Pueden causar ataques epilépticos.

3. Entendible: contenido debe ser claro - Lenguaje simple: "utilizar" mejor que "implementar" - Etiquetas: inputs necesitan label. <label for="email">Email</label>. - Consistencia: navegación en mismo lugar en todas las páginas.

4. Robusto: compatible con tecnología asistida - HTML semántico: <header>, <nav>, <main>, <footer>. No DIVs para todo. - ARIA attributes: aria-label, aria-describedby para contexto extra. - Screenreaders: prueba con NVDA (Windows), VoiceOver (Mac).

Tools: - Lighthouse (Chrome): auditoría de accesibilidad - WAVE (extensión): identifica problemas - Axe DevTools: testing automatizado - Manual: prueba con teclado solo, prueba con screensaver

En Leon Carpe Studios NO vemos accesibilidad como "requisito legal". Es lo correcto. Una web accesible convierte mejor, rankea mejor en Google, reduce fricción. Win-win.