Tutorial: Uso de WhatsApp Web con NVDA

Escrito por Carlos Esteban Martínez Macías, con colaboración de Elson Efraín Carrera Vásquez.
Última actualización: 21/11/2022.
Nota: Este tutorial se aplica a web.whatsapp.com. Está disponible la aplicación WhatsApp en la Microsoft Store para Windows 10 y posterior, con una interfaz mucho más cómoda con teclado y lectores de pantalla. La antigua aplicación WhatsApp Desktop ya no recibe soporte, y sus usuarios han recibido automáticamente la nueva aplicación.
Ten en cuenta que, al abrirla por primera vez, deberás pulsar el botón comenzar. Después, podrás ir al apartado dispositivos vinculados en tu teléfono y vincular siguiendo el paso 3 de la sección escaneando el código QR (no habrá pitido de referencia).

INTRODUCCIÓN

WhatsApp, aplicación de mensajería instantánea popular, tiene un servicio para utilizarse en un ordenador, mediante una interfaz web. En este tutorial te ayudaremos a conocer mejor su estructura y cómo interactuar con NVDA, para un uso más cómodo.

ESCANEANDO EL CÓDIGO QR

El primer paso es escanear el código QR. Abre WhatsApp en tu teléfono, pulsa más opciones o el botón equivalente para el menú (pestaña Configuración si usas iPhone), dispositivos vinculados, Vincular un dispositivo. Luego, usa tu método de desbloqueo si lo solicita.
Aparecerá un código QR en tu pantalla que tendrás que enfocar con la cámara. Asegúrate de desactivar la cortina de pantalla si la estabas usando.

• Para ayudarte a saber dónde está el código, activa en las opciones de NVDA, categoría ratón, la casilla reproducir audio cuando el ratón se mueva.
• Luego, pulsa la g para ir al gráfico «Scan Me», y NVDA+dividir del teclado numérico (disposición de escritorio) o NVDA+shift+m (disposición portátil). Verifica qué disposición usas en la categoría teclado si no estás seguro.
• NVDA reproducirá un pitido que te ayudará con la distancia del código. Enfoca la cámara del teléfono hacia la pantalla, con una distancia entre el ratón o touchpad y la barra espaciadora. Si tienes dudas, puedes pedir ayuda visual.
• Cuando el teléfono vibre, ya estarás conectado.

Nota: Si el código QR caduca, encontrarás un botón para actualizarlo. Si no deseas que tu sesión se mantenga abierta, desactiva la casilla de verificación Mantener sesión iniciada antes de escanear el código QR. También puedes administrar tus sesiones abiertas en un futuro con el teléfono, desde el apartado Dispositivos vinculados al que accedemos para el código QR. También ten en cuenta que si usas un navegador y mantienes la sesión iniciada, se puede cerrar si borras kookies y otros archivos del sitio.

ESTRUCTURA

Si vamos con modo exploración pulsando control+inicio, tenemos:

• Un botón que nos permite acceder a la pestaña comunidad.
• Estados. Podemos ver los estados que hayan publicado nuestros contactos. Esto no es muy cómodo, ya que aparecen los contactos que han publicado actualizaciones recientemente, pero no es sencillo activarlos, por lo que te recomendamos ver estados desde el teléfono si usas esta función.
• Nuevo chat: Nos permite escribir a alguno de los contactos, algo que también podemos hacer desde el cuadro de búsqueda que explicaremos luego.
• Menú: Al pulsarlo, tenemos una serie de opciones, como nuevo grupo, ver los mensajes destacados o los ajustes (configuración).
• Cuadro de edición (después del texto Buscar y empezar un chat nuevo). Podemos escribir aquí el nombre de un contacto o grupo y pulsar enter, o las flechas para navegar por los resultados.
• Lista de chats: Para poder interactuar mejor aquí es necesario usar el modo foco.

Al final, podemos encontrar el texto que nos recuerda que podemos enviar y recibir mensajes sin mantener nuestro teléfono conectado y, si estamos desde el navegador, puede estar un enlace para obtener la aplicación independiente de WhatsApp. Si se activó el modo multidispositivo en una actualización, el texto que recuerda mantener el teléfono conectado cambia para recordarte que ahora es posible usar WhatsApp en tu ordenador si mantener la conexión con tu teléfono.

Si deseas tener notificaciones y estás desde el navegador, también habrá un texto que dice Recibe notificaciones de nuevos mensajes. Puedes pulsar control+NVDA+f y escribir notificaciones o alguna otra palabra clave relacionada para encontrarlo. Luego, pulsa enter en activar y acepta el permiso si el navegador lo solicita (el diálogo se enfocará automáticamente o según el navegador lo puedes localizar con f6 o alt+shift+a).

INTERACTUANDO EN LOS CHATS

