Addaw, ir a inicio Donar

Lección 3 de 10 · 11 min de lectura · Revisado el 26/10/2026

VoiceOver en macOS e iOS y TalkBack en Android

Más de la mitad del tráfico web es móvil, y las personas usuarias de lector de pantalla en móvil usan sobre todo VoiceOver (iOS) y TalkBack (Android). En escritorio, VoiceOver es el lector integrado en macOS. Un auditor no necesita ser experto en los tres, pero sí debe saber activarlos, navegar, operar controles y reconocer los problemas típicos que solo aparecen en ellos. Los emuladores no sirven: VoiceOver y TalkBack hay que probarlos en dispositivos reales.

VoiceOver en macOS

Se activa y desactiva con Cmd+F5 (o, en los Mac con Touch ID, manteniendo pulsada Cmd mientras se pulsa Touch ID tres veces). Las teclas VO son Control+Opción (o Bloq Mayús, si se configura así en Utilidad VoiceOver). Safari es el navegador de referencia para VoiceOver; con Chrome funciona, pero con más discrepancias.

AcciónComando
Leer todo desde la posición actualVO+A
Siguiente / anterior elementoVO+Flecha derecha / izquierda
Activar el elemento actualVO+Espacio
Rotor (lista de encabezados, enlaces, formularios, landmarks, tablas)VO+U, luego flechas izquierda/derecha para cambiar de categoría
Siguiente encabezadoVO+Cmd+H
Entrar / salir de un grupo (tabla, lista, iframe)VO+Mayús+Flecha abajo / arriba
Navegación rápida con una sola tecla (H, L, B…)VO+Q activa o desactiva la navegación rápida con una sola tecla; la navegación rápida con flechas se alterna con VO+Mayús+Q (en versiones anteriores, Flecha izquierda+derecha a la vez)
Oír un resumen de la ventana actualVO+F2 (VO+Fn+F2 en teclados con tecla Fn)

VoiceOver en macOS tiene una particularidad: por defecto agrupa el contenido y exige «entrar» en tablas o grupos con VO+Mayús+Flecha abajo. Su soporte de ARIA y su forma de agrupar el contenido difieren de los lectores de Windows, así que algo que funciona con NVDA puede fallar con VoiceOver, y al revés.

VoiceOver en iOS

Se activa en Ajustes, Accesibilidad, VoiceOver, o con el atajo de accesibilidad (triple pulsación del botón lateral o de inicio) que conviene configurar antes de auditar. Gestos básicos:

  • Deslizar a la derecha o izquierda con un dedo: siguiente o anterior elemento.
  • Tocar un elemento: lo selecciona y lo lee; doble toque: lo activa.
  • Rotor: girar dos dedos sobre la pantalla como si fuera un dial; permite elegir encabezados, enlaces, controles de formulario, landmarks, etc. Después, deslizar arriba o abajo salta al anterior o siguiente del tipo elegido.
  • Leer todo: deslizar hacia arriba con dos dedos lee desde el principio de la pantalla; hacia abajo con dos dedos, desde el elemento actual.
  • Desplazar la página: deslizar con tres dedos.
  • Cortina de pantalla (apaga la pantalla manteniendo el lector): triple toque con tres dedos.
  • Volver atrás (gesto de rascar con dos dedos): equivale a Escape o al botón atrás.

Qué suele fallar solo en iOS: controles personalizados que dependen de eventos de ratón o de hover; contenido que se muestra con display: none en móvil y se deja accesible, o al revés; menús hamburguesa sin nombre ni estado expandido; tablas convertidas en tarjetas que pierden sus encabezados; modales que no bloquean el contenido de fondo (VoiceOver sigue leyendo lo que hay detrás si no se usa aria-modal o inert); y objetivos táctiles diminutos (2.5.8).

TalkBack en Android

TalkBack es el lector de Google, integrado en la mayoría de dispositivos Android (en algunos fabricantes coexiste con lectores propios). Se activa en Ajustes, Accesibilidad, TalkBack, o manteniendo pulsadas ambas teclas de volumen unos segundos si se ha configurado el atajo. Chrome es el navegador de referencia.

  • Deslizar a la derecha o izquierda: siguiente o anterior elemento; doble toque: activar.
  • Controles de lectura (equivalente al rotor): en dispositivos con gestos de varios dedos se cambian deslizando hacia arriba o hacia abajo con tres dedos (en los demás, deslizando con un dedo hacia arriba y luego hacia abajo, o al revés); después, deslizar hacia abajo o hacia arriba con un dedo salta al siguiente o anterior elemento del tipo elegido (encabezados, enlaces, controles, palabras, etc.).
  • Menú de TalkBack: toque con tres dedos (o deslizar abajo y luego a la derecha) para acciones como leer desde arriba, buscar en pantalla o cambiar de idioma.
  • Exploración táctil: arrastrar un dedo por la pantalla lee lo que hay debajo.
  • Desplazar: deslizar con dos dedos.

