Crear un sitio web accesible (WCAG): guía práctica 2026

Un sitio accesible puede ser consultado por una persona con discapacidad (visual, motriz, auditiva o cognitiva) gracias a un contraste suficiente, una navegación posible solo con teclado, alternativas textuales en las imágenes y una estructura de títulos lógica que un lector de pantalla pueda interpretar. Las WCAG (pautas de accesibilidad para el contenido web) son la norma internacional de referencia, obligatoria para el sector público y extendida progresivamente a ciertos actores privados.

El verdadero problema: la accesibilidad se trata como una opción, no como una base

La mayoría de los sitios no se piensan para la accesibilidad desde el principio. Se añade un parche después: un poco de contraste aquí, una etiqueta alt olvidada allá. El resultado es un sitio que marca casillas sin ser realmente utilizable por una persona con baja visión, con dificultades auditivas o con movilidad reducida en las manos.

Sin embargo, la accesibilidad no afecta solo a una minoría de visitantes identificados como "personas con discapacidad". Un contraste demasiado bajo también molesta a un usuario que mira su teléfono bajo el sol. Una navegación con teclado mal pensada también dificulta las cosas a alguien que usa un trackpad defectuoso. Un sitio accesible es, en la mayoría de los casos, un sitio simplemente mejor construido para todos.

A quién afecta la obligación legal

Las normas de accesibilidad se aplican de forma obligatoria a:

• los servicios del Estado, las administraciones territoriales y los organismos públicos;
• los organismos que gestionan una misión de servicio público por delegación;
• las empresas cuya facturación supera un determinado umbral, en el marco del European Accessibility Act, cuya transposición extiende progresivamente las obligaciones a más actores privados (comercio electrónico, banca, transporte, telecomunicaciones, entre otros).

Para un autónomo, un despacho de abogados o un restaurante, hoy no suele existir una obligación legal directa. Pero la accesibilidad sigue siendo relevante por dos razones concretas: amplía la audiencia real del sitio (personas mayores, baja visión temporal, conexión lenta) y cada vez se tiene más en cuenta como criterio de calidad general, incluido por Google.

Los puntos concretos a tratar con prioridad

1. Contraste de colores: el texto debe destacar suficientemente sobre el fondo (ratio mínimo de 4,5:1 para el texto normal según las normas WCAG). Un texto gris claro sobre fondo blanco, muy habitual en los diseños "minimalistas", suele fallar este criterio.
2. Navegación con teclado: cualquier elemento clicable (menú, botón, formulario) debe ser accesible usando únicamente la tecla Tab, sin ratón. Es la prueba más rápida de hacer uno mismo: desconecte el ratón y navegue.
3. Alternativas textuales en las imágenes: cada imagen con contenido significativo debe tener un texto alternativo (atributo "alt") que describa su contenido para un lector de pantalla.
4. Estructura de títulos lógica: las etiquetas de título (H1, H2, H3) deben seguir una jerarquía coherente, sin saltos ni un uso puramente estético. Un lector de pantalla las utiliza para permitir que el usuario navegue directamente entre secciones.
5. Formularios etiquetados: cada campo de formulario debe tener una etiqueta claramente asociada, no solo un texto de ejemplo dentro del campo que desaparece al escribir.
6. Subtítulos en los vídeos: indispensables para la accesibilidad auditiva, y también útiles para cualquier visitante que vea el contenido sin sonido.

Cómo evaluar el estado actual de su sitio

¿Hay que rehacer el sitio para hacerlo accesible?

Raramente por completo. La mayoría de las correcciones (contraste, alternativas textuales, etiquetas de formulario, estructura de títulos) se hacen sin una reconstrucción completa. Los casos que requieren un verdadero trabajo de rediseño son aquellos en los que la interfaz se apoya en componentes interactivos mal codificados desde el origen (menús desplegables inaccesibles con teclado, carruseles sin control, ventanas emergentes que atrapan el foco).

Integrar la accesibilidad desde el diseño de un sitio nuevo cuesta poco tiempo adicional. Corregirla después en un sitio existente mal estructurado puede suponer, según la magnitud, un presupuesto de 500 a varios miles de euros para una adaptación completa con auditoría incluida.

Lo que la accesibilidad cambia para su posicionamiento SEO

