Tecnología Asistiva (AT): Definición, Tipos, Ejemplos Web
Tecnología asistiva (AT) ayuda a personas con discapacidades a usar la web — screen readers, switch devices, voice control, magnifiers.
¿Qué es tecnología asistiva (AT)?
Tecnología asistiva (AT) es hardware o software que permite a personas con discapacidades realizar tareas que de otro modo no podrían — incluido usar la web. El término cubre un rango amplio: screen readers para usuarios ciegos, magnifiers para usuarios baja visión, switch devices para impedimento motor, voice control para operación manos libres.
Para devs web, AT es el "por qué" detrás de los estándares accesibilidad.
Categorías de tecnología asistiva
| Área discapacidad | AT común |
|---|---|
| Visión (ciego) | Screen readers (NVDA, JAWS, VoiceOver), pantallas Braille |
| Visión (baja) | Magnifiers pantalla, modos alto contraste |
| Audición | Subtítulos, transcripciones, video lengua signos |
| Motor | Switch devices, head pointers, voice control, eye trackers |
| Cognitivo | Tools read-aloud, modos UI simplificados |
| Habla | Text-to-speech (TTS), dispositivos AAC |
| Mixto/múltiple | Combinaciones |
Screen readers principales
| Tool | Plataforma | Costo |
|---|---|---|
| NVDA | Windows | Gratis |
| JAWS | Windows | Comercial |
| VoiceOver | macOS, iOS | Built-in |
| TalkBack | Android | Built-in |
| Narrator | Windows | Built-in |
| Orca | Linux | Gratis |
| ChromeVox | Chrome / ChromeOS | Built-in |
Cómo AT interactúa con la web
- Screen reader anuncia jerarquía headings para navegación
- Switch device tabbea por elementos focuseables
- Voice control usa labels elemento
- Magnifier sigue focus + cursor
Qué hacen los devs para AT
- Usar HTML semántico.
- ARIA solo cuando HTML no expresa.
- Proveer alternativas texto.
- Asegurar accesibilidad teclado.
- Indicadores focus visibles.
- Contraste color suficiente.
- No atrapar focus.
- Testear con AT real.
Pitfalls AT-blocking comunes
- Div soup.
- Widgets custom sin ARIA.
- Interacciones mouse-only.
- Outline focus removido sin reemplazo.
- Alt text faltante.
- Media auto-playing.
- CAPTCHAs inaccesibles.
- Cambios route SPA silenciosos.
Testeando con tecnología asistiva
| Approach | Qué cachea |
|---|---|
| Tools automatizadas (axe, Lighthouse, WAVE) | ~30% de issues |
| Test teclado manual | Focus traps, indicadores focus faltantes |
| Test screen reader (NVDA, VoiceOver) | Botones mal nombrados, orden lectura mal |
| Testing usuario real con AT | Workflow blockers reales |
| Test zoom navegador | Breaks layout a 200%/400% |
FAQ: Tecnología asistiva
¿Cuál es el screen reader más común?
JAWS (40%) y NVDA (38%) en Windows; VoiceOver en devices Apple.
¿Todos los usuarios ciegos usan screen readers?
La mayoría sí, pero algunos prefieren pantallas Braille.
¿Cómo maneja AT sitios JavaScript-heavy?
AT moderno corre JS.
¿Es ARIA requerido para accesibilidad?
No — HTML semántico cubre la mayoría de casos.
¿Cuál es estado legal del soporte AT?
Muchas jurisdicciones lo requieren: ADA, EAA, AODA, Equality Act.
¿Cómo testeo VoiceOver iOS sin iPhone?
iOS Simulator en macOS soporta VoiceOver.
¿Son buenos los overlays accesibilidad (ej. AccessiBe)?
Generalmente no — los expertos los critican.
Testea AT-friendliness con LoadFocus
LoadFocus corre auditorías Lighthouse desde 25+ regiones incluyendo audit accesibilidad. Regístrate en loadfocus.com/signup.
Herramientas LoadFocus relacionadas
Lleva este concepto a la práctica con LoadFocus — la misma plataforma que potencia todo lo que acabas de leer.