Accessibility Assistant

Asystent ułatwień dostępu:
Przewodnik instalacji i użytkowania Shopify

1. Jak zainstalować

Jak zainstalować aplikację ze sklepu Shopify App Store

a. Przejdź do sklepu z aplikacjami Shopify.

b. Wyszukaj aplikację „Asystent ułatwień dostępu”.

c. Kliknij aplikację.

d. Kliknij „Dodaj aplikację”. Zostaniesz poproszony o zalogowanie się do sklepu Shopify, jeśli jeszcze tego nie zrobiłeś.

e. Po zalogowaniu Shopify wyświetli ekran z prośbą o uprawnienia aplikacji.

f. Kliknij Zainstaluj aplikację.
g. Po zainstalowaniu zostaniesz przekierowany na stronę konfiguracji aplikacji w panelu administracyjnym Shopify.
h. Postępuj zgodnie z instrukcją użytkowania, aby skonfigurować ją dla swojego sklepu.

2. Włącz Asystenta ułatwień dostępu w swoim motywie Shopify

a. Zaloguj się do panelu administracyjnego Shopify.

b. Przejdź do sklepu internetowego > Motywy.

c. Znajdź motyw, który chcesz edytować i kliknij Dostosuj.

d. W edytorze motywów kliknij ikonę Osadzanie aplikacji.

e. Znajdź Asystenta ułatwień dostępu.

f. Aby włączyć, przełącz opcję na WŁ.

shopify-app-embed

g. Kliknij Zapisz w prawym górnym rogu.

3. Przegląd

Asystent Dostępności został zaprojektowany, aby strony internetowe były dostępne dla wszystkich, w tym dla użytkowników z dysfunkcjami wzroku, słuchu, mobilności i funkcji poznawczych. Naszą misją jest łączenie innowacji ze społeczną odpowiedzialnością, aby zapewnić każdej firmie inkluzywne doświadczenie online.

4. Wybierz plan i oferty

Wybierz plan miesięczny:

Zacznij od wyboru planu miesięcznego, który odpowiada Twoim potrzebom. Każdy plan oferuje inne funkcje i opcje personalizacji. Wybrany plan określi, do których funkcji będziesz mieć dostęp w widżecie. Dodatkowo, skorzystaj z 5-dniowego bezpłatnego okresu próbnego, aby poznać wszystkie funkcje i zwiększyć dostępność swojego sklepu.

Wybierz plan roczny:

Wybierz plan roczny, który najlepiej odpowiada Twoim potrzebom. Każdy plan oferuje różnorodne funkcje i opcje personalizacji. Wybrany plan określi funkcje dostępne w widżecie. Dodatkowo, skorzystaj z bezpłatnego rocznego abonamentu, aby zapoznać się ze wszystkimi funkcjami i zwiększyć dostępność swojego sklepu.

Uruchomienie

7 dni bezpłatnego okresu próbnego

3,75 /miesięcznie

44,99 USD/rok.

Oszczędź 2,89 USD w porównaniu z opłatą miesięczną!

  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

Wzrost

7 dni bezpłatnego okresu próbnego

5,92 zł /Miesięcznie

70,99 USD/rok.

Oszczędź 12,89 USD w porównaniu z opłatą miesięczną!

  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

Przyjęty

7 dni bezpłatnego okresu próbnego

15,00 zł /Miesięcznie

179,99 USD/rok.

Oszczędź 35,89 USD w porównaniu z ceną miesięczną!

  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

Uruchomienie

7 dni bezpłatnego okresu próbnego

3,99 USD /Miesięcznie
  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

Wzrost

7 dni bezpłatnego okresu próbnego

6,99 USD /Miesięcznie
  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

Przyjęty

7 dni bezpłatnego okresu próbnego

19,99 zł /Miesięcznie
  • ikona Nieograniczona liczba wyświetleń i nieograniczona widoczność widżetu

5. Jak włączyć/wyłączyć widżet

Klienci będą mieli możliwość dostępu do wtyczki, która umożliwi im dostęp do zaawansowanych funkcji. Dzięki niej klient będzie mógł włączać/wyłączać funkcjonalność i uzyskiwać dostęp do aplikacji w swoim systemie.