La accesibilidad y el SEO comparten parte de sus exigencias técnicas: una estructura de títulos lógica, alternativas textuales en las imágenes y una navegación clara son a la vez criterios de accesibilidad y señales que Google utiliza para entender y clasificar una página. No es una coincidencia: ambas disciplinas buscan hacer un contenido comprensible sin ambigüedad, una para una persona que usa una tecnología de asistencia, la otra para un robot de indexación.

En la práctica, un sitio que corrige sus carencias de accesibilidad suele corregir de paso debilidades de SEO que no había identificado como tales: títulos mal jerarquizados, imágenes sin descripción, enlaces con texto poco explícito ("haga clic aquí" en lugar de un texto claro).

Los errores más frecuentes en los sitios profesionales

• Botones o enlaces representados únicamente por un icono, sin texto alternativo ni descripción accesible, incomprensibles para un lector de pantalla.
• Menús desplegables que solo se abren al pasar el ratón por encima, invisibles e inutilizables con teclado.
• Vídeos de presentación sin subtítulos, cuando a menudo contienen el argumento comercial principal de la página.
• Formularios donde el mensaje de error solo se indica con un color (rojo), sin texto explícito, invisible para una persona con daltonismo o baja visión.
• Tiempos de sesión demasiado cortos en las áreas con inicio de sesión, que desconectan antes de que una persona que necesita más tiempo para navegar haya terminado su gestión.

Lo que hay que recordar

• La accesibilidad no es exclusiva de los sitios públicos: amplía la audiencia real y mejora la experiencia de todos los visitantes, incluso en condiciones adversas (sol, conexión lenta, pantalla agrietada).
• Cinco puntos cubren lo esencial: contraste, navegación con teclado, alternativas textuales, estructura de títulos, formularios etiquetados.
• Las herramientas automatizadas (WAVE, Axe) dan un primer diagnóstico gratuito pero incompleto; una prueba manual con teclado revela problemas que no detectan.
• Integrada desde el diseño, la accesibilidad cuesta poco; corregida después en un sitio mal estructurado, puede requerir un rediseño parcial costoso.
• Las obligaciones legales de accesibilidad hoy se centran en el sector público, pero se extienden progresivamente al privado a través de la directiva europea sobre accesibilidad.

Preguntas frecuentes

¿La accesibilidad web es obligatoria para mi sitio? Las normas de accesibilidad son una obligación legal para los servicios públicos y ciertos organismos que gestionan una misión de servicio público. Para una empresa privada convencional, hoy no existe una obligación directa en la mayoría de los casos, pero la directiva europea sobre accesibilidad extiende progresivamente estas exigencias a más actores privados según su sector y su tamaño.

¿Un sitio accesible cuesta más caro de crear? Integrado desde el diseño, el sobrecoste suele ser bajo: un contraste correcto, una estructura de títulos lógica y alternativas textuales en las imágenes son buenas prácticas que no alargan significativamente un desarrollo. Lo que resulta caro es adaptar a posteriori un sitio ya construido, porque a menudo exige revisar la estructura del código.

¿Cómo saber si mi sitio es accesible? Herramientas gratuitas como WAVE o la extensión Axe ofrecen un primer diagnóstico automatizado, pero solo detectan una parte de los problemas (alrededor de un tercio, según las estimaciones habituales del sector). Una auditoría completa requiere pruebas manuales, en particular la navegación con teclado y con un lector de pantalla.

¿Qué nivel de cumplimiento hay que buscar? Las normas de accesibilidad distinguen varios niveles de cumplimiento calculados sobre una muestra de páginas evaluadas según más de un centenar de criterios. Para un sitio privado sin obligación legal, cubrir los puntos esenciales (contraste, teclado, alternativas textuales, estructura) ya cubre la mayoría de las necesidades reales de los usuarios.

En resumen

La accesibilidad se gestiona mejor desde el principio que como corrección posterior. Si va a emprender un rediseño, pida explícitamente un contraste conforme, una navegación con teclado funcional y alternativas textuales desde la entrega: son criterios que forman parte del trabajo normal de diseño, no una opción facturada aparte. Esto es lo que cubre por defecto la modalidad de sitio web VeryAppi, sin necesidad de encargar una auditoría separada.