Tecnología de apoyo (AT): definición, tipos y ejemplos web

¿Qué es la tecnología de apoyo (AT)?

La tecnología de apoyo (o tecnología asistiva) es cualquier hardware o software que ayuda a una persona con discapacidad a hacer algo que de otro modo no podría, como usar un sitio web. En la web incluye lectores de pantalla, lupas de pantalla, control por voz, dispositivos de pulsador, líneas braille, seguimiento ocular y herramientas de subtitulado. Los sitios accesibles se construyen para que estas herramientas puedan leer, anunciar y manejar cada parte de la página.

La OMS estima que 1.300 millones de personas, cerca del 16 % de la población mundial, viven con una discapacidad significativa. Estándares como las WCAG y ARIA existen para que la tecnología de apoyo tenga algo fiable con lo que trabajar.

Tipos habituales de tecnología de apoyo

Lectores de pantalla

Un lector de pantalla convierte el contenido de la pantalla en voz o braille. MDN presenta JAWS como producto comercial para Windows, NVDA (Windows), ChromeVox y Orca (Linux) como gratuitos, y VoiceOver (macOS e iOS), ChromeVox en Chromebooks y TalkBack (Android) como integrados en el sistema. NV Access describe NVDA como gratuito y de código abierto. En la encuesta WebAIM Screen Reader User Survey #11 (de julio a agosto de 2026, 1.780 respuestas válidas), los encuestados citaron JAWS (55,0 %), NVDA (32,9 %) y VoiceOver (6,5 %) como su lector de pantalla principal en el escritorio. Los participantes son un grupo autoseleccionado, así que toma las cifras como orientación y no como cuota de mercado.

Cómo lee la web la tecnología de apoyo

La tecnología de apoyo no lee píxeles. El navegador construye un árbol de accesibilidad a partir del marcado de la página y lo expone mediante las API de accesibilidad de la plataforma. El árbol contiene el rol, el nombre y el estado de cada elemento. Un lector de pantalla anuncia a partir de él, el control por voz asocia los nombres que pronuncias y un dispositivo de pulsador recorre los elementos enfocables. Si el marcado no dice qué es un elemento, el árbol carece de significado y la herramienta no tiene nada que comunicar.

Ejemplo: un botón invisible para la tecnología de apoyo

Un desarrollador crea un "Comprar ahora" como <div class="btn" onclick="buy()">Comprar ahora</div>. Quien usa el ratón ve un botón. Quien usa el teclado no puede llegar con Tab, un lector de pantalla lee texto simple y no dice "botón", y quien dice por voz "clic en Comprar ahora" quizá no obtenga nada. Sustituirlo por <button type="button">Comprar ahora</button> le da rol, nombre, foco de teclado y activación con Intro y Espacio sin código adicional.

Qué deben hacer los desarrolladores

• Usar primero HTML semántico: botones, enlaces, encabezados, listas, regiones de referencia, campos de formulario con etiqueta.
• Añadir ARIA solo cuando HTML no pueda expresar el patrón, como pestañas o un combobox propio, y seguir el comportamiento de teclado documentado.
• Dar una alternativa de texto a cada imagen y elemento multimedia.
• Mantener visible el foco en un orden de navegación con teclado lógico. No quites nunca el contorno sin un sustituto claro.
• Gestionar el foco en interfaces dinámicas. Cuando se abre un diálogo, mueve el foco dentro y devuélvelo al cerrarlo.
• Anunciar los cambios que ocurren sin recargar la página, como los cambios de ruta en una app de una sola página, con una región en vivo o un cambio de foco.

Errores comunes

• Construir widgets con elementos <div> que solo tienen manejadores de clic.
• Menús que solo funcionan al pasar el ratón y arrastrar y soltar sin alternativa de teclado.
• Quitar los contornos de foco.
• Texto alt vacío o ausente en imágenes con significado, o enlaces vagos como "haz clic aquí".
• Audio con reproducción automática que se superpone al lector de pantalla.
• CAPTCHA que dependen solo de una imagen.
• Tomar una puntuación automática como prueba de que el sitio funciona con tecnología de apoyo.

Probar con tecnología de apoyo

Las herramientas automáticas como Lighthouse y axe detectan una parte de los problemas, sobre todo etiquetas ausentes, contraste y ARIA no válido. No pueden juzgar si una persona que usa lector de pantalla logra completar una tarea. Combínalas con una pasada solo con teclado, una con lector de pantalla (NVDA con Firefox o Chrome en Windows, VoiceOver en Mac o iPhone), una comprobación al 200 % de zoom y, si es posible, sesiones con personas que usen tecnología de apoyo.

La monitorización de velocidad de página de LoadFocus ejecuta auditorías Lighthouse programadas desde 25 regiones en la nube, y la accesibilidad es una de las categorías de Lighthouse que cada auditoría registra, de modo que los retrocesos en las comprobaciones automáticas aparecen entre versiones. Es una red de seguridad, no un sustituto de las pruebas manuales. Para ver dónde se cruzan rendimiento y accesibilidad, lee por qué las pruebas de rendimiento deben incluir la accesibilidad, y para opciones de herramientas, herramientas de pruebas de accesibilidad web.

Preguntas frecuentes: tecnología de apoyo

¿Un lector de pantalla es la única tecnología de apoyo para la web?

No. Los lectores de pantalla son los más conocidos, pero también se usan lupas, control por voz, dispositivos de pulsador, líneas braille, subtítulos y modos de lectura. Mucha gente usa más de una herramienta.

¿Con qué lector de pantalla debo probar?

NVDA es gratuito y funciona en Windows, por eso suele ser el punto de partida. Añade VoiceOver para dispositivos Apple y TalkBack para Android si tu público los usa. Los resultados cambian según la combinación de lector de pantalla y navegador, así que prueba las que usan tus visitantes.

¿Necesito ARIA para dar soporte a la tecnología de apoyo?

No en la mayoría de las páginas. Los elementos HTML nativos ya exponen el rol, el nombre y el estado correctos. ARIA cubre los huecos en widgets personalizados, y un ARIA incorrecto puede empeorar las cosas más que no usarlo.

¿Las pruebas automáticas me dicen si mi sitio funciona con tecnología de apoyo?

No. Encuentran un subconjunto de problemas que se pueden detectar desde el marcado. Si el orden de lectura, el comportamiento del foco y los anuncios tienen sentido requiere comprobaciones manuales.

¿Hay requisitos legales para dar soporte a la tecnología de apoyo?

Muchos países tienen leyes de accesibilidad o normas de contratación que remiten a las WCAG, pero los detalles varían según el país y el sector. Consulta con tu equipo legal las normas que te afectan.