Saltar al contenido
Inicio/Blog/Accesibilidad web
Diseño Web

Accesibilidad web: cómo hacer tu sitio usable para todos

Santiago M.
Santiago M.Ingeniero de Infraestructura
· 29 oct 2026 · 4 min de lectura
Portátil sobre un escritorio mostrando una página web

Según la Organización Mundial de la Salud, alrededor de 1.300 millones de personas, cerca del 16% de la población mundial, viven con una discapacidad importante, y a eso se suman adultos mayores y personas que navegan con el sol en la pantalla o con un celular viejo. La accesibilidad web consiste en que tu sitio funcione para todas ellas. Y además de ser lo correcto, cada vez es más una obligación legal.

Qué es WCAG

Las WCAG (Pautas de Accesibilidad para el Contenido Web) del W3C son el estándar internacional. Se basan en cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto. Tienen tres niveles (A, AA y AAA) y la meta habitual es el nivel AA.

  • En la Unión Europea, el Acta Europea de Accesibilidad se aplica desde el 28 de junio de 2025 a muchos servicios digitales, incluido el comercio electrónico. Si vendes a clientes europeos, te puede afectar.
  • En Colombia, las entidades públicas deben cumplir requisitos de accesibilidad web, y la ley protege los derechos de las personas con discapacidad.
  • En otros países de la región hay normativas similares, sobre todo para el sector público.

10 mejoras que puedes aplicar hoy

  1. Contraste suficiente: al menos 4,5:1 entre texto y fondo para texto normal. Compruébalo con el verificador de WebAIM.
  2. Texto alternativo en todas las imágenes que transmiten información.
  3. Encabezados en orden (H1, H2, H3) sin saltarse niveles.
  4. Navegación con teclado: todo debe poder usarse con Tab y Enter, con el foco visible.
  5. Etiquetas en los formularios, no solo texto de ejemplo dentro del campo.
  6. Enlaces descriptivos: "ver planes de hosting" en lugar de "clic aquí".
  7. Subtítulos en los videos.
  8. No depender solo del color para comunicar algo (por ejemplo, un error en rojo sin texto).
  9. Textos ampliables: que la página no se rompa al agrandar la letra.
  10. Respetar "reducir movimiento" en las animaciones.
Prueba de 5 minutosDesconecta el ratón e intenta recorrer tu web solo con el teclado. Si no puedes llegar al botón de compra o no ves dónde está el foco, ya encontraste tu primera mejora.

Herramientas gratuitas para revisar

HerramientaPara qué
Lighthouse (en Chrome)Auditoría rápida con puntaje de accesibilidad
WAVEMarca los errores sobre tu propia página
Verificador de contraste de WebAIMRevisa combinaciones de colores
Lector de pantalla (NVDA, VoiceOver)Escuchar tu sitio como lo hace un usuario ciego
"Diseñar para quien más lo necesita termina mejorando la experiencia de todos."

Conclusión

La accesibilidad no es un proyecto aparte: es parte de hacer bien una web. Empieza por el contraste, los textos alternativos y el teclado, y revisa con Lighthouse. Si estás pensando en rediseñar, revisa también cómo elegir colores y tipografía que cumplan con estas pautas.

Preguntas frecuentes

¿Qué es WCAG?

Son las Pautas de Accesibilidad para el Contenido Web del W3C, el estándar internacional para que los sitios sean usables por personas con discapacidad. Se organizan en niveles A, AA y AAA; el AA es la meta habitual.

¿Es obligatorio que mi web sea accesible?

Depende del país y del tipo de organización. En la Unión Europea, el Acta Europea de Accesibilidad se aplica desde el 28 de junio de 2025 a muchos productos y servicios digitales. En Colombia, las entidades públicas tienen requisitos de accesibilidad web. Aunque no te obligue la ley, es buena práctica y ayuda al SEO.

¿La accesibilidad ayuda al SEO?

Indirectamente sí: textos alternativos, encabezados ordenados, buen contraste y páginas rápidas benefician tanto a usuarios como a buscadores.

Fuentes

Santiago M.
Santiago M.
Ingeniero de Infraestructura en Hazteunsitio.net. Ayuda a clientes a desplegar aplicaciones y bots en VPS todos los días.
Compartir