¿Qué es una página web accesible y por qué la necesita tu empresa?
Una página web accesible es la que cualquier persona puede percibir, entender y usar, también quien no ve la pantalla, no oye el video o no puede usar el mouse. Tu empresa la necesita porque amplía tu clientela, mejora tu posición en Google y evita excluir a quien quiere comprarte.
Qué es una página web accesible
Es un sitio diseñado y programado para que funcione con las distintas formas en que las personas usan internet. Una persona ciega lo recorre con un lector de pantalla, un programa que lee en voz alta lo que hay en la página. Una persona con discapacidad motriz lo navega solo con el teclado o con la voz. Una persona sorda necesita subtítulos en los videos. Una persona mayor amplía la letra al doble.
Si tu página responde bien en todos esos casos, es accesible. Si una foto sin descripción, un botón que solo funciona con mouse o un texto gris sobre fondo blanco le impiden a alguien completar una compra, hay una barrera.
A quién le sirve
| Persona | Barrera típica | Qué lo resuelve |
|---|---|---|
| Ciega o con baja visión | Imágenes y botones sin descripción, poco contraste | Texto alternativo, buen contraste, letra ampliable |
| Sorda o con baja audición | Videos y audios sin texto | Subtítulos y transcripciones |
| Con discapacidad motriz | Menús y formularios que exigen mouse | Navegación completa con teclado, botones amplios |
| Con discapacidad cognitiva o intelectual | Textos confusos, pasos que caducan | Lenguaje claro, tiempo suficiente, instrucciones simples |
| Cualquier persona | Sol en la pantalla, celular pequeño, mala conexión | Lo mismo: contraste, orden y sencillez |
La última fila es la razón por la que la accesibilidad mejora el sitio para todos tus clientes.
Las WCAG: el estándar internacional
Las Pautas de Accesibilidad para el Contenido Web (WCAG) son el estándar que publica el W3C, el organismo que define cómo funciona la web. La versión vigente es WCAG 2.2, publicada en octubre de 2023. Se organizan en cuatro principios:
- Perceptible: la información llega por más de un sentido. Las imágenes tienen descripción y los videos, subtítulos.
- Operable: todo se puede usar con teclado, sin límites de tiempo injustificados.
- Comprensible: el lenguaje es claro y la página se comporta de forma predecible.
- Robusto: el código funciona con lectores de pantalla y otras ayudas técnicas.
Cada criterio tiene un nivel: A (lo mínimo), AA (la meta habitual que piden las normas en el mundo) y AAA (lo más exigente). Para una empresa, apuntar al nivel AA es lo razonable.
Qué dice la norma en Colombia
- Ley 1618 de 2013, artículo 16. Ordena al Gobierno fijar estándares de accesibilidad para los sitios web y sistemas de información de las entidades del Estado.
- Resolución 1519 de 2020 de MinTIC, Anexo 1. Adopta el estándar WCAG y sus niveles A, AA y AAA para los sitios web de los sujetos obligados de la Ley 1712 de 2014 (Ley de Transparencia).
- NTC 5854. Es la norma técnica colombiana de accesibilidad de páginas web, de 2011, basada en las WCAG.
¿Obliga a mi empresa? La exigencia expresa recae sobre las entidades del Estado y los demás sujetos obligados por la Ley de Transparencia. Para una empresa privada común no hay una obligación equivalente, pero sí aplica el deber general de no discriminar a las personas con discapacidad. Si tu empresa contrata con el Estado o presta un servicio público, consulta tu caso con un abogado.
Por qué la necesita tu empresa
- Llegas a más clientes. En Colombia hay millones de personas con discapacidad, y a ellas se suman las personas mayores. Si no pueden usar tu página, le compran a otro.
- Mejoras en Google. Lo que ayuda a un lector de pantalla ayuda al buscador: títulos ordenados, imágenes descritas, texto claro y páginas rápidas.
- Vendes más a todos. Formularios claros, botones grandes y buen contraste reducen los abandonos en el celular.
- Cuidas tu reputación. Una empresa que incluye lo demuestra también en su página.
- Te preparas para contratar. Cada vez más entidades y grandes empresas piden accesibilidad a sus proveedores digitales.
10 cambios para empezar hoy
- Describe las imágenes. Cada foto informativa lleva un texto alternativo que diga qué muestra. Las decorativas se dejan con descripción vacía.
- Revisa el contraste. El texto normal debe tener una relación de contraste de al menos 4,5 a 1 frente al fondo. Evita el gris claro sobre blanco.
- Ordena los títulos. Un solo título principal por página y subtítulos en orden, sin saltos.
- Haz que todo funcione con teclado. Menú, botones y formularios deben alcanzarse con la tecla Tab, y debe verse dónde está el foco.
- Etiqueta los formularios. Cada campo con su nombre visible, y los errores explicados con texto, no solo en rojo.
- Escribe enlaces que se entiendan solos. «Descarga la lista de precios» en lugar de «clic aquí».
- Subtitula los videos y ofrece transcripción de los audios.
- No dependas solo del color. Acompáñalo con texto o íconos.
- Permite ampliar. La página debe leerse bien con el texto al 200 % y en celular, sin desplazarse hacia los lados.
- Usa lenguaje claro. Frases cortas, sin tecnicismos, y evita publicar información importante solo como imagen o PDF escaneado.
Cómo probar tu sitio en 15 minutos
- Suelta el mouse. Recorre la página solo con Tab, Mayús+Tab y Enter. Si no puedes abrir el menú o enviar el formulario, hay una barrera.
- Amplía al 200 %. Presiona Ctrl y la tecla + varias veces. El contenido no debe cortarse ni montarse.
- Pasa un evaluador automático. Herramientas gratuitas como WAVE o Lighthouse (incluido en Chrome) señalan errores de contraste, imágenes sin descripción y campos sin etiqueta.
- Escúchala. Activa el lector de pantalla del celular (TalkBack en Android, VoiceOver en iPhone) o NVDA en el computador, y comprueba si entiendes la página sin mirar.
- Pregúntale a quien la usa. Ninguna herramienta reemplaza la prueba con personas con discapacidad.
Las herramientas automáticas detectan solo una parte de los problemas. Úsalas para empezar, no como certificado.
Errores frecuentes
- Creer que un botón de accesibilidad lo resuelve todo. Las barras para cambiar letra o contraste ayudan, pero no corrigen el contenido ni el código.
- Publicar la información clave en imágenes. Un afiche con la fecha y el precio es invisible para un lector de pantalla si no lleva descripción.
- Subir PDF escaneados. Son fotos de un documento: no se pueden leer ni buscar.
- Dejar la accesibilidad para el final. Corregir un sitio terminado cuesta más que construirlo bien desde el diseño.
- Hacerlo una vez y olvidarlo. Cada foto, video o página nueva debe publicarse accesible.
Preguntas frecuentes
¿Qué es una página web accesible?
Es un sitio que cualquier persona puede percibir, entender y usar, incluidas las personas ciegas o con baja visión, sordas, con discapacidad motriz o cognitiva, y quienes navegan con lector de pantalla, solo con teclado o con el texto ampliado.
¿Es obligatoria la accesibilidad web para una empresa privada en Colombia?
La exigencia expresa recae sobre las entidades del Estado y los demás sujetos obligados de la Ley 1712 de 2014, a través de la Resolución 1519 de 2020 de MinTIC. Para una empresa privada común no hay una obligación equivalente, pero sí el deber general de no discriminar y de hacer ajustes razonables.
¿Qué son las WCAG?
Son las Pautas de Accesibilidad para el Contenido Web del W3C, el estándar internacional. La versión vigente es WCAG 2.2, publicada en octubre de 2023, con tres niveles de conformidad: A, AA y AAA. El nivel AA es la meta habitual.
¿Un botón o complemento de accesibilidad vuelve accesible mi sitio?
No por sí solo. Esas barras ayudan con el tamaño de letra o el contraste, pero no corrigen imágenes sin descripción, formularios sin etiquetas ni menús que no funcionan con teclado. La accesibilidad se construye en el contenido y en el código.
¿Cuánto cuesta hacer accesible una página web?
Depende del tamaño y del estado del sitio. Muchos ajustes son de contenido y no cuestan dinero: describir imágenes, ordenar títulos, mejorar contraste y subtitular videos. Lo más económico es incluir la accesibilidad desde el diseño.
¿Quieres saber qué tan accesible es la página de tu empresa?
En la Fundación Social Fantabulosa revisamos sitios web con personas con discapacidad y capacitamos equipos en accesibilidad digital.
Escríbenos por WhatsApp →WhatsApp 320 629 2992 · [email protected]
Esta guía es informativa y no reemplaza una asesoría jurídica ni una auditoría técnica.