Una buena práctica es pulsar control+inicio con NVDA puesto en modo exploración, luego la e y por último NVDA+espacio o enter para activar el modo foco. Si pulsas flecha abajo, el foco se pone en la lista de chats para que puedas navegar por las diferentes conversaciones. Si pulsas enter se abre el que seleccionaste, y si pulsas flecha derecha se abrirá el menú contextual para tener opciones como archivar, silenciar o salirnos de algún grupo. Es posible que aparezca un botón llamado abrir el menú contextual, que deberás pulsar con enter o espacio.
Nota: Cuando navegas por la lista de chats con flechas arriba y abajo estos se seleccionan individualmente mientras pasamos. Esta es una desventaja, porque en cuanto pasemos por un chat, en la pantalla se empieza a mostrar y los mensajes se marcan como leídos. Además, control+flechas no funciona para navegar sin seleccionar como en otras listas ni tampoco se puede seleccionar con espacio, es bueno dejar que NVDA nos diga cuántos mensajes tenemos sin leer antes de seguir navegando. Para ir a uno específico, mejor escribe una parte del nombre. Este problema no existe en la aplicación WhatsApp disponible a partir de Windows 10.
Para escribir una parte del nombre e ir al chat que queramos, hay que situarse en el cuadro de edición. Es bueno hacerlo con modo exploración, control+inicio, e y enter. Cuando empecemos a escribir podemos pulsar flecha abajo para ver los resultados y así ir con enter, como siempre.
Si un chat tiene los mensajes temporales activados, la primera vez que lo encuentres te saldrá un aviso que lo indica. Deberás pulsar el botón entendido.

REVISANDO Y ESCRIBIENDO MENSAJES

Cuando entramos a un chat, el foco se sitúa sobre el cuadro de edición para escribir un mensaje. Podemos revisar los mensajes con modo foco o exploración.
Primero, se pulsa tab para ir a la lista de mensajes. Con modo foco, flechas arriba y abajo se mueven y podemos reproducir una nota de voz con espacio. En modo exploración se tiene que pasar por el número y el nombre del contacto (ya sea en un chat individual o grupal) y se reproducen los mensajes de voz con enter. Para revisar mejor los textos largos, activar el botón leer más, descargar un archivo adjunto o añadir a un grupo/enviar un mensaje a un contacto que nos enviaron, podemos volver a modo exploración (NVDA+espacio) y revisar como cualquier página web. Además, para los mensajes de voz o audios adjuntados el botón que aparece después de la persona y antes del texto de mensaje de voz es el de reproducir o pausar. Después de mensaje de voz, aparece su duración total y luego encontramos un deslizador para adelantar o retroceder el mensaje cuando activemos modo foco allí. Si nos enviaron un video, podemos pulsar enter en un texto que nos indica la duración de este o simplemente, un elemento “Cliqueable” que también aparece para ver una imagen.
En modo foco, podemos pulsar flecha derecha sobre un mensaje para responder, responderlo en privado, eliminar o enviar un mensaje privado a esa persona dentro de un grupo. Al eliminar un mensaje nuestro, aparece un diálogo que se enfoca automáticamente, donde debemos elegir si eliminar para ti o para todos. Puedes localizarlo con el modo exploración. En este menú también podemos reenviar un mensaje o descargar un audio, foto o video.
Para reenviar un mensaje:

1. En la lista de mensajes con modo foco, abre el menú contextual del mensaje que desees reenviar con flecha derecha y luego dale flecha abajo hasta reenviar, y enter.
2. Pulsa NVDA+espacio para activar el modo exploración, y luego control+fin. Hay un botón reenviar mensaje. Púlsalo para seguir.
3. Ahora sale un cuadro de edición. Busca el contacto o grupo, o dale flecha abajo hasta encontrarlo y pulsa enter.
4. Luego, con modo exploración, verás dos botones sin etiquetar. Pulsa el segundo y el mensaje se reenviará.

Para reenviar una foto o un video, deberás abrir el contenido con enter pulsando sobre la duración del video o el botón abrir foto y seguir los pasos 2, 3 y 4.
Si pulsamos tab nos encontramos con el botón abrir panel de emojis. Aquí, con modo exploración, podemos ver los botones cerrar panel (lo mismo que pulsar escape para salir de los emojis y similares) y los botones para abrir panel de emojis, Gif y Stikers.
Si necesitamos revisar la información de un contacto o grupo, con modo exploración podemos pulsar control+inicio y luego la b para localizar el botón con el nombre del chat y la última hora de conexión o en línea (si el contacto tiene activado el mostrarlo) o el nombre del grupo y los participantes. Pulsa enter para ver número de teléfono, archivos, entre otras cosas o administrar algún grupo desde ahí.

ESCRIBIR, ADJUNTAR Y MENSAJES DE VOZ