1. Jak włączyć/wyłączyć widżet

Klienci mogą zarządzać widocznością widżetu bezpośrednio z ustawień widżetu, włączając lub wyłączając jego widoczność.

2. Jak włączyć widżet ułatwień dostępu i dodać link w stopce

a. Przejdź do panelu administracyjnego Shopify.
b. Przejdź do Sklepu internetowego → Dostosuj, aby otworzyć narzędzie do dostosowywania motywu.
c. przejdź do osadzenia aplikacji.

d. Znajdź i włącz Asystenta ułatwień dostępu.

e. Następnie przejdź do Ustawień aplikacji i włącz opcję „Czy chcesz umieścić jako link” w ustawieniach widżetu.

Jak dodać link ułatwiający dostęp do stopki:

a. przejdź do Sklepu internetowego → Nawigacja.

b. Wybierz menu Stopka.

c. Kliknij Dodaj element menu.

d. W polu Nazwa wpisz: Asystent ułatwień dostępu
e. W polu Link wklej ten kod:

f. Kliknij Dodaj, a następnie kliknij Zapisz menu.

6. Wybierz projekt

Opcja „Wybierz projekt” umożliwia sprzedawcom wybór spośród różnych stylów projektu naszego widżetu, dostosowując go do ich unikalnych preferencji i potrzeb

7. Dostosuj pozycję

Funkcja „Dostosuj pozycję” umożliwia sprzedawcom dokładne dostosowanie umiejscowienia naszego widżetu, dzięki czemu idealnie pasuje do układu i wizji projektu ich witryny.

  • Pozycja pulpitu: Klienci mogą ustawić pozycję widgetu na pulpicie
    (lewy górny róg, prawy górny róg, lewy środkowy róg, prawy środkowy róg, lewy dolny róg, prawy dolny róg).
  • Pozycja mobilna: Klienci mogą ustawić pozycję widżetu na urządzeniu mobilnym
    (lewy górny róg, prawy górny róg, lewy środkowy róg, prawy środkowy róg, lewy dolny róg, prawy dolny róg).
  • Pływające wypełnienie widżetu: Działa tylko wtedy, gdy pozycja jest ustawiona na
    „Lewy dolny” lub „Prawy dolny”.
  • Rozmiar pływającego widżetu: dostosuj rozmiar widżetu ułatwień dostępu według własnych preferencji.

8. Funkcje

Użyj ustawień menu, aby włączyć lub wyłączyć funkcje.

Nawigacja i wprowadzanie danych

  • Nawigacja klawiaturowa
  • Zaznacz linki
  • Podpowiedź alternatywna obrazu
  • Wyrównanie
  • Dostosuj kolory tła
  • Przydatne linki
  • Nawigacja głosowa
  • Klawiatura wirtualna

Sterowanie wyświetlaczem i multimediami

  • Cursor
  • Czytelne czcionki
  • Zatrzymanie animacji
  • Ukryj obraz/wideo
  • Wycisz dźwięki
  • Zaznacz kursor
  • Mów i pisz
  • Wyłącz dźwięk widżetu

Dostosowywanie treści

  • Tryby nasycenia
  • Maska ostrości
  • Odstępy między wyrazami
  • Mowa tekstowa
  • Skalowanie treści
  • Oznacz elementy po najechaniu na nie kursorem
  • Color Blind Options
  • Wyłącz opcję Zgłoś problem
  • Ukryj oświadczenie

Ulepszenia wizualne

  • Kontrast
  • Większy tekst
  • Podkreślenie tytułu
  • Wzmacniacz tekstu
  • Odstępy między literami
  • Wysokość linii
  • Dostosuj kolory tekstu
  • Dostosuj kolory tytułu
  • Ukryj GIF
  • Tryb czytania
  • Duży czarny kursor
  • Opcje profilu
  • Wyłącz branding
  • Zmienna językowa

Oświadczenie

Klienci mogą aktualizować treść wyciągu lub dodać link do strony wyciągu, włączając lub wyłączając opcję linku do wyciągu w ustawieniach menu.

9. Zmienna językowa

