La accesibilidad web dejó de ser una opción voluntaria en España. Desde 2025, la normativa obliga a un número creciente de empresas a cumplir con los criterios del estándar WCAG 2.1 nivel AA, y las sanciones por incumplimiento pueden llegar a los 1.000.000 euros en los casos más graves según la Ley General de Derechos de las Personas con Discapacidad.
Sin embargo, la mayoría de pymes que leen esto no tienen intención de tirar su web y empezar de cero. Ni falta que hace. Muchos de los problemas de accesibilidad más frecuentes se resuelven con ajustes concretos, sin tocar la arquitectura del sitio ni contratar un proyecto de rediseño completo.
Esta guía está escrita para eso: para que sepas exactamente qué tocar primero, por qué importa y qué puedes delegar con un presupuesto razonable.
Qué entiende la normativa por accesibilidad web en 2025
El Real Decreto 1112/2018 transpone la Directiva Europea de Accesibilidad y establece la obligación de cumplir con las WCAG 2.1 AA para los sitios web de entidades del sector público. La Directiva Europea de Accesibilidad (EAA), con plazo de transposición en junio de 2025, amplía esa obligación al sector privado que presta ciertos servicios al consumidor final.
En la práctica, una pyme española que venda productos o servicios digitales a consumidores tiene razones legales —y comerciales— para abordar la accesibilidad ahora.
Si quieres una lectura más detallada de los plazos y las obligaciones técnicas concretas, consulta el artículo sobre accesibilidad web normativa España 2025 que hemos publicado con ese enfoque específico.
Por qué la accesibilidad también es rentable
Antes de entrar en ajustes técnicos, un dato: en España, el 10% de la población tiene algún tipo de discapacidad reconocida, y el 33% experimenta dificultades visuales o auditivas relevantes al navegar. Un sitio inaccesible excluye a una parte significativa de tu audiencia potencial.
Además, muchas mejoras de accesibilidad tienen un efecto directo sobre el SEO y la experiencia de usuario en general:
- El texto alternativo en imágenes mejora el posicionamiento orgánico.
- Una jerarquía de encabezados correcta facilita la lectura tanto a lectores de pantalla como a los rastreadores de Google.
- Los contrastes de color adecuados reducen la fatiga visual y mejoran las tasas de lectura en móvil.
- La navegación por teclado también beneficia a usuarios que no usan ratón por preferencia, no solo por necesidad.
La accesibilidad no es un coste puro. Es una inversión con retorno medible en tráfico, conversión y reputación de marca.
Los 6 ajustes de mayor impacto y menor coste técnico
Estos son los puntos donde la mayoría de pymes tienen problemas detectables y donde el esfuerzo de corrección es proporcionalmente bajo.
1. Contraste de color insuficiente
WCAG 2.1 AA exige una relación de contraste mínima de 4,5:1 entre texto y fondo para texto normal, y de 3:1 para texto grande. Herramientas gratuitas como WebAIM Contrast Checker o el propio inspector de Chrome permiten detectar incumplimientos en minutos.
El error más habitual en pymes: texto gris claro sobre fondo blanco en secciones de servicios o fichas de producto. Corregirlo solo requiere cambiar un valor hexadecimal en el CSS.
2. Imágenes sin texto alternativo
Toda imagen que transmita información debe tener un atributo `alt` descriptivo. Las imágenes decorativas deben tener `alt=»»` para que los lectores de pantalla las ignoren.
En WordPress, esto se gestiona directamente desde la biblioteca de medios. No requiere desarrollo, solo criterio y tiempo.
3. Formularios sin etiquetas asociadas
Un formulario de contacto donde el campo de texto no tiene una etiqueta `<label>` vinculada es inutilizable para personas que usan tecnología de asistencia. Este error es extremadamente frecuente en temas de WordPress no optimizados.
La corrección es técnica pero puntual: un desarrollador puede resolverla en una o dos horas por formulario.
4. Jerarquía de encabezados rota
Muchos sitios usan H1, H2 y H3 de forma visual, no estructural: eligen el tamaño que «queda bien» en lugar de respetar la jerarquía. Un lector de pantalla navega por encabezados como si fuera un índice, y una jerarquía rota desorientan al usuario.
Auditar los encabezados de una página tarda menos de cinco minutos con la extensión Headings Map para Chrome o Firefox.
5. Botones y enlaces sin nombre descriptivo
«Haz clic aquí», «más info» o un icono sin texto alternativo son inaccesibles porque no transmiten contexto fuera de su entorno visual. Los lectores de pantalla leen todos los enlaces de una página en lista, y un enlace llamado «más info» no dice nada.
El estándar exige que cada enlace o botón tenga un nombre que describa su destino o acción. Cambiar el copy de los botones no requiere desarrollo.
6. Sin posibilidad de navegación por teclado
Prueba tu web pulsando Tab repetidamente desde el principio. ¿Puedes acceder a todos los menús, formularios y botones sin usar el ratón? ¿Es visible el foco en cada momento?
Si el foco desaparece o queda atrapado en algún elemento, tienes un problema de accesibilidad crítico. La corrección suele implicar ajustes de CSS (`outline: none` es el culpable más frecuente) y a veces pequeños cambios en el orden del DOM.
Cómo priorizar si el presupuesto es limitado
No es necesario resolver todo a la vez. Una forma razonable de priorizar:
- Auditar primero las páginas con más tráfico: home, servicios, contacto.
- Corregir los errores que afectan a la navegación básica antes que los de contenido.
- Documentar los problemas restantes en una declaración de accesibilidad y comunicar el plan de mejora.
La declaración de accesibilidad es además un requisito legal para los sitios obligados a cumplir con el RD 1112/2018. Publicarla con honestidad sobre el estado actual y el calendario de mejoras es mejor que no tenerla.
Herramientas gratuitas para hacer tu propia auditoría inicial
- WAVE (wave.webaim.org): extensión de navegador que detecta errores automáticamente.
- Lighthouse (integrado en Chrome DevTools): genera un informe de accesibilidad con puntuación y recomendaciones.
- axe DevTools (extensión gratuita): más granular que Lighthouse, útil para diagnósticos técnicos.
- Colour Contrast Analyser: aplicación de escritorio para revisar contrastes en diseños e imágenes.
Ninguna herramienta automatizada detecta el 100% de los problemas. Las WCAG estiman que entre el 30% y el 40% de los criterios requieren revisión manual. Pero una auditoría automática identifica los errores más comunes y da una base de trabajo sólida.
Accesibilidad y diseño web a medida: la ventaja estructural
Un sitio construido sobre una plantilla genérica tiene limitaciones estructurales que complican la implementación de accesibilidad: orden del DOM predefinido, componentes sin soporte ARIA, estilos de foco eliminados por diseño.
Un sitio desarrollado a medida permite tomar decisiones de accesibilidad desde el principio: semántica HTML correcta, roles ARIA donde corresponde, foco visible coherente con la identidad visual. El resultado es un sitio más accesible, más limpio en código y más fácil de mantener.
Si tu web actual acumula demasiados problemas estructurales, puede llegar un punto donde el coste de parchearlos supere el de construir bien desde el principio. Ese cálculo merece hacerse con información real sobre el estado de tu sitio.
En Rowan Studio trabajamos con empresas que quieren una web que funcione para todos sus usuarios, no solo para los que navegan en condiciones ideales. Si no sabes por dónde empezar, cuéntanos tu situación y te ayudamos a identificar qué tiene sentido hacer ahora y qué puede esperar.