Web Accessibility Academy · Lección

Modo de exploración frente a modo de foco

Comprenda las dos formas en que los usuarios interactúan con una página.

Lección 3 de 413 pasos

Modo de exploración frente a modo de foco es una lección gratuita de Web Accessibility Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Web Accessibility Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Web Accessibility Academy incluye 4 lecciones en total.

Dos formas de interactuar

Los lectores de pantalla de escritorio tienen dos modos. El Browse mode lee el contenido, mientras que el modo de foco permite escribir. Conocer ambos evita muchas confusiones. 🔁

El modo de exploración lee

En browse mode, teclas como H, K y las flechas permiten navegar por la página. El lector las intercepta para que pueda hojear encabezados y enlaces.

Una copia virtual

El modo de exploración funciona sobre un virtual buffer aplanado de la página. Por eso puede recorrer el texto con las flechas igual que en cualquier documento.

El modo de foco permite escribir

Cuando llega a un campo de texto, el lector cambia al focus mode. Ahora las pulsaciones se envían directamente al campo en lugar de servir para navegar.

Por qué importa el cambio

Sin dos modos, escribir la letra H saltaría a los encabezados en vez de introducirla. El Focus mode permite completar realmente un formulario.

Cambio automático

NVDA cambia por sí solo al modo de foco cuando el foco llega a un editable field o a un widget que necesita recibir las pulsaciones directamente.

Forzar el modo

También puede cambiarlo manualmente. En NVDA, NVDA plus Space alterna entre los modos de exploración y de foco cuando el cambio automático se equivoca.

NVDA: press NVDA + Space to toggle modes

El equivalente en VoiceOver

VoiceOver llama Quick Nav off a su estado de escritura. Activar o desactivar Quick Nav alterna entre explorar e interactuar, de forma similar a los dos modos.

Los widgets personalizados pueden confundirlo

Un botón falso o un div que simula ser un menú puede dejar al lector en el mode equivocado, de modo que las pulsaciones no producen nada útil.

Los roles correctos lo solucionan

Los roles correctos indican al lector cuándo debe entrar en el modo de foco. Los controles de formulario reales y los roles ARIA adecuados hacen que el cambio se produzca en el momento oportuno.

Pruebe ambos recorridos

Durante la auditoría, compruebe que la lectura funciona en browse mode y que cada campo acepta texto cuando se activa el modo de foco.

Comprobación rápida

¿Qué permite hacer al usuario el modo de foco de un lector de pantalla?

Recapitulación

El modo de exploración lee y permite navegar; el focus mode permite escribir e interactuar. Los roles correctos cambian automáticamente de modo para que los usuarios nunca se queden bloqueados. ✅

Gratis para empezar

Aprende HTML con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
30
Lecciones
120

Preguntas frecuentes

¿La lección «Modo de exploración frente a modo de foco» es gratis?

Sí — el texto completo de «Modo de exploración frente a modo de foco» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Web Accessibility Academy, actualiza a CoddyKit PRO. El curso de Web Accessibility Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Modo de exploración frente a modo de foco»?

Comprenda las dos formas en que los usuarios interactúan con una página. Practicas Web Accessibility Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Web Accessibility Academy?

No se requiere experiencia previa. Web Accessibility Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.

¿Cuánto tiempo toma la lección «Modo de exploración frente a modo de foco»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Web Accessibility Academy?

Sí. Cada lección de Web Accessibility Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Activar NVDA, VoiceOver y TalkBack
  2. Los gestos y atajos de teclado esenciales
  3. Modo de exploración frente a modo de foco
  4. Una prueba repetible con lector de pantalla
← Volver a Web Accessibility Academy