Código do widget de voz para acessibilidade: ofereça uma opção em áudio a todo visitante

Nem todo visitante lê uma página da mesma forma. Pessoas com baixa visão, dificuldades de leitura ou olhos cansados, e pessoas que simplesmente estão fazendo várias coisas ao mesmo tempo, muitas vezes preferem ouvir. Um widget de texto para fala oferece essa opção sob demanda, ao lado do seu conteúdo atual.

Um widget de voz é uma opção a mais, não um substituto para HTML acessível. Títulos bem estruturados, texto alternativo, contraste e navegação por teclado continuam importando, e quem usa leitor de tela depende deles. O widget acrescenta um caminho prático em áudio por cima disso.

Adicione o widget

Crie um widget do tipo Voz em Widgets e copie o código:

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

Um bom lugar é perto do início de artigos longos ou páginas de ajuda, com um rótulo curto como "Ouvir este texto". Os visitantes colam ou digitam um trecho e o ouvem lido em voz alta, com um link para baixar se quiserem guardar o áudio.

Configurações que ajudam

• Rótulos claros: escreva um título e um texto de botão que digam exatamente o que acontece, por exemplo "Ler em voz alta".
• Um texto de campo útil: diga aos visitantes o que colar, como "Cole um parágrafo para ouvi-lo".
• Uma mensagem de erro amigável: se algo der errado, os visitantes veem a sua mensagem em vez de um erro técnico.
• Tema: o tema Igual ao visitante segue a preferência de modo claro ou escuro do visitante, que muitas pessoas definem por conforto.
• Uma voz estável: escolha uma voz clara e de ritmo moderado e teste-a com o seu próprio texto.

Mantenha tudo confiável

Um recurso de acessibilidade que para de funcionar é pior do que nenhum, então coloque proteções:

• Chave de API: todo widget funciona com uma das suas chaves de API. Use uma exclusiva (a última opção da lista de chaves do editor é Criar nova chave de API) e dê a ela um limite de gasto diário com o qual você se sinta confortável.
• Alertas: ative Envie-me um e-mail quando um widget falhar em Configurações, Controles de widgets. Você recebe no máximo um e-mail por widget por dia quando ocorre algo que você pode corrigir, como saldo zerado.
• Situação de relance: a lista de widgets mostra quando cada widget foi usado pela última vez e o último erro.

Autorize seus sites

Liste os domínios onde o widget pode funcionar em Configurações, Sites do widget. Para testes locais, adicione localhost:3000 ou a porta que você usa.

Saiba mais sobre modelos de voz na documentação de voz e configure seu widget na página de widgets.