Auditoría 5 min lectura

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.

1 de octubre, 2025
Automatizacion Procesos Consultoría IA

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

PrincipioQué significaEjemplo de error común
PerceptibleLa información puede percibirseImágenes sin alt text
OperableSe puede navegar con tecladoMenú solo funciona con ratón
ComprensibleEl contenido es entendibleFormulario sin indicar errores
RobustoFunciona con tecnologías asistivasHTML semántico incorrecto

Errores más comunes en webs de PYMEs

Error% de webs afectadasSolución
Bajo contraste de texto83%Ratio mínimo 4.5:1
Imágenes sin alt text58%Añadir descripción a cada img
Links sin texto descriptivo50%“Lee más” → “Lee nuestra guía de automatización”
Formularios sin labels46%Asociar cada input con su label
HTML sin estructura semántica41%Usar h1-h6, nav, main, footer
Vídeos sin subtítulos35%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

HerramientaTipoPrecioQué analiza
WAVEExtensión navegadorGratisErrores WCAG por página
LighthouseEn Chrome DevToolsGratisScore de accesibilidad
axe DevToolsExtensión navegadorGratisDetalle técnico de errores
Pa11yCLI open sourceGratisAuditoría masiva
Accessibe/UserWayWidget overlayDesde 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

  1. Abre tu web en Chrome
  2. F12 → Lighthouse → Accessibility → Generar informe
  3. Revisa el score (objetivo: 90+) y la lista de errores
  4. Instala WAVE como extensión y analiza las páginas principales
  5. 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

PrioridadCorrecciónTiempoImpacto
1Contraste de texto1-2h83% de errores
2Alt text en imágenes1h58% de errores
3Labels en formularios30 min46% de errores
4Navegación por teclado2h41% de errores
5Subtítulos en vídeos1h35% 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

¿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 →

Artículos relacionados