Accesibilidad web: cómo hacer una página que todos puedan usar
Foto: Ivana Guslarevic · CC BY-SA 4.0 · Recortada 
Respuesta corta: una página accesible puede ser usada por personas con discapacidad visual, auditiva, motriz o cognitiva, y también por adultos mayores o alguien con el celular al sol. Las pautas internacionales (WCAG) piden, entre otras cosas, buen contraste, textos alternativos en las imágenes, navegación con teclado y formularios claros.
Mejoras básicas
| Mejora | A quién ayuda |
|---|---|
| Contraste suficiente entre texto y fondo | Baja visión, adultos mayores, pantallas al sol |
| Texto alternativo en imágenes | Personas que usan lectores de pantalla |
| Navegación con teclado | Personas que no pueden usar el ratón |
| Etiquetas en los formularios | Todos: menos errores al llenar |
| Subtítulos en videos | Personas sordas o quien no puede activar el sonido |
| Textos claros y títulos ordenados | Discapacidad cognitiva y lectores rápidos |
Foto: Marcin Wichary · CC BY 2.0 · RecortadaBeneficios para el negocio
- Más personas pueden comprar o contactarlo.
- Muchas mejoras de accesibilidad también ayudan al SEO (títulos, textos alternativos).
- Reduce riesgos legales, en especial si vende a otros países.
Cómo revisarla
- Recorra su página solo con la tecla Tab.
- Mida el contraste con una herramienta gratuita.
- Use la auditoría de accesibilidad de Lighthouse en Chrome.
Ejemplo hipotético
Un laboratorio clínico recibe quejas de adultos mayores que no logran descargar sus resultados. El botón era gris claro sobre blanco y el formulario no tenía etiquetas. Tras corregir el contraste y los campos, las llamadas al centro de atención por ese motivo disminuyen.
Preguntas frecuentes
¿Es obligatoria la accesibilidad en Colombia?
Para entidades públicas hay lineamientos específicos; para empresas privadas es una buena práctica que gana importancia. Lea requisitos legales de un sitio web.
¿Un plugin de accesibilidad lo soluciona?
No del todo. Las barras de accesibilidad ayudan, pero los problemas de fondo están en el diseño y el código.
Diseñamos con contraste, textos alternativos y formularios claros: conozca el diseño web y la guía de diseño web en Colombia.
Fuentes: Pautas de accesibilidad WCAG (W3C) · Auditoría de accesibilidad de Lighthouse
