Código del widget de voz para accesibilidad: ofrece una opción de audio a cada visitante
Algunos visitantes prefieren escuchar antes que leer. Un widget de voz les ofrece una opción de audio con una sola línea de código. Así se configura con cuidado.
Publicado:
No todos los visitantes leen una página de la misma manera. Las personas con baja visión, dificultades de lectura o la vista cansada, y quienes simplemente están haciendo varias cosas a la vez, a menudo prefieren escuchar. Un widget de texto a voz les da esa opción cuando la necesitan, junto a tu contenido actual.
Un widget de voz es una opción adicional, no un sustituto de un HTML accesible. Los encabezados correctos, el texto alternativo, el contraste y la navegación por teclado siguen siendo importantes, y los usuarios de lectores de pantalla dependen de ellos. El widget añade, además, una vía de audio práctica.
Añade el widget
Crea un widget de Voz en Widgets y copia el código:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Un buen lugar es cerca del principio de artículos largos o páginas de ayuda, con una etiqueta breve como "Escuchar este texto". Los visitantes pegan o escriben un fragmento y lo oyen en voz alta, con un enlace de descarga si quieren conservar el audio.
Ajustes que ayudan
- Etiquetas claras: escribe un título y un texto del botón que digan exactamente qué ocurre, por ejemplo "Leer en voz alta".
- Un texto del campo útil: indica a los visitantes qué pegar, como "Pega un párrafo para escucharlo".
- Un mensaje de error amable: si algo falla, los visitantes ven tu mensaje en lugar de un error técnico.
- Tema: el tema Según el visitante sigue la preferencia de modo claro u oscuro del visitante, que muchas personas configuran por comodidad.
- Una voz estable: elige una voz clara y de ritmo moderado, y pruébala con tu propio texto.
Mantenlo fiable
Una función de accesibilidad que deja de funcionar es peor que no tenerla, así que pon las protecciones necesarias:
- Clave API: cada widget funciona con una de tus claves API. Usa una dedicada (la última opción de la lista de claves del editor es Crear nueva clave API) y dale un límite de gasto diario con el que te sientas cómodo.
- Alertas: activa Enviarme un correo cuando falle un widget en Configuración, Controles de widgets. Recibes como máximo un correo por widget y día cuando falla algo que puedes solucionar, como un saldo vacío.
- Estado de un vistazo: la lista de widgets muestra cuándo se usó cada widget por última vez y su último error.
Autoriza tus sitios
Indica los dominios donde puede funcionar el widget en Configuración, Sitios del widget. Para pruebas locales, añade localhost:3000 o el puerto que uses.
Descubre más sobre los modelos de voz en la documentación de voz y configura tu widget en la página de widgets.