Codice del widget voce per l'accessibilità: offri un'opzione audio a ogni visitatore
Alcuni visitatori preferiscono ascoltare anziché leggere. Un widget voce offre loro un'opzione audio con una riga di codice. Ecco come configurarlo con cura.
Pubblicato:
Non tutti i visitatori leggono una pagina allo stesso modo. Le persone ipovedenti, con difficoltà di lettura o con gli occhi stanchi, e chi sta semplicemente facendo più cose insieme, spesso preferiscono ascoltare. Un widget di sintesi vocale offre questa possibilità su richiesta, accanto ai tuoi contenuti esistenti.
Un widget voce è un'opzione in più, non un sostituto di un HTML accessibile. Titoli corretti, testo alternativo, contrasto e navigazione da tastiera restano importanti, e chi usa uno screen reader ne ha bisogno. Il widget aggiunge sopra a tutto questo un comodo percorso audio.
Aggiungi il widget
Crea un widget Voce in Widget e copia il codice:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Un buon punto è vicino all'inizio di articoli lunghi o pagine di assistenza, con un'etichetta breve come "Ascolta questo testo". I visitatori incollano o scrivono un passaggio e lo ascoltano letto ad alta voce, con un link per scaricare l'audio se vogliono conservarlo.
Impostazioni utili
- Etichette chiare: scrivi un titolo e un testo del pulsante che dicano esattamente cosa succede, per esempio "Leggi ad alta voce".
- Un testo segnaposto utile: spiega ai visitatori cosa incollare, come "Incolla un paragrafo per ascoltarlo".
- Un messaggio di errore cordiale: se qualcosa va storto, i visitatori vedono il tuo messaggio invece di un errore tecnico.
- Tema: il tema Come il visitatore segue la preferenza chiara o scura del visitatore, che molte persone impostano per stare più comode.
- Una voce regolare: scegli una voce chiara, con un ritmo moderato, e provala con i tuoi testi.
Mantienilo affidabile
Una funzione di accessibilità che smette di funzionare è peggio di nessuna, quindi metti in campo le protezioni:
- Chiave API: ogni widget funziona con una delle tue chiavi API. Usane una dedicata (l'ultima opzione dell'elenco delle chiavi nell'editor è Crea nuova chiave API) e dalle un limite di spesa giornaliero con cui ti senti tranquillo.
- Avvisi: attiva Inviami un'email quando un widget non funziona in Impostazioni, Controlli dei widget. Ricevi al massimo un'email per widget al giorno quando qualcosa che puoi risolvere va storto, per esempio un saldo esaurito.
- Stato a colpo d'occhio: l'elenco dei widget mostra quando ciascun widget è stato usato l'ultima volta e il suo ultimo errore.
Autorizza i tuoi siti
Elenca i domini su cui il widget può funzionare in Impostazioni, Siti del widget. Per i test in locale, aggiungi localhost:3000 o la porta che usi.
Scopri di più sui modelli vocali nella documentazione sulla voce e configura il tuo widget nella pagina dei widget.