Spraakwidgetcode voor toegankelijkheid: bied elke bezoeker een audio-optie
Sommige bezoekers luisteren liever dan dat ze lezen. Een spraakwidget geeft ze met één regel code een audio-optie. Zo stel je hem doordacht in.
Gepubliceerd:
Niet elke bezoeker leest een pagina op dezelfde manier. Mensen die slechtziend zijn, leesproblemen of vermoeide ogen hebben, en mensen die gewoon met meerdere dingen tegelijk bezig zijn, luisteren vaak liever. Een tekst-naar-spraakwidget geeft ze die mogelijkheid op verzoek, naast je bestaande content.
Een spraakwidget is een extra optie, geen vervanging voor toegankelijke HTML. Goede koppen, alt-tekst, contrast en toetsenbordnavigatie blijven belangrijk, en gebruikers van schermlezers zijn ervan afhankelijk. De widget voegt daar een handige audioroute aan toe.
Voeg de widget toe
Maak een widget Spraak aan in Widgets en kopieer de code:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Een goede plek is bovenaan lange artikelen of helppagina's, met een kort label zoals "Luister naar deze tekst". Bezoekers plakken of typen een passage en horen die voorgelezen, met een downloadlink als ze de audio willen bewaren.
Instellingen die helpen
- Duidelijke labels: schrijf een titel en knoptekst die precies zeggen wat er gebeurt, bijvoorbeeld "Voorlezen".
- Een behulpzame plaatshoudertekst: vertel bezoekers wat ze kunnen plakken, zoals "Plak een alinea om die te beluisteren".
- Een vriendelijke foutmelding: als er iets misgaat, zien bezoekers jouw bericht in plaats van een technische fout.
- Thema: het thema Zoals de bezoeker volgt de lichte of donkere voorkeur van de bezoeker, die veel mensen instellen voor meer comfort.
- Een rustige stem: kies een heldere stem met een gematigd tempo en test die met je eigen tekst.
Houd hem betrouwbaar
Een toegankelijkheidsfunctie die niet meer werkt, is erger dan geen, dus zorg voor vangrails:
- API-key: elke widget draait op een van je API-keys. Gebruik een aparte key (de laatste optie in de keylijst van de editor is Nieuwe API-key maken) en geef die een dagelijkse bestedingslimiet waar je je prettig bij voelt.
- Meldingen: schakel Mail me als een widget faalt in onder Instellingen, Widgetinstellingen. Je krijgt maximaal één mail per widget per dag als er iets misgaat wat je kunt oplossen, zoals een leeg saldo.
- Status in één oogopslag: de widgetlijst toont wanneer elke widget voor het laatst is gebruikt en de laatste fout.
Sta je sites toe
Vermeld de domeinen waarop de widget mag draaien onder Instellingen, Widget-sites. Voeg voor lokaal testen localhost:3000 toe of de poort die je gebruikt.
Lees meer over spraakmodellen in de spraakdocumentatie en stel je widget in op de widgetpagina.