Cómo auditar la accesibilidad de tu IA desde cero: Manual para no expertos

Requisitos previos para auditar la accesibilidad de tu IA

Antes de empezar, asegúrate de tener a mano:

• La URL o interfaz de la IA que quieres auditar (tu chatbot, generador de informes, etc.).
• Un navegador actualizado (Chrome o Firefox preferiblemente).
• La extensión gratuita Axe DevTools o WAVE instalada.
• Un lector de pantalla básico (puedes usar Narrador en Windows o VoiceOver en Mac).

Paso 1: Mapea los puntos de interacción

Lo primero es identificar dónde «toca» el usuario a tu IA. No sirve de nada que el algoritmo sea brillante si la puerta de entrada está cerrada.

Busca los campos de texto donde se escriben los prompts, los botones de envío y los contenedores donde aparece la respuesta. Identificar estos elementos funciona igual que revisar los pomos de las puertas de tu tienda física: si están demasiado altos o son imposibles de girar, nadie entrará al local, por muy buenas ofertas que tengas dentro.

⚠️ Ojo: No te centres solo en el chat. Revisa también los menús de configuración y los botones de «copiar respuesta» o «regenerar».

✅ Verificación: Deberías tener una lista con al menos 3 puntos críticos: entrada de datos, control de la IA y salida de información.

Paso 2: Prueba la navegación «Solo Teclado»

Muchos usuarios con discapacidad motriz o visual no usan ratón. Tu IA debe ser controlable solo con la tecla Tabulador y Enter.

Clica en la barra de direcciones y empieza a pulsar Tab. El foco (ese recuadro que indica dónde estás) debe saltar de forma lógica por todos los elementos interactivos. Si el foco desaparece o se queda atrapado en un bucle dentro del chat, tienes un problema grave. Es lo mismo que ocurre en un supermercado cuando los pasillos son tan estrechos que una silla de ruedas no puede girar: el cliente se queda bloqueado y tiene que abandonar la compra.

💡 Tip: Si el usuario tiene que pulsar Tab veinte veces para llegar al cuadro de chat, añade un «enlace de salto» al principio de la página.

✅ Verificación: Debes ser capaz de escribir un prompt, enviarlo y leer la respuesta sin tocar el ratón ni una sola vez.

Paso 3: Audita el contraste y la legibilidad de las respuestas

La IA suele generar mucho texto, y si ese texto es gris claro sobre fondo blanco, estás excluyendo a personas con visión reducida o que simplemente están bajo el sol.

Usa tu extensión (Axe o WAVE) para medir el contraste. El estándar WCAG 2.2 exige una relación de al menos 4.5:1 para el texto normal. Piensa en la carta de un restaurante con luz tenue: si la letra es pequeña y el color se mezcla con el papel, no pedirás el plato más caro porque ni siquiera sabes que existe.

⚠️ Advertencia: Evita usar el color como única forma de dar información (por ejemplo, «los errores aparecen en rojo»). Añade siempre un icono o un texto que diga «Error».

✅ Verificación: La herramienta de auditoría debe marcar «0 errores de contraste» en el área de resultados de la IA.

Paso 4: Verifica la semántica de la salida de datos

Cuando la IA responde, ¿cómo lo hace? Si genera una tabla o una lista, debe estar etiquetada correctamente en el código (HTML).

Un lector de pantalla necesita saber que lo que viene a continuación es una lista de pasos y no un párrafo infinito. Esto funciona igual que el etiquetado en un almacén: si las cajas no tienen etiquetas, el operario (el lector de pantalla) tiene que abrirlas todas una a una para saber qué hay dentro, perdiendo un tiempo precioso y frustrando al usuario.

💡 Tip: Pide a tu IA que siempre devuelva las respuestas en formato Markdown estructurado con encabezados (H2, H3).

✅ Verificación: Al pasar el lector de pantalla, este debe anunciar «Encabezado nivel 2» o «Lista de 5 elementos» antes de leer el contenido.

Paso 5: Evalúa el tiempo de respuesta y el control

Las IAs a veces tardan en «pensar». Si el contenido cambia de repente sin avisar, un usuario con discapacidad cognitiva o visual se perderá.

Asegúrate de que haya un indicador visual y sonoro de que la IA está trabajando (el típico «escribiendo…»). Además, el usuario debe poder detener la generación de texto en cualquier momento. Es como estar en una conversación con alguien que habla sin parar y no te deja intervenir: llega un punto en el que desconectas porque te sientes abrumado.

⚠️ Ojo: Si la sesión de chat caduca por inactividad, avisa con antelación. No hay nada más frustrante que perder un prompt largo porque el sistema se cerró sin avisar.

✅ Verificación: El lector de pantalla debe anunciar «La IA está procesando tu solicitud» cuando pulses enviar.

Troubleshooting: Problemas comunes

• El lector de pantalla no lee las respuestas nuevas: Esto pasa porque el área de chat no tiene un «aria-live region». Configura ese contenedor como aria-live="polite" para que el sistema avise al usuario cuando aparezca texto nuevo.
• Los botones de la IA solo tienen iconos (sin texto): Si el botón para «Escuchar respuesta» es solo un icono de un altavoz sin etiqueta interna, el lector de pantalla dirá «Botón, botón». Solución: Añade un aria-label="Escuchar respuesta".
• Las tablas generadas por la IA se ven rotas en el móvil: Asegúrate de que tu interfaz use un diseño responsivo. Si la tabla se corta, el usuario no podrá acceder a los datos de las columnas de la derecha.

Resultado final

Si has seguido estos pasos, ahora tienes una interfaz de IA que no solo cumple con la ley, sino que es más cómoda para todos. Una IA accesible suele ser una IA más limpia, más rápida y con mejor SEO. El siguiente paso es realizar una prueba de usuario real con personas que utilicen tecnologías de asistencia para pulir los detalles que ninguna herramienta automática puede detectar.