Si alguien te encargó revisar la accesibilidad del sitio web de tu empresa, o si simplemente quieres entender de qué se habla cuando se menciona este tema, este artículo es para ti.
Como persona con discapacidad visual total, y como consultor de accesibilidad en productos digitales, con gusto te lo explico en palabras simples.
Error 1: Las imágenes no tienen descripción
Imagina entrar a una tienda donde todos los productos tienen etiquetas en blanco. No sabes qué es cada cosa a menos que alguien te lo explique.
En síntesis, eso es exactamente lo que vive una persona ciega cuando navega un sitio web cuyas imágenes no tienen descripción. Los lectores de pantalla — programas que leen el contenido en voz alta — se saltan esas imágenes o simplemente leen el nombre técnico del archivo, que suele ser algo como "banner-home-v3-final".
Este error está en casi todos los sitios web chilenos que he auditado. Banners promocionales, fotos del equipo, gráficos con datos importantes: todos sin descripción.
¿Por qué importa más allá de la accesibilidad? Google también lee esas descripciones para indexar las imágenes. Un sitio sin descripciones pierde posicionamiento en búsquedas de imágenes.
¿Cómo saber si tu sitio lo tiene? Entra a WAVE, pega la URL de tu sitio y busca los íconos rojos que dicen "Missing alternative text".
Error 2: Los formularios son un laberinto
Los formularios son el punto más crítico de cualquier sitio: cotizaciones, registros, compras. Y son donde más se acumulan las barreras.
El problema más común: los campos del formulario no tienen una etiqueta fija y visible que los identifique. En su lugar usan un texto dentro del campo que desaparece cuando empiezas a escribir. Para alguien que navega con lector de pantalla o con el teclado, completar ese formulario se vuelve complejo: a mitad del proceso ya no sabe qué dato estaba ingresando en cada campo.
Hay otra variante igual de frecuente: el formulario tiene etiquetas visibles, pero están mal conectadas con el campo correspondiente a nivel técnico. El resultado visual parece correcto, pero el lector de pantalla no las asocia y el usuario escucha solo "campo de edición, campo de edición" sin saber qué debe escribir.
¿Por qué importa? Un formulario inaccesible puede ser una venta perdida. Si un usuario con discapacidad no puede completar tu formulario de contacto o de compra, simplemente se va.
¿Cómo saber si tu sitio lo tiene? Intenta completar el formulario de tu sitio usando solo el teclado, sin tocar el mouse. Si en algún punto no sabes en qué campo estás o no puedes avanzar, hay un problema.
Error 3: El texto es difícil de leer por el contraste
Este es el único error de esta lista que afecta a casi todo el mundo, no solo a personas con discapacidad.
Se trata del contraste entre el color del texto y el color del fondo. Un texto gris claro sobre fondo blanco puede verse elegante en el diseño, pero para una persona con visión disminuida, daltonismo, o simplemente alguien leyendo bajo el sol desde su celular, ese texto es prácticamente invisible.
El estándar internacional WCAG define una relación mínima de contraste para que un texto sea legible. En la práctica, significa que el texto no puede ser demasiado similar en tono al fondo sobre el que está.
Los sitios que más frecuentemente tienen este problema en Chile son los que usan diseños minimalistas o modernos, donde "lo gris" se usa para textos secundarios como descripciones, fechas, subtítulos de servicios.
¿Por qué importa? Un texto ilegible es contenido que no existe. Si el usuario no puede leer la descripción de tu servicio, no va a contratar.
¿Cómo saber si tu sitio lo tiene? Herramienta gratuita: WebAIM Contrast Checker. Ingresa el color del texto y del fondo y te dice si pasa el estándar.
Error 4: El sitio solo funciona con mouse
Una parte significativa de los usuarios navega internet sin mouse: personas con parálisis o temblor en las manos, usuarios con lesiones temporales, personas ciegas con programas lectores de pantalla como yo :)
La forma estándar de navegar sin mouse es usando la tecla Tab para moverse entre elementos, Enter para activarlos, y las flechas para los menús. Un sitio bien construido debe funcionar completamente así.
Los problemas más comunes que encontramos:
No se ve dónde está el foco. Al navegar con Tab, no hay ningún indicador visual de en qué botón o enlace estás parado. Es como manejar con los ojos vendados.
Quedar atrapado. Aparece una ventana emergente o un menú, y al presionar Tab el foco queda circulando infinitamente dentro, sin poder salir ni cerrarla. El usuario queda literalmente bloqueado.
Menús que no responden al teclado. El menú de navegación funciona al pasar el mouse por encima, pero al intentar usarlo con el teclado no pasa nada. Secciones enteras del sitio se vuelven inalcanzables.
¿Cómo saber si tu sitio lo tiene? Cierra el mouse. Navega tu propio sitio usando solo Tab, Enter y las flechas. Si en algún punto te pierdes, quedas atrapado, o no puedes llegar a alguna sección, hay un problema.
Error 5: Los títulos no tienen orden lógico
Este error es el más invisible visualmente, pero uno de los que más impacta la experiencia de una persona que usa lector de pantalla.
Los títulos de una página web (el título principal, los subtítulos de cada sección, los sub-subtítulos) forman una jerarquía, como el índice de un libro. Los lectores de pantalla usan esa jerarquía para que el usuario pueda saltar directamente a la sección que le interesa, sin tener que escuchar todo el contenido de corrido.
El problema: muchos sitios chilenos usan los tamaños de título de forma puramente visual — "este texto se ve bien grande" — sin respetar el orden lógico. El resultado es un índice desordenado donde el capítulo 3 aparece antes que el capítulo 1, y hay capítulos que saltan del 1 al 4 sin pasar por el 2 ni el 3.
Para un usuario sin discapacidad esto es invisible. Para alguien con lector de pantalla, navegar ese sitio es como leer un libro con las páginas en desorden.
¿Cómo saber si tu sitio lo tiene? La extensión gratuita HeadingsMap para Chrome muestra el árbol de títulos de cualquier página en segundos. Si la jerarquía no tiene sentido, hay un problema.
¿Cuántos de estos errores tiene tu sitio?
La mayoría de los sitios chilenos tienen al menos tres de estos cinco. No porque los equipos que los construyeron sean descuidados, sino porque la accesibilidad web y accesibilidad en productos digitales no forma parte del proceso estándar de desarrollo en Chile todavía.
Las herramientas gratuitas mencionadas en este artículo detectan los casos más evidentes. Pero algunos de estos errores — especialmente los de formularios y navegación por teclado — solo se encuentran navegando el sitio con un lector de pantalla real.
Si quieres saber con precisión cuáles de estos errores tiene tu sitio y qué tan difícil sería corregirlos, mi evaluación inicial es gratuita y sin compromisos.