Kod widżetu mowy a dostępność: wersja audio dla każdego odwiedzającego

Nie każdy odwiedzający czyta stronę w ten sam sposób. Osoby słabowidzące, z trudnościami w czytaniu lub ze zmęczonymi oczami, a także te, które po prostu robią kilka rzeczy naraz, często wolą słuchać. Widżet zamiany tekstu na mowę daje im tę możliwość na żądanie, obok Twoich dotychczasowych treści.

Widżet mowy to dodatkowa opcja, a nie zamiennik dostępnego HTML. Poprawne nagłówki, teksty alternatywne, kontrast i nawigacja klawiaturą nadal mają znaczenie, a użytkownicy czytników ekranu na nich polegają. Widżet dodaje do tego wygodną ścieżkę audio.

Dodaj widżet

Utwórz widżet typu Mowa w sekcji Widżety i skopiuj kod:

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

Dobrym miejscem jest początek długich artykułów lub stron pomocy, z krótką etykietą typu „Odsłuchaj ten tekst”. Odwiedzający wklejają lub wpisują fragment i słyszą go przeczytany na głos, z linkiem do pobrania, jeśli chcą zachować nagranie.

Pomocne ustawienia

• Jasne etykiety: napisz tytuł i etykietę przycisku, które dokładnie mówią, co się stanie, na przykład „Przeczytaj na głos”.
• Pomocny tekst w polu: powiedz odwiedzającym, co wkleić, na przykład „Wklej akapit, aby go usłyszeć”.
• Przyjazny komunikat błędu: jeśli coś pójdzie nie tak, odwiedzający zobaczą Twój komunikat zamiast błędu technicznego.
• Motyw: motyw Jak u odwiedzającego dopasowuje się do jasnego lub ciemnego trybu odwiedzającego, który wiele osób ustawia dla wygody.
• Spokojny głos: wybierz wyraźny głos o umiarkowanym tempie i przetestuj go na własnym tekście.

Zadbaj o niezawodność

Funkcja dostępności, która przestaje działać, jest gorsza niż jej brak, więc wprowadź zabezpieczenia:

• Klucz API: każdy widżet działa na jednym z Twoich kluczy API. Użyj osobnego klucza (ostatnią opcją na liście kluczy w edytorze jest Utwórz nowy klucz API) i nadaj mu dzienny limit wydatków, który Ci odpowiada.
• Powiadomienia: włącz opcję Wyślij mi e-mail, gdy widżet przestanie działać w sekcji Ustawienia, Ustawienia widżetów. Otrzymasz najwyżej jeden e-mail na widżet dziennie, gdy wystąpi problem, który możesz naprawić, na przykład puste saldo.
• Stan na pierwszy rzut oka: lista widżetów pokazuje, kiedy każdy widżet był ostatnio używany, oraz jego ostatni błąd.

Zezwól na swoje strony

Wpisz domeny, na których widżet może działać, w sekcji Ustawienia, Strony widżetów. Do testów lokalnych dodaj localhost:3000 lub port, którego używasz.

Więcej o modelach mowy dowiesz się z dokumentacji mowy, a widżet skonfigurujesz na stronie widżetów.