Funkcja zmiennej językowej pozwala Twojemu widżetowi automatycznie dostosować się do języka wybranego na Twojej stronie internetowej. Po jej włączeniu widżet wykryje i dopasuje aktywny język witryny, zapewniając płynne i spójne działanie użytkownikom poruszającym się po witrynie w różnych językach. Jest to szczególnie przydatne, jeśli Twój sklep posiada już selektor języka, ponieważ poprawia dostępność i gwarantuje, że zawartość widżetu zawsze będzie wyświetlana w preferowanym przez użytkownika języku bez konieczności dodatkowej konfiguracji.

Klient może włączyć lub wyłączyć tę funkcję w ustawieniach menu.

10. Sortowanie języków

Funkcja sortowania języków pozwala dostosować kolejność wyświetlania języków na stronie Język i w widżecie. Wystarczy użyć strzałek w górę i w dół obok każdego języka, aby zmienić ich kolejność zgodnie z preferencjami. Gdy będziesz zadowolony z kolejności, kliknij „Zapisz ranking”, aby zastosować zmiany. Języki będą wówczas wyświetlane w tej samej kolejności w sklepie i w widżecie, zapewniając użytkownikom spójne wrażenia.

shopify-gif

11. Edycja funkcji specyficznych dla danego języka

Po kliknięciu ikony Edytuj zostaniesz przekierowany na stronę, na której możesz dostosować nazwy funkcji dla danego języka.

Na tej stronie:

  • Możesz aktualizować etykiety funkcji ułatwień dostępu (np. nawigacja za pomocą klawiatury, duży kursor, przewodnik czytania) w wybranym języku.
  • Te dostosowane nazwy będą wyświetlane w widżecie ułatwień dostępu użytkownikom przeglądającym witrynę w danym języku.
  • Dzięki temu wszystkie nazwy funkcji zostaną przetłumaczone lub dostosowane do Twoich preferencji, dzięki czemu widżet stanie się bardziej przyjazny dla użytkownika i spójny dla odbiorców.

12. Łatwość dostępu do zmiany koloru tła/czcionki

Infine, accedi alle impostazioni per modificare i colori dello sfondo e del carattere. Questo passaggio ti zgody na personalizare l’aspetto del widget, asscurandoti che si dostosowywać allo styl del tuo marki lub che migliori la leggibilità dla użytkowników. Wybierz preferowane kolory i aplikacje do renderowania widgetów, które będą dostępne i dostępne.

13. Ikona widżetu i personalizacja kolorów

Wybierz ikonę widżetu

  • Możesz wybrać jedną z predefiniowanych ikon ułatwień dostępu dla swojego pływającego widżetu.
  • Wybrana ikona będzie reprezentować widget ułatwień dostępu w Twojej witrynie.

Kolor ikony pływającego widżetu

  • Kolor zewnętrzny: Dostosuj kolor obramowania lub zewnętrznego okręgu ikony widżetu, wybierając kolor lub wprowadzając kod szesnastkowy (np. #683996).
  • Kolor wewnętrzny: dostosuj tło lub wewnętrzny obszar ikony widżetu, korzystając z selektora kolorów lub kodu szesnastkowego (np. #F2F7FA).

14. Analiza wykorzystania funkcji

Na stronie Pulpit nawigacyjny możesz śledzić, w jaki sposób odbiorcy wchodzą w interakcję z widżetem ułatwień dostępu.

  • Przegląd metryk: Wyświetl na pierwszy rzut oka łączną liczbę otwarć widżetu, klikniętych zdarzeń i interakcji.
  • Najczęściej używane funkcje: Zobacz, z których narzędzi ułatwień dostępu (np. większego tekstu, wysokości wiersza, wysokiego nasycenia, przydatnych linków) korzystają najczęściej odwiedzający Twoją witrynę.
  • Wgląd w interakcję użytkownika: szczegółowe zestawienie częstotliwości korzystania z każdej funkcji, dzięki któremu dowiesz się, które narzędzia są najcenniejsze dla Twoich odbiorców.

15. Opcje widżetu bezgłowego

a. Przejdź do sekcji Ustawienia bezgłowe.

b. W polu opcji widżetu Headless zobaczysz fragment skryptu podobny do tego:

c. Kliknij przycisk Kopiuj, aby skopiować skrypt.
d. Add the Script to Your Frontend. Paste the script into your main HTML layout file.