Jak utworzyć indywidualny przycisk dla Prosty język?

W tym artykule dowiesz się, jak wbudować prosty język bezpośrednio w swoją stronę

Użyj własnego przycisku

Oprócz gotowego przycisku masz również możliwość utworzenia własnego przycisku dla funkcji „Prosty język”.

W ten sposób możesz w pełni dostosować wygląd, położenie i styl przycisku do swojej strony internetowej oraz zaprojektować go dokładnie tak, jak tego potrzebujesz.

Zasadniczo istnieją dwie możliwości personalizacji: częściowa lub całkowita personalizacja przycisku.

Częściowa personalizacja przycisku

W przypadku częściowej personalizacji Twój własny przycisk zastępuje przycisk domyślny. Funkcja „Prosty język” nadal uruchamia się automatycznie, gdy użytkownicy klikną Twój przycisk.

Możesz wybrać jedną z dwóch opcji.

1. Indywidualny przycisk bez podpowiedzi i ikony

W tej opcji nie korzystasz z gotowych elementów. Twój przycisk zostanie w całości zaprojektowany przez Ciebie i całkowicie zastąpi dotychczasowy przycisk.

Nie są pobierane żadne podpowiedzi ani ikony z systemu.

Działa to w następujący sposób:

• Włącz dostarczony plik JavaScript

• Nie tworzysz tagu <easy-speech>

• Zamiast tego możesz stworzyć własny, spersonalizowany przycisk

• Przypisz przyciskowi identyfikator „easy-speech-custom”

Wtedy wyświetli się tylko Twój indywidualny przycisk.

Po kliknięciu przycisku użytkownicy aktywują tłumaczenie na prosty język. Po ponownym kliknięciu wyświetla się ponownie normalna strona.

2. Indywidualny przycisk z podpowiedzią i ikoną

Również w tej wersji możesz całkowicie samodzielnie zaprojektować wygląd swojego przycisku.

Różnica polega na tym, że wykorzystywane są podpowiedzi i ikony systemu.

Wskazują one na przykład, czy tłumaczenie zostało pomyślnie wykonane. Ponadto po najechaniu kursorem na przycisk pojawia się dymek z dodatkowymi informacjami na temat tłumaczenia.

Działa to w następujący sposób:

• Włącz dostarczony plik JavaScript

• Nie tworzysz tagu <easy-speech>

• Zamiast tego możesz stworzyć własny, spersonalizowany przycisk

• Przypisz przyciskowi identyfikator „easy-speech-custom-including-tooltip”

Następnie wyświetli się Twój spersonalizowany przycisk.

Po kliknięciu przycisku zostanie włączony tryb uproszczony. Po ponownym kliknięciu ponownie wyświetli się normalna strona.

Podczas użytkowania pojawiają się dodatkowe wskaźniki stanu:

• Po rozpoczęciu tłumaczenia przy przycisku wyświetla się ikona ładowania

• Po pomyślnym lub nieudanym tłumaczeniu przycisku pojawia się odpowiednia ikona stanu

• Po najechaniu kursorem na przycisk wyświetla się podpowiedź z informacjami o tłumaczeniu

• Jeśli tłumaczenie trwa dłużej lub się nie powiedzie, pojawi się również podpowiedź

Pełna personalizacja przycisku

W przypadku pełnej personalizacjinie wykorzystujesz gotowych elementów.

Samodzielnie projektujesz swoją przycisk i za pomocą funkcji kontrolujesz włączanie trybu prosty język.

W tej wersji podpowiedzi i ikony nie są pobierane automatycznie.

Działa to w następujący sposób:

• Włącz dostarczony plik JavaScript

• Nie tworzysz tagu <easy-speech>

• Zamiast tego tworzysz własny, indywidualnie zaprojektowany element HTML

• Dodajesz do swojego kodu funkcje służące do włączania prosty język

Do sterowania dostępne są następujące funkcje:

• await EA.activateEasy()
  Włącza tłumaczenie na prosty język.

• await EA.deactivateEasy()
  Wyłącza tryb uproszczony i ponownie wyświetla oryginalną stronę.

Dostępne są dodatkowe funkcje umożliwiające sprawdzanie informacji o stanie funkcji „Prosty język” lub sterowanie jej aktywacją.

Inne dostępne funkcje

Ponadto dostępnych jest kilka funkcji, dzięki którym możesz sprawdzić stan funkcji „Prosty język” lub zarządzać jej użyciem.

Obejmuje to między innymi:

• EA.statusEasy() – zwraca aktualny status prosty język

• EA.isEasyActive() – sprawdza, czy prosty język jest obecnie aktywny

• EA.keepEasyActivated() – zapewnia, że tryb prosty język pozostaje aktywny nawet po zmianie strony

• EA.scriptIsLoaded() – sprawdza, czy skrypt został pomyślnie załadowany

Te funkcje pomogą Ci w elastycznym wdrożeniu prosty język na Twojej stronie internetowej oraz w dostosowaniu go do Twojego interfejsu.