≡En resumen
- Una web es accesible cuando nadie queda fuera por cómo ve, oye, se mueve o procesa la información.
- Se organiza en cuatro principios: perceptible, operable, comprensible y robusto (POUR).
- Beneficia también a personas mayores, a quien usa el móvil al sol o sin sonido y a quien tiene mala conexión.
- La mayoría de los fallos son sencillos: contraste bajo, imágenes sin texto alternativo y formularios sin etiquetas.
- Desde junio de 2025 es obligatoria en la UE para muchos servicios digitales al consumidor.
01 ¿Qué es la web accessibility?
No es un añadido ni una versión aparte de la web: es una cualidad del diseño, del código y del contenido, igual que la velocidad o la seguridad. Una web accesible no tiene un aspecto distinto; simplemente está construida para que funcione con teclado, con lector de pantalla, con zoom o con subtítulos. Qué hay que cumplir exactamente lo detallan las pautas de accesibilidad para el contenido web del W3C.
02 A quién beneficia la accesibilidad
| Tipo de discapacidad | Cómo navega | Barrera típica | Solución |
|---|---|---|---|
| Visual (ceguera) | Lector de pantalla y teclado | Imágenes sin descripción, botones sin nombre | Texto alternativo y nombres accesibles |
| Visual (baja visión, daltonismo) | Zoom, alto contraste | Texto gris claro, información solo por color | Contraste suficiente y no depender del color |
| Auditiva | Subtítulos y transcripciones | Vídeos sin subtítulos | Subtítulos sincronizados y transcripción |
| Motriz | Teclado, conmutadores, control por voz | Menús que solo se abren con el ratón, botones diminutos | Todo operable con teclado y objetivos táctiles grandes |
| Cognitiva y del aprendizaje | Lectura pausada, ayudas de comprensión | Textos densos, formularios confusos, tiempos límite | Lenguaje claro, instrucciones y errores explicados |
| Neurológica (epilepsia fotosensible) | Cualquier dispositivo | Animaciones con destellos | Evitar destellos y permitir pausar el movimiento |
1.300 millones
de personas tienen una discapacidad significativa, el 16 % de la población mundial
Fuente: Organización Mundial de la Salud, nota descriptiva sobre discapacidad y salud
95,9 %
de las páginas de inicio del millón de webs más visitadas presenta errores WCAG detectables
Fuente: WebAIM Million 2026
Además, la accesibilidad ayuda a quien no se considera con discapacidad: personas mayores con vista o pulso que empeoran, alguien con un brazo escayolado, quien consulta el móvil a pleno sol o en el metro sin sonido y quien tiene una conexión lenta. Por eso se solapa tanto con la usabilidad web: la diferencia es que la accesibilidad garantiza que se puede usar, y la usabilidad, que es cómodo hacerlo.
03 Los cuatro principios de la accesibilidad (POUR)
Perceptible
La información debe poder percibirse por algún sentido: alternativas de texto para imágenes, subtítulos para el audio, contraste suficiente y contenido que se adapte sin perder información.
Operable
Todo debe poder usarse: con teclado, con tiempo suficiente, sin destellos peligrosos y con una navegación que permita saber dónde estás.
Comprensible
El contenido y el funcionamiento se deben entender: idioma declarado, comportamiento predecible y ayuda para evitar y corregir errores en formularios.
Robusto
El código debe funcionar con los navegadores y las tecnologías de apoyo actuales y futuras: HTML válido y componentes con nombre, función y estado.
04 Ejemplos de barreras de accesibilidad más comunes
El informe WebAIM Million 2026, que analiza cada año las páginas de inicio del millón de webs más visitadas, encuentra de media 56,1 errores por página. Seis tipos concentran el 96 % de los errores detectados:
| Error | Páginas afectadas | Cómo se corrige |
|---|---|---|
| Texto con bajo contraste | 83,9 % | Ajustar colores de texto y fondo hasta el contraste mínimo |
| Imágenes sin texto alternativo | 53,1 % | Describir cada imagen informativa; atributo alt vacío en las decorativas |
| Campos de formulario sin etiqueta | 51,0 % | Asociar una etiqueta visible a cada campo |
| Enlaces vacíos | 46,3 % | Dar texto o nombre accesible a los enlaces de icono |
| Botones vacíos | 30,6 % | Nombrar los botones de icono (buscar, cerrar, menú) |
| Idioma del documento sin declarar | 13,5 % | Añadir el atributo lang a la etiqueta html |
Casi todos son fallos de base que se corrigen en el diseño y en la plantilla, no página a página. El texto alternativo de las imágenes es el mejor ejemplo: sirve al lector de pantalla y, a la vez, ayuda a los buscadores a entender la imagen.
05 Por qué la accesibilidad es rentable, además de obligatoria
Más clientes
Una web que no se puede usar pierde ventas con una parte de la población que además está creciendo por el envejecimiento.
Mejor experiencia para todos
Contraste, textos claros, formularios bien etiquetados y botones grandes reducen errores y abandonos en cualquier usuario.
SEO y buscadores con IA
Encabezados jerarquizados, textos alternativos, enlaces descriptivos y HTML semántico son a la vez requisitos de accesibilidad y señales que ayudan a entender la página.
Cumplimiento legal
En España, el sector público está obligado desde el Real Decreto 1112/2018 y, desde el 28 de junio de 2025, también muchos servicios privados al consumidor.
06 Cómo hacer una web accesible: por dónde empezar
-
1
Parte del diseño
Paleta con contraste suficiente, tipografía legible, estados de foco visibles y objetivos táctiles cómodos desde el primer boceto.
-
2
Usa HTML semántico
Encabezados en orden, listas, botones reales en lugar de elementos genéricos con clic y formularios con etiquetas.
-
3
Cuida el contenido
Textos claros, enlaces que dicen adónde llevan, alternativas para imágenes y subtítulos en los vídeos.
-
4
Prueba con teclado y lector de pantalla
Recorre las tareas clave sin ratón y escucha la página con NVDA o VoiceOver.
-
5
Revisa de forma periódica
Cada plantilla nueva, plugin o campaña puede introducir barreras; una auditoría de accesibilidad las detecta antes que tus usuarios.
Para saber en qué punto está tu web, empieza por una auditoría de accesibilidad que combine herramientas automáticas y pruebas manuales. Y si vas a rediseñar, es mucho más barato incluirla desde el principio: la integramos en nuestro diseño UX/UI y en cada proyecto de diseño web profesional, junto con la experiencia de usuario.
Preguntas frecuentes sobre Web accessibility (accesibilidad web)
Es la accesibilidad web: diseñar y desarrollar webs, apps y contenidos para que cualquier persona, incluidas las que tienen discapacidad, pueda percibirlos, entenderlos, navegarlos e interactuar con ellos.
Son las iniciales en inglés de los cuatro principios de las pautas WCAG: perceptible, operable, comprensible (understandable) y robusto. Cualquier requisito de accesibilidad encaja en uno de ellos.
A las personas con discapacidad visual, auditiva, motriz, cognitiva o neurológica, y también a personas mayores, a quien tiene una limitación temporal o situacional y a quien navega con mala conexión o pantallas pequeñas.
Es un programa que lee en voz alta o en braille lo que aparece en la pantalla y permite navegar con el teclado o con gestos. Los más usados son JAWS, NVDA y VoiceOver en ordenador, y VoiceOver y TalkBack en el móvil.
La accesibilidad garantiza que todas las personas pueden usar la web; la usabilidad, que usarla sea fácil y eficiente. Una web puede ser usable para la mayoría y, aun así, imposible para un usuario de lector de pantalla.
Depende de quién seas y qué ofrezcas. El sector público lo está desde el Real Decreto 1112/2018 y, desde el 28 de junio de 2025, la Ley 11/2023 obliga a muchos servicios digitales para consumidores, como las tiendas online, salvo microempresas de servicios.
Indirectamente, sí. Encabezados bien jerarquizados, textos alternativos, enlaces descriptivos y HTML semántico ayudan a los buscadores a entender la página y reducen abandonos, aunque la accesibilidad no es un factor de ranking por sí misma.
Según WebAIM Million 2026: texto con bajo contraste, imágenes sin texto alternativo, campos de formulario sin etiqueta, enlaces y botones vacíos y no declarar el idioma de la página.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