TalkBack puede comportarse de forma distinta a VoiceOver con ARIA incompleta y con nombres accesibles calculados de forma compleja. Problemas típicos: iconos sin nombre, estados (aria-expanded, aria-selected) que no se anuncian, enlaces y botones duplicados en la exploración por capas superpuestas, y foco que no se mueve al abrir contenido nuevo.

Ejemplo

Tienda en línea en iPhone con VoiceOver. En la ficha de producto, el selector de talla es una fila de div con onclick. VoiceOver los lee como texto («S», «M», «L») sin indicar que son botones ni cuál está seleccionado, y el doble toque no hace nada. Con TalkBack ocurre lo mismo. Hallazgo: 4.1.2 Nombre, función, valor (rol y estado ausentes) y 2.1.1 Teclado (no operable sin puntero). Evidencia: vídeo de pantalla con audio de VoiceOver (grabación integrada de iOS desde el Centro de control) y captura del DOM.

Diferencias entre lectores que debes conocer

Cada lector calcula y anuncia las cosas de forma algo distinta. Esto es normal y no todo es un fallo del sitio. Diferencias que conviene tener presentes para no reportar falsos problemas:

  • El orden en que se anuncian nombre, rol y estado cambia entre lectores.
  • VoiceOver agrupa elementos y puede leer un enlace con imagen de forma combinada; NVDA los lee por separado.
  • El anuncio de regiones aria-live puede llegar con retraso o duplicarse en TalkBack.
  • El cambio automático de idioma con lang depende de que el lector tenga instalada la voz correspondiente.
  • El soporte de atributos ARIA recientes (por ejemplo, algunos valores de aria-haspopup o roles de 1.2 poco comunes) varía; cuando dudes, comprueba el soporte en la documentación de las tecnologías de apoyo antes de reportar.

En la lección «Soporte de accesibilidad y criterio del auditor» verás cómo clasificar cada una de estas diferencias y cuándo constituyen un fallo del sitio.

Punto clave

Un problema es un fallo WCAG cuando el sitio no proporciona la información (nombre, rol, estado, estructura, alternativa) o no es operable; no cuando un lector concreto la expresa de forma distinta. Si un lector de la línea base no puede operar un control que otro sí, el hallazgo existe, pero el informe debe decir en qué combinación ocurre.

Preparar los dispositivos

  • Un iPhone y un Android con versiones recientes del sistema, Safari y Chrome actualizados; anota modelos y versiones en el informe.
  • Configura los atajos de accesibilidad para activar y desactivar los lectores rápidamente.
  • Activa la grabación de pantalla con audio del sistema para capturar evidencias.
  • Prueba también con el teclado conectado (Bluetooth) en iOS y Android: muchas personas con discapacidad motriz lo usan, y descubre problemas de foco en móvil.
  • En macOS, si usas Safari para pruebas de teclado sin VoiceOver, activa «Pulsar Tab para resaltar cada elemento» en Preferencias, Avanzado; en caso contrario Tab no se detiene en los enlaces.

Error frecuente

Evaluar el sitio «en móvil» reduciendo la ventana del navegador de escritorio con NVDA. Eso prueba el reflow (1.4.10), no la experiencia con VoiceOver o TalkBack: los gestos, el rotor, la exploración táctil y el soporte ARIA son distintos. Hay que usar dispositivos reales.

Resumen

  • VoiceOver (macOS: Cmd+F5, teclas VO, rotor VO+U; iOS: deslizar, doble toque, rotor con dos dedos) y TalkBack (deslizar, doble toque, controles de lectura) deben probarse en dispositivos reales con Safari y Chrome.
  • Problemas típicos en móvil: controles que dependen del ratón, menús sin nombre ni estado, modales que no bloquean el fondo, tablas convertidas en tarjetas, objetivos pequeños.
  • Los lectores anuncian de forma distinta: distingue diferencias legítimas de fallos del sitio y documenta en qué combinación ocurre cada hallazgo.
  • Prepara los dispositivos: atajos de accesibilidad, grabación de pantalla con audio, teclado Bluetooth, versiones anotadas.
  • Reducir la ventana de escritorio prueba el reflow, no la accesibilidad móvil con lector.

Comprueba lo que has aprendido

Esta lección se puede leer libremente. Para hacer su test de 3 preguntas, los ejercicios prácticos con páginas reales, guardar tu avance y optar al examen y al certificado, matricúlate en el curso.

Matricularme · nivel 4 (49 €)