Guía práctica
Cómo hacer una web accesible paso a paso
En esta guía vas a entender qué significa realmente que una web sea accesible y qué acciones concretas podés aplicar para mejorar tu sitio sin necesidad de rehacerlo desde cero.
Los 4 principios de la accesibilidad web
Las Pautas WCAG se basan en cuatro principios fundamentales que guían todo el proceso de diseño y desarrollo accesible.
Perceptible
La información debe ser presentada de manera que todos puedan percibirla.
Operable
Los componentes de la interfaz deben poder utilizarse por todas las personas.
Comprensible
La información y el funcionamiento de la interfaz deben ser fáciles de entender.
Robusto
El contenido debe ser lo suficientemente robusto como para funcionar en distintos navegadores y tecnologías.
Texto alternativo en imágenes
El texto alternativo describe el contenido o la función de una imagen para que esa información también esté disponible para las personas que utilizan lectores de pantalla.
- Incorrecto
alt="imagen"
- Correcto
alt="Mujer utilizando una notebook en un escritorio"
Contraste: hacé que el texto sea fácil de leer
Un buen contraste entre el texto y el fondo mejora la legibilidad para todas las personas, especialmente para quienes tienen baja visión.
- Difícil de leer
Este texto tiene poco contraste con el fondo y puede ser difícil de leer para muchas personas.
- Contraste adecuado
Este texto tiene suficiente contraste con el fondo y es mucho más fácil de leer.
Navegación por teclado
Todas las funciones del sitio deben poder utilizarse solo con el teclado. El foco visible indica en qué elemento te encontrás.
Usá los encabezados en orden
Los encabezados (H1, H2, H3...) organizan el contenido y ayudan a entender la estructura de la página.
- Estructura desordenada
- Estructura correcta
Checklist de revisión rápida
Antes de publicar tu sitio, revisá estos puntos clave para mejorar la accesibilidad.
- Todas las imágenes tienen texto alternativo.
- El contraste entre texto y fondo es adecuado.
- La navegación es posible solo con teclado.
- El contenido es claro, simple y bien estructurado.
- Los encabezados están en orden (H1, H2, H3...).
- Los enlaces son descriptivos y comprensibles.
- No uso solo el color para comunicar información.
- Los formularios tienen etiquetas claras.
Beneficios
La accesibilidad se construye paso a paso
No es necesario resolver todos los aspectos de accesibilidad de una web al mismo tiempo. Empezar por detectar las principales barreras, aplicar mejoras y volver a evaluar permite avanzar de manera progresiva.
La accesibilidad no es una tarea que se realiza una sola vez: debe formar parte del proceso de diseño, desarrollo y actualización de cualquier sitio web.