Accesibilidad web obligatoria: cómo cumplir
La accesibilidad web es obligatoria por ley en España y la UE. Tu web probablemente no cumple. Guía para solucionarlo.
Accesibilidad web obligatoria: cómo cumplir
La Ley Europea de Accesibilidad (European Accessibility Act, Directiva (UE) 2019/882) obliga a que las webs y apps de empresas cumplan con estándares de accesibilidad desde el 28 de junio de 2025. Si vendes productos o servicios online, tu web debe ser accesible para personas con discapacidad: visual, auditiva, motora y cognitiva. Y la multa por no cumplir puede llegar a 100.000 EUR.
Según WebAIM (2024), el 96,3% de las webs tienen errores de accesibilidad. No hablamos de casos complejos: la mayoría son problemas básicos como bajo contraste de texto, imágenes sin texto alternativo y formularios sin etiquetas.
¿Tu web es accesible para una persona con discapacidad visual que usa lector de pantalla?
Requisitos WCAG 2.1 nivel AA
| Principio | Qué significa | Ejemplo de error común |
|---|---|---|
| Perceptible | La información puede percibirse | Imágenes sin alt text |
| Operable | Se puede navegar con teclado | Menú solo funciona con ratón |
| Comprensible | El contenido es entendible | Formulario sin indicar errores |
| Robusto | Funciona con tecnologías asistivas | HTML semántico incorrecto |
Errores más comunes en webs de PYMEs
| Error | % de webs afectadas | Solución |
|---|---|---|
| Bajo contraste de texto | 83% | Ratio mínimo 4.5:1 |
| Imágenes sin alt text | 58% | Añadir descripción a cada img |
| Links sin texto descriptivo | 50% | “Lee más” → “Lee nuestra guía de automatización” |
| Formularios sin labels | 46% | Asociar cada input con su label |
| HTML sin estructura semántica | 41% | Usar h1-h6, nav, main, footer |
| Vídeos sin subtítulos | 35% | Añadir subtítulos (CapCut lo hace con IA) |
Según WebAIM (2024), corregir los 6 errores más comunes resuelve el 80% de los problemas de accesibilidad de una web media.
Herramientas de auditoría gratuitas
| Herramienta | Tipo | Precio | Qué analiza |
|---|---|---|---|
| WAVE | Extensión navegador | Gratis | Errores WCAG por página |
| Lighthouse | En Chrome DevTools | Gratis | Score de accesibilidad |
| axe DevTools | Extensión navegador | Gratis | Detalle técnico de errores |
| Pa11y | CLI open source | Gratis | Auditoría masiva |
| Accessibe/UserWay | Widget overlay | Desde 49 USD/mes (aprox.) | Corrección automática |
Según Deque Systems (2024), axe es la herramienta de accesibilidad más utilizada por desarrolladores, con más de 1 millón de instalaciones.
Auditar tu web en 5 minutos
- Abre tu web en Chrome
- F12 → Lighthouse → Accessibility → Generar informe
- Revisa el score (objetivo: 90+) y la lista de errores
- Instala WAVE como extensión y analiza las páginas principales
- Prioriza: contraste, alt text, labels de formulario
Según Google (2024), las webs con score de accesibilidad superior a 90 en Lighthouse también posicionan mejor en SEO. Google valora la accesibilidad como factor de experiencia de usuario. Consulta nuestra guía de optimizar tu web para más.
Plan de corrección para PYMEs
| Prioridad | Corrección | Tiempo | Impacto |
|---|---|---|---|
| 1 | Contraste de texto | 1-2h | 83% de errores |
| 2 | Alt text en imágenes | 1h | 58% de errores |
| 3 | Labels en formularios | 30 min | 46% de errores |
| 4 | Navegación por teclado | 2h | 41% de errores |
| 5 | Subtítulos en vídeos | 1h | 35% de errores |
Según ONCE (2024), en España hay 4 millones de personas con algún tipo de discapacidad. Además, la accesibilidad beneficia a todos: mejor UX en móviles, mejor SEO y mejor experiencia para usuarios mayores.
Contraste de color: el error más fácil de corregir
Según WCAG 2.1, el ratio de contraste mínimo entre texto y fondo debe ser 4.5:1 para texto normal y 3:1 para texto grande. Herramientas gratuitas para verificar:
- contrast-ratio.com (verificación instantánea)
- Chrome DevTools → CSS Overview → Contrast issues
- Figma: plugin A11y - Color Contrast Checker
Según WebAIM (2024), corregir el contraste de color resuelve el 83% de los errores de accesibilidad detectados. Es el cambio con mayor impacto y menor esfuerzo. Consulta nuestra guía de crear landing pages para diseñar con accesibilidad incluida.
Textos alternativos efectivos (alt text)
Según W3C (2024), el alt text no es simplemente “imagen” o “foto.” Debe describir el contenido y función de la imagen:
- Decorativa: alt="" (vacío, para que los lectores de pantalla la ignoren)
- Informativa: “Gráfico de barras mostrando crecimiento de ventas del 25% en Q1 2024”
- Funcional (botón/link): “Enviar formulario de contacto” (no “imagen de un botón”)
Según WebAIM (2024), el 58% de las webs tienen imágenes sin alt text. Añadir alt text correcto a todas las imágenes tarda 1-2 horas para una web media de PYME y mejora tanto la accesibilidad como el SEO. Consulta nuestra guía de SEO local para más.
Preguntas frecuentes
¿Mi PYME está obligada a cumplir? Si vendes productos o servicios online a consumidores o empresas, sí, según la European Accessibility Act. Las excepciones son muy limitadas (microempresas en ciertos sectores).
¿Los widgets de accesibilidad (overlays) cumplen la ley? Son un parche, no una solución. Según EFF (2024) y community de accesibilidad, los overlays pueden causar más problemas de los que resuelven. La corrección nativa del código es la solución correcta.
¿La accesibilidad mejora el SEO? Sí. Google favorece webs con HTML semántico, alt text en imágenes y buena estructura de headings. Según Moz (2024), las webs accesibles posicionan un 12% mejor en media.
¿Puedo ser demandado por tener una web no accesible? En EEUU, sí (más de 4.000 demandas al año). En España, las sanciones son administrativas. La tendencia es a mayor regulación y enforcement.
Fuentes oficiales
- Directiva (UE) 2019/882 (European Accessibility Act) — EUR-Lex
- Norma EN 301 549 — Requisitos de accesibilidad
- WCAG 2.1 — W3C
- Web Accessibility — Comisión Europea
¿Tu web no cumple con los estándares de accesibilidad y no sabes por dónde empezar? Agenda una consulta gratuita y te auditamos la accesibilidad de tu web con un plan de corrección priorizado.
¿Necesitas ayuda con la automatización de tu empresa?
Analizamos tus procesos y te proponemos una solución a medida. Primera consulta sin compromiso.
Solicitar consulta gratuita →