Configura el navegador para leer con comodidad con NVDA
| Fase | F1 — Cimientos, seguridad y arquitectura del sistema |
|---|---|
| Módulo | M1.1 — Preparación del entorno de trabajo en Windows 11 con NVDA |
| Puntos de profesionalidad al superar el test | 20 |
Objetivo práctico
Al terminar esta lección sabrás elegir un navegador adecuado para trabajar con NVDA en Windows 11, moverte dentro de una página web usando exclusivamente el teclado, y recuperar el foco cuando lo pierdas de vista. Esta es la habilidad base sobre la que se apoya todo lo demás: cada plataforma que usarás en este curso (ElevenLabs, Vapi, Retell, Twilio, n8n, Make, Cal.com, Google Calendar, WordPress) se gestiona desde un navegador.
Resultado que obtendrás
Serás capaz de abrir una página cualquiera y, sin tocar el ratón, saber en qué región estás, moverte entre encabezados, botones, campos de formulario y enlaces, y distinguir cuándo NVDA está en modo exploración y cuándo ha entrado en modo formulario.
Dónde encaja dentro del sistema final
Esta lección no forma parte todavía del sistema TELÉFONO → AGENTE → CEREBRO → VOZ → AUTOMATIZACIÓN → CALENDARIO. Es la base de trabajo: sin dominar la navegación por teclado en el navegador no es posible configurar de forma autónoma ninguna de las piezas de ese sistema, porque todas ellas se administran desde paneles web.
Conocimientos previos
- Saber iniciar NVDA en Windows 11 (esta lección no explica cómo instalar NVDA; consulta el manual de referencia de NVDA si todavía no lo tienes en marcha).
- Saber abrir un navegador y escribir una dirección web.
Herramientas necesarias
- Windows 11 con NVDA instalado y en ejecución.
- Un navegador: Chrome, Edge o Firefox (esta lección compara los tres).
Posible coste
Esta lección no requiere ningún gasto. Chrome, Edge y Firefox son gratuitos.
Modelo mental
Piensa en una página web como en un edificio de oficinas por el que puedes moverte de dos maneras distintas: recorriendo pasillo por pasillo, mirando cada puerta (eso es leer todo el contenido en orden), o yendo directamente al departamento que buscas gracias a un directorio en la entrada (eso es saltar por encabezados, botones o campos de formulario). NVDA te da ese directorio: en lugar de recorrer la página entera, puedes pedirle «llévame al siguiente encabezado» o «llévame al siguiente botón» y te desplazas directamente allí.
Explicación
NVDA (NonVisual Desktop Access) es un lector de pantalla: convierte lo que ocurre en la pantalla en voz y en información que se puede consultar mediante teclado. Cuando navegas por una página web con NVDA, trabajas casi siempre en uno de estos dos modos:
- Modo exploración (también llamado modo navegación): es el modo por defecto en una página web. Te permite moverte libremente por todo el contenido —encabezados, párrafos, enlaces, tablas, botones— usando teclas de una sola letra. Es el modo adecuado para leer y para localizar elementos.
- Modo formulario (o modo foco): se activa automáticamente cuando entras en un campo de texto, una casilla de verificación o cualquier control interactivo que necesita recibir directamente lo que escribes. En este modo, las teclas dejan de ser atajos de navegación y se convierten en lo que escribes literalmente en ese campo.
La mayor parte de la confusión inicial con un lector de pantalla en la web viene de no saber en qué modo se está. Un síntoma típico: pulsas la letra B esperando saltar al siguiente botón, pero en lugar de eso se escribe una «b» en un campo de texto. Eso significa que estás en modo formulario y que las teclas de navegación no funcionan hasta que salgas de ese campo.
Vocabulario nuevo
Modo exploración
Piénsalo así: El directorio del edificio: te deja moverte libremente entre secciones.
Modo de NVDA en el que las teclas de una sola letra actúan como atajos de navegación (por ejemplo, H para saltar al siguiente encabezado) en lugar de escribir texto.
Ejemplo: Al abrir cualquier página web, NVDA suele entrar automáticamente en modo exploración.
Modo formulario
Piénsalo así: El mostrador de atención: aquí lo que dices se toma literalmente, no como una orden de movimiento.
Modo de NVDA en el que el teclado se comporta de forma normal: lo que escribes se introduce directamente en el campo con el foco (casilla de texto, área de texto, campo de contraseña).
Ejemplo: Al pulsar Tab hasta llegar a un campo «Correo electrónico» y empezar a escribir, NVDA entra en modo formulario automáticamente.
Foco
Piénsalo así: El punto exacto del edificio donde estás parado en este momento.
El elemento de la página que está activo y recibirá la siguiente pulsación de teclado (un botón, un enlace, un campo). NVDA siempre anuncia en qué elemento está el foco.
Ejemplo: Si el foco está en el botón «Enviar», pulsar la barra espaciadora activará ese botón.
Preparación
Abre uno de tus navegadores instalados (Chrome, Edge o Firefox) con NVDA activo. No necesitas ninguna página concreta: cualquier página con contenido —por ejemplo, esta misma lección— sirve para practicar.
Procedimiento paso a paso
Contexto: Estás en el navegador, con esta lección abierta. Queremos comprobar en qué modo se encuentra NVDA en este momento.
Acción de teclado: Pulsa Windows + Flecha abajo no es necesario; simplemente pulsa la tecla H una vez.
Respuesta esperada de NVDA: NVDA debería anunciar un texto similar a «Configura el navegador para leer con comodidad con NVDA, encabezado de nivel 1» o el encabezado siguiente que exista en la página.
Qué significa: Si NVDA ha anunciado un encabezado, estabas en modo exploración: la tecla H se ha interpretado como «ir al siguiente encabezado», no como la letra h.
Acción siguiente: Pulsa H varias veces seguidas y observa cómo NVDA va anunciando cada encabezado de la página, en orden.
Contexto: Sigues en modo exploración. Ahora queremos recorrer los botones de la página en lugar de los encabezados.
Acción de teclado: Pulsa B (de «botón») varias veces.
Respuesta esperada de NVDA: NVDA debería anunciar el nombre de cada botón según los va encontrando, por ejemplo «Cerrar sesión, botón» o «Corregir test, botón», según la página.
Qué significa: Cada anuncio corresponde a un control que puedes activar con Enter o con la barra espaciadora.
Acción siguiente: Pulsa Tab una vez para comprobar la diferencia: Tab avanza por TODOS los elementos interactivos (enlaces, botones, campos) en el orden en que aparecen, no sólo por los botones.
Contexto: Quieres comprobar el cambio automático a modo formulario.
Acción de teclado: Ve a la página de inicio de sesión (Iniciar sesión) y pulsa Tab hasta llegar al campo «Correo electrónico».
Respuesta esperada de NVDA: NVDA debería anunciar un texto similar a «Correo electrónico, editar» o «Correo electrónico, campo de edición».
Qué significa: La palabra «editar» o «campo de edición» indica que has entrado en un control de texto y que NVDA ha cambiado (o cambiará en cuanto empieces a escribir) a modo formulario.
Acción siguiente: Escribe cualquier texto de prueba y comprueba que se escribe con normalidad, letra por letra, sin que NVDA lo interprete como atajos.
Contexto: Quieres salir del campo de formulario y volver a modo exploración libre.
Acción de teclado: Pulsa Escape, o simplemente pulsa Tab para avanzar al siguiente control.
Respuesta esperada de NVDA: NVDA debería anunciar el siguiente elemento de la página (por ejemplo, el campo «Contraseña» o el botón «Iniciar sesión»).
Qué significa: Has salido del modo formulario de ese campo concreto. Fuera de los campos de texto, las teclas de una sola letra (H, B, F, etc.) vuelven a funcionar como atajos de navegación.
Acción siguiente: Practica alternando entre Tab (moverte elemento a elemento) y las teclas de letra en modo exploración (moverte por tipo de elemento).
Posibles diferencias de interfaz
Chrome, Edge y Firefox se comportan de forma muy parecida con NVDA porque los tres siguen los mismos estándares de accesibilidad web, pero existen matices: Edge y Chrome comparten motor (Chromium) y su comportamiento con NVDA suele ser prácticamente idéntico; Firefox usa un motor distinto y en algunas páginas complejas puede anunciar la información en un orden ligeramente diferente. Para este curso, Chrome o Edge son la recomendación principal por su combinación de estabilidad, actualizaciones frecuentes y buen soporte de accesibilidad. Si una plataforma concreta (por ejemplo, un panel de Vapi o de n8n) da problemas en un navegador, la primera prueba de diagnóstico razonable es abrir esa misma página en otro navegador antes de asumir que el problema es de NVDA.
Errores frecuentes y diagnóstico
Pulsas una tecla de navegación (H, B, F...) y en lugar de moverte por la página, se escribe esa letra en algún sitio o no ocurre nada visible.
Cómo localizarlo: Es casi siempre un problema de modo: estás en modo formulario porque el foco está dentro de un campo de texto.
Solución: Pulsa Escape para forzar la salida del campo, o pulsa Tab/Mayús+Tab para moverte a otro control. Después, las teclas de una sola letra volverán a funcionar como atajos.
No sabes dónde está el foco después de que la página haya cambiado (por ejemplo, tras enviar un formulario).
Cómo localizarlo: Muchas páginas mueven el foco a un mensaje de confirmación o de error tras una acción; si no lo hacen bien, el foco puede quedarse en un lugar inesperado.
Solución: Pulsa Ctrl + Inicio (o Ctrl + Home) para llevar el cursor de exploración al principio del documento y reorientarte, o pulsa H para ir al primer encabezado y ubicarte de nuevo por la estructura de la página.
NVDA parece «no decir nada» al cargar una página nueva.
Cómo localizarlo: Puede deberse a que la página todavía se está cargando, a que el foco no se ha movido al contenido nuevo, o a que el volumen o la síntesis de voz de NVDA se han silenciado accidentalmente.
Solución: Espera unos segundos y pulsa Ctrl para detener cualquier anuncio en curso y comprobar que NVDA sigue activo; después pulsa Ctrl + Inicio y H para reorientarte desde el principio de la página.
Comprobación final
Abre la página Ruta del curso. Sin usar el ratón: pulsa H repetidamente hasta llegar a un encabezado de fase (por ejemplo «F1 — Cimientos, seguridad y arquitectura del sistema»), después pulsa Tab hasta situarte sobre el primer enlace de lección y confirma con Enter. Si NVDA ha ido anunciando cada encabezado y el enlace se ha activado correctamente, la comprobación es positiva.
Qué acabas de conseguir
Ya sabes distinguir modo exploración de modo formulario, recuperar el foco cuando se pierde, y moverte por encabezados y botones sin depender del ratón. Esta es la base de trabajo para el resto del curso: cada lección posterior dará por hecho que dominas este movimiento básico.
Ejercicio práctico
Elige tres páginas cualquiera de este mismo curso (por ejemplo, Inicio, Glosario y Recursos) y, en cada una, sin tocar el ratón: cuenta cuántos encabezados de nivel 2 tiene usando la tecla 2, localiza el primer enlace usando la tecla K, y localiza el primer botón usando la tecla B (si existe). Practica hasta que estos movimientos te resulten automáticos.
Resumen de lo imprescindible
- NVDA tiene, en la web, dos modos principales: exploración (para moverte y leer) y formulario (para escribir dentro de un campo).
- Las teclas de una sola letra (H, B, F, K...) son atajos de navegación que sólo funcionan en modo exploración.
- Tab y Mayús+Tab mueven el foco elemento a elemento, en cualquier modo.
- Escape saca del modo formulario cuando te quedas «atrapado» escribiendo sin querer.
- Ctrl + Inicio y luego H son la forma más fiable de reorientarte si pierdes la noción de dónde estás.
No necesitas aprender todavía
Todavía no necesitas saber usar los «modos de exploración por objetos» avanzados de NVDA (revisión por objetos, navegación por tablas complejas). Esos recursos se explican más adelante, cuando aparezcan páginas que realmente los requieran.
Estoy preparado para continuar si puedo…
- Explicar con mis palabras la diferencia entre modo exploración y modo formulario.
- Moverme por encabezados (H) y por botones (B) sin usar el ratón.
- Recuperar el foco cuando lo pierdo, usando Ctrl+Inicio y H.
- Salir de un campo de texto en el que me he quedado «atrapado», usando Escape o Tab.
Fuentes
Última actualización de esta lección: 2026-02-10.
Test de la lección
Para realizar el test y obtener Puntos de profesionalidad necesitas iniciar sesión o crear una cuenta.
Navegación
Continuar con la siguiente lección: Crea un árbol de carpetas profesional