Cómo funciona el lector de pantalla en el widget de accesibilidad
Screen Reader
La función Screen Reader del Accessibility Widget ofrece respuesta hablada a medida que los visitantes exploran tu tienda. Cuando está activada, el navegador lee en voz alta información sobre el contenido o el control que selecciona el visitante, usando el idioma configurado en el menú de accesibilidad. Esta función está diseñada como un asistente de lectura en voz alta para los visitantes que se benefician de escuchar el contenido de la página. No sustituye a tecnologías de asistencia dedicadas como NVDA, JAWS o VoiceOver.
Descripción general
Finalidad | Descripciones habladas de los elementos de la página cuando los visitantes hacen clic en ellos o interactúan con ellos |
|---|---|
Voz | La síntesis de voz integrada en el navegador del visitante |
Idioma | Sigue el idioma seleccionado en el menú de accesibilidad |
Persistencia | La preferencia de activado/desactivado del visitante se guarda para futuras visitas |
Activar Screen Reader
Los visitantes pueden activar Screen Reader de cualquiera de estas formas:
- Menú de accesibilidad: abre el menú de accesibilidad y activa la opción Screen Reader.
- Perfil Blind: al seleccionar el perfil de accesibilidad Blind, se activan automáticamente Screen Reader y los ajustes relacionados.
Cuando Screen Reader está activado, el visitante oye una breve confirmación (por ejemplo, «Screen reader enabled»). Cuando se desactiva, se anuncia una confirmación equivalente.
El ajuste se almacena en el navegador del visitante, por lo que sigue activo en visitas posteriores, a menos que borre los datos del sitio o desactive la función.
Cómo lo usan los visitantes
Después de activar Screen Reader, los visitantes hacen clic en cualquier elemento de la página: la tienda, los formularios, la navegación o los controles del propio menú de accesibilidad. La herramienta identifica el elemento correspondiente y lee en voz alta una descripción hablada.
Mientras se lee el contenido, el elemento correspondiente se resalta visualmente (normalmente con un fondo amarillo) para que el visitante vea qué elemento se está describiendo.
En ciertos elementos interactivos, como botones, enlaces y campos de texto, puede sonar una breve señal sonora justo antes de la descripción hablada, para indicar que se ha seleccionado un control accionable.
Qué se lee en voz alta
Screen Reader está pensado para ofrecer descripciones contextuales, no solo texto sin procesar. Según el elemento, los visitantes pueden oír:
- Botones y enlaces: la etiqueta visible y el tipo de elemento (por ejemplo, «Add to cart, button» o «Shipping policy, link»)
- Encabezados: el texto del encabezado y que el elemento es un encabezado
- Casillas de verificación e interruptores: la etiqueta y el estado (por ejemplo, marcado o sin marcar)
- Menús desplegables: la etiqueta del campo y el valor seleccionado
- Controles deslizantes y de rango: la etiqueta y el valor actual
- Campos de texto: los caracteres o palabras a medida que el visitante escribe; una indicación cuando un campo está vacío
Los elementos decorativos, ocultos a las tecnologías de asistencia o sin una etiqueta significativa, por lo general no se anuncian, para evitar salidas innecesarias o confusas.
Los controles del menú de accesibilidad usan etiquetas habladas específicas para que los iconos y los diseños compactos se describan con claridad (por ejemplo, «Contrast, dark» en lugar de solo un icono visual).
Compatibilidad de idiomas
La salida hablada sigue el idioma seleccionado en el menú de accesibilidad. Si el visitante cambia el idioma del menú, el contenido que se lea en voz alta a continuación, incluidas las confirmaciones de activación y desactivación, usará ese idioma, según la disponibilidad de voces del navegador. Las frases de rol y de estado (como «button», «checked» o «expanded») se pueden personalizar mediante la configuración de textos de tu widget (clickToReadSpeech).
Comportamiento adicional
Escribir en campos de formulario
Cuando un visitante escribe en un campo de texto compatible, Screen Reader puede anunciar los caracteres o palabras insertados. Si se borra el campo, el visitante puede oír una indicación de «empty».
Volver a la página
Si el visitante cambia a otra pestaña del navegador o a otra aplicación y vuelve, Screen Reader puede volver a anunciar el elemento que tiene el foco en ese momento.
Desactivar la función
Al desactivar Screen Reader en el menú, se detiene la lectura en voz alta, se elimina el resaltado y se reproduce una confirmación de desactivación. La preferencia se actualiza en el almacenamiento en consecuencia.
Uso previsto y limitaciones
Screen Reader es adecuado para visitantes que:
- Prefieren o necesitan respuesta auditiva mientras navegan
- Se benefician de etiquetas habladas para botones, enlaces y controles de formulario
- Usan la opción de lectura en voz alta del menú de accesibilidad sin instalar software de asistencia independiente
Screen Reader no está pensado para:
- Sustituir a un lector de pantalla completo de escritorio o móvil para una navegación integral
- Leer artículos extensos completos sin interacción (las descripciones se activan principalmente con el clic y el foco)
- Garantizar un comportamiento idéntico en todos los navegadores y motores de voz (la salida depende del navegador del visitante y de las voces del sistema disponibles)
Recomendamos probar Screen Reader en tu tienda con los recorridos de cliente más habituales (páginas de producto, carrito, checkout y flujos de cuenta) para confirmar que los controles clave tienen etiquetas visibles claras y que las descripciones habladas cumplen tus expectativas.
Resumen
Screen Reader ofrece a los visitantes respuesta hablada sobre el contenido y los controles que seleccionan en tu sitio. Resalta el elemento activo mientras habla, respeta el idioma del menú de accesibilidad y recuerda la preferencia de cada visitante. Actívalo desde la opción Screen Reader o desde el perfil Blind en el Pandectes Accessibility Menu.
Actualizado el: 19/10/2026
¡Gracias!