Hasta 2025, muchos pensaban que la accesibilidad web era algo «nice to have», un detalle ético para grandes corporaciones. En 2026, es obligatorio por ley en toda la Unión Europea. La European Accessibility Act (EAA) entró en vigor en junio de 2025, y las sanciones por incumplimiento pueden llegar hasta 50.000€ para pymes. Pero más allá del dinero, hay una razón más importante: el 15% de la población mundial tiene alguna discapacidad. Hacer tu web accesible no es solo cumplir la ley: es llegar a millones de clientes potenciales que antes no podían usar tu servicio.
La accesibilidad no es solo para personas ciegas
Cuando piensas en accesibilidad, ¿imaginas solo a alguien con lector de pantalla? La realidad es mucho más amplia: personas mayores con vista cansada, personas con daltonismo, personas con movilidad reducida en las manos, personas con dislexia, personas con epilepsia fotosensible. Tu web accesible beneficia a 1 de cada 7 personas en tu mercado.
Qué es la European Accessibility Act (EAA)
La EAA es la directiva europea que obliga a todos los productos y servicios digitales a ser accesibles desde junio de 2025.
¿A quién afecta?
Sí afecta a tu pyme si tienes:
– ✅ Tienda online (e-commerce).
– ✅ Web con formularios de contacto o registro.
– ✅ App móvil para clientes.
– ✅ Plataforma de servicios (reservas, citas, etc.).
– ✅ Web corporativa con información de productos/servicios.
No afecta (por ahora) a:
– ❌ Microempresas de menos de 10 empleados Y menos de 2 millones de euros de facturación (pero sí si vendes online).
– ❌ Webs puramente informativas sin interacción (aunque es zona gris).
Sanciones por incumplimiento
Cada país europeo establece sus propias sanciones. En España:
– Primera infracción: Amonestación + plazo de 30 días para corregir.
– Segunda infracción: Multa de 10.000€ a 50.000€.
– Infracciones graves: Hasta 100.000€ para grandes empresas.
– Daños reputacionales: Publicidad de la sanción en medios oficiales.
WCAG 2.1 Nivel AA: el estándar que debes cumplir
Las WCAG (Web Content Accessibility Guidelines) son las directrices internacionales de accesibilidad. La EAA exige cumplir WCAG 2.1 Nivel AA como mínimo.
Los 4 principios POUR
1. Perceptible: La información debe ser perceible por todos los sentidos.
– ✅ Texto alternativo en imágenes (`alt=»Descripción de la imagen»`).
– ✅ Subtítulos en vídeos.
– ✅ Contraste de color suficiente (mínimo 4.5:1 para texto normal).
– ✅ No usar solo color para transmitir información (ej: «los campos en rojo son obligatorios»).
2. Operable: La interfaz debe ser usable por todos.
– ✅ Navegable solo con teclado (sin ratón).
– ✅ Tiempo suficiente para leer y completar forms.
– ✅ No usar contenido que cause convulsiones (parpadeos rápidos).
– ✅ Estructura de encabezados lógica (H1 → H2 → H3).
3. Comprensible: La información debe ser entendible.
– ✅ Lenguaje claro y simple.
– ✅ Instrucciones explícitas en formularios.
– ✅ Mensajes de error que expliquen cómo corregir.
– ✅ Navegación consistente en todas las páginas.
4. Robusto:El contenido debe funcionar con todas las tecnologías.
– ✅ Código HTML válido y semántico.
– ✅ Compatible con lectores de pantalla (NVDA, JAWS, VoiceOver).
– ✅ Funciona en navegadores antiguos y nuevos.
– ✅ Compatible con tecnologías asistivas futuras.
Checklist de accesibilidad para pymes (priorizado)
No tienes que hacer todo el primer día. Empieza por lo crítico:
Prioridad ALTA (hazlo esta semana)
– [ ] Texto alternativo en todas las imágenes: describe qué muestra la imagen, no «imagen1.jpg».
– [ ] Contraste de colores: verifica que el texto se lea bien sobre el fondo.
– [ ] Encabezados estructurados: un solo H1, luego H2, H3 en orden jerárquico.
– [ ] Links descriptivos: no «haz clic aquí», sino «ver nuestros servicios de diseño web».
– [ ] Forms con labels: cada campo debe tener etiqueta asociada.
Prioridad MEDIA (hazlo este mes)
– [ ] Navegación por teclado: prueba navegar tu web solo con Tab/Enter.
– [ ] Skip to content: enlace para saltar al contenido principal (para lectores de pantalla).
– [ ] Subtítulos en vídeos: todos los vídeos promocionales o tutoriales.
– [ ] Mensajes de error claros: «El email no es válido» en lugar de «Error 404».
– [ ] Tamaño de fuente ajustable: que se pueda ampliar sin romper el diseño.
Prioridad BAJA (mejora continua)
– [ ] Transcripciones de audio: para podcasts o grabaciones.
– [ ] Lenguaje de signos: para contenido crítico (opcional pero recomendado).
– [ ] Modo alto contraste: alternativa de diseño para baja visión.
– [ ] Documentación de accesibilidad: declara qué nivel WCAG cumples.
Herramientas gratuitas para testear accesibilidad
Automatizadas (detectan el 40% de problemas)
1. WAVE (wave.webaim.org).
– Extensión de Chrome/Firefox.
– Muestra errores visualmente sobre tu web.
– Gratis.
2. Lighthouse (en Chrome DevTools).
– F12 → Lighthouse → marcar «Accessibility».
– Puntuación del 0 al 100 – Recomendaciones específicas.
– Gratis.
3. axe DevTools.
– Extensión de navegador.
– Detecta problemas avanzados.
– Versión gratuita suficiente para pymes.
Manuales (detectan el 60% restante)
Las herramientas automáticas no lo pillan todo. Debes hacer testing manual:
– Navegación solo con teclado: ¿puedes usar toda la web sin ratón?.
– Lector de pantalla: prueba NVDA (gratis) o VoiceOver (Mac).
– Zoom al 200%: ¿la web sigue usable?.
– Escala de grises: ¿la información sigue entendible sin color?.
– Usuarios reales: pide a alguien con discapacidad que pruebe tu web.
Errores comunes que debes evitar
❌ "Mi web ya es accesible porque uso WordPress"
Falso. WordPress facilita la accesibilidad, pero no la garantiza. Un tema mal codificado o contenido mal estructurado hacen tu web inaccesible aunque uses WordPress.
❌ "Pongo un widget de accesibilidad y ya cumplo"
Esos widgets de «botón de accesibilidad» que prometen arreglar todo con un clic no sirven para cumplir la ley. Son parches cosméticos que no solucionan problemas de fondo.
❌ "La accesibilidad es muy cara"
Depende. Si la integras desde el diseño inicial, el coste adicional es del 5-10%. Si tienes que rehacer una web entera, puede ser del 30-50%. La accesibilidad es una inversión, no un gasto.
❌ "Nadie me va a denunciar"
Las denuncias por accesibilidad web se han triplicado en España desde 2025. No son solo grandes empresas: hay casos de panaderías, peluquerías y tiendas locales denunciadas.
Accesibilidad = mejor SEO y mejor UX para todos
Lo que es bueno para la accesibilidad, es bueno para todos:
– Texto alternativo en imágenes: también lo usa Google para indexar.
– Encabezados estructurados: mejora el SEO on-page.
– Navegación por teclado: mejora la UX en móviles.
– Contraste adecuado: mejora la legibilidad para todos (no solo personas con baja visión).
– Vídeos subtitulados: el 85% de vídeos en redes se ven sin sonido.
Cómo Din Multimedia crea webs accesibles desde el primer día
En Din Multimedia llevamos más de 15 años creando webs profesionales. Desde 2025, todas nuestras webs incluyen accesibilidad WCAG 2.1 AA como estándar, sin coste adicional.
Nuestra metodología de accesibilidad incluye:
– Diseño accesible desde el wireframe: no es un parche final, es la base.
– Paleta de colores con contraste verificado: herramientas automáticas + revisión manual.
– Código semántico: HTML correcto con ARIA labels donde sea necesario.
– Testing con lectores de pantalla: probamos con NVDA y VoiceOver antes de entregar.
– Documentación de accesibilidad: entregamos declaración de conformidad WCAG.
– Formación al cliente: te enseñamos a mantener accesibilidad al añadir contenido.
Web Negocio y Web Premium: accesibilidad incluida
Todas nuestras tarifas desde Web Negocio (495€) incluyen cumplimiento WCAG 2.1 AA. No es un extra: es parte de nuestro estándar de calidad.
Tu plan de acción para cumplir la ley
Si tu web es nueva (en desarrollo):
1. Exige accesibilidad desde el diseño.
2. Incluye cláusula de cumplimiento WCAG en el contrato con tu desarrollador.
3. Testea antes de lanzar.
Si tu web ya existe:
1. Haz auditoría de accesibilidad (WAVE + Lighthouse).
2. Prioriza errores críticos (contraste, alt text, navegación teclado).
3. Corrige en fases (no intentes todo el primer día).
4. Documenta qué has corregido y qué queda pendiente.
5. Planifica mejoras continuas.
La accesibilidad no es una carga, es una oportunidad
Sí, requiere trabajo inicial. Pero también:
– Amplía tu mercado: 15% más de clientes potenciales.
– Mejora tu SEO: Google prioriza webs accesibles.
– Reduce riesgo legal: evitas sanciones y demandas.
– Mejora tu reputación: demuestras compromiso social real.
– Beneficia a todos: la accesibilidad mejora la UX para todos los usuarios.
En 2026, una web no accesible es como un local con escaleras y sin rampa: estás excluyendo clientes deliberadamente.
Si quieres que auditamos tu web y te digamos exactamente qué ajustar para cumplir la normativa, en Din Multimedia te escuchamos y te proponemos un plan realista adaptado a tu presupuesto.