Escribir un mensaje es sencillo. El cuadro de edición funciona como cualquier otro. Al pulsar enter, se envía el mensaje. Se puede pegar un texto de varios párrafos si lo necesitas. También puedes pulsar ctrl  + Enter para crear una nueva línea, creando un párrafo.
Luego tenemos el botón adjuntar. Al pulsarlo, se nos despliegan cinco botones que son fotos y videos, stickers, cámara, documento y contacto. Se abre el explorador de archivos de Windows, y una vez elijamos el archivo y pulsemos enter debemos localizar el botón Enviar. Se puede localizar con control+inicio otra vez, y luego con la b (navegar por botón en el modo exploración). Con el botón añadir archivos, se pueden, como su mismo nombre lo dice, añadir más de uno para adjuntarlos todos al momento de pulsar enter en el botón sin etiquetar, pero se tiene que pulsar varias veces y seguir el proceso de selección mediante el explorador para añadir uno por uno.
Consejo: Luego de pulsar el botón adjuntar, puedes navegar con las flechas por las opciones también usando el modo foco. Además, si activas el modo foco antes de seleccionar el tipo de contenido y elegir el archivo, una vez que elijas los archivos correspondientes en la ventana del Explorador y vuelvas a la ventana de WhatsApp puedes pulsar enter después de unos segundos para finalizar y enviar.
Nota: Si usas la opción documento para enviar un audio, se envía como cualquier otro tipo de documento (sin los botones para descargar y reproducir directamente en el chat). Si deseas que se adjunte como mensaje de voz, debes usar el primer botón de fotos y videos y cuando se abra el explorador, darle tabulador hasta tipo, flecha abajo y luego enter en todos los archivos o all files, y seguir con el proceso.
Para grabar mensajes de voz, localiza con tabulador o modo exploración el botón Mensaje de Voz. Este inicia la grabación. Si es la primera vez, deberás permitir el acceso al micrófono. De nuevo se tiene que seguir el proceso del diálogo de permiso que aparece.
Cuando inicie la grabación, podrás localizar con tabulador los botones cancelar, pausar y enviar, así como ver con modo exploración la duración que llevas hasta el momento.
También puedes consultar un tutorial sobre Cómo gravar mensajes de voz y compartir archivos mediante WhatsApp Web, por Sergio Gómez.

LLAMADAS Y VIDEOLLAMADAS

Si usas la aplicación que puedes descargar desde Microsoft Store, podrás hacer y recibir llamadas y videollamadas con otra persona. Hasta el momento, esta función no está disponible en WhatsApp Web desde el navegador.
El funcionamiento es sencillo. Después del botón que contiene el nombre del contacto en el chat (el que al pulsar enter abre la información) tienes dos botones etiquetados, llamada y videollamada. Cuando actives uno de ellos se abrirá una ventana independiente para el control de la llamada, donde todos los controles para finalizar, cambiar los dispositivos de audio y video, quitar o poner cámara y micrófono, están etiquetados.
Cuando recibas una llamada, también se abrirá una ventana independiente donde tienes los botones etiquetados para responder o rechazar.

Complementos para mejorar la accesibilidad de WhatsApp Web y la aplicación WhatsApp

Para cubrir necesidades y tener un uso más cómodo, miembros de la comunidad han desarrollado un script para la web y un complemento de NVDA para la aplicación. Por favor, ten en cuenta que los desarrolladores deben monitorear y actualizar cada vez que algo cambia, así que ten paciencia si algo no funciona como lo esperas.
WhatsappWithMoreAccessibility es un script desarrollado por juliano Lopes que mejora la accesibilidad de WhatsApp Web al usarlo desde un navegador, etiquetando algún elemento, poniendo encabezados y agregando comandos para consultar cosas como el nombre del chat o contacto, por ejemplo. Para ejecutarlo, primero necesitas instalar la extensión Tampermonkey en navegadores tales como Google Chrome o Microsoft Edge. Es posible que funcione la extensión Greasemonkey si utilizas Firefox. Después, instala el script WhatsApp with more accessibility (sigue el diálogo que muestra la extensión). Para conocer los comandos que añade, puedes leer  el encabezado readme.md en el repositorio del script (en portugués, inglés y español).
Por otra parte, están disponibles dos complementos para mejorar la accesibilidad de la aplicación WhatsApp, y solo debe usarse uno de los dos. Complemento WhatsApp de Gerardo Kessler y complemento WhatsApp Plus de Kostya Gladkiy (no confundir el segundo con la modificación no oficial de WhatsApp para Android con el mismo nombre).

CONCLUSIÓN

Esperamos que este tutorial te sirva para ayudar a entender mejor el uso de WhatsApp Web con NVDA. Cosas como los ajustes a los que puedes acceder desde el botón menú están etiquetadas, así que te animamos a explorar.
Como todo, WhatsApp Web y la aplicación se van actualizando con el tiempo, así que desde aquí este tutorial se irá actualizando cuando sea necesario. Por su puesto, puedes dejarnos comentarios si tienes alguna pregunta, sugerencia o algún aporte.
¡Hasta la próxima!