🎉 Nowe narzędzie: prosty język. Kliknij przycisk i wypróbuj na żywo

Integracja z dynamicznym odświeżaniem

Zdjęcie przedstawia kod wyświetlony w konsoli komputerowej.

Udostępnij wpis:

Zdjęcie przedstawia kod wyświetlony w konsoli komputerowej.

Integracja z dynamicznym odświeżaniem

Udostępnij ten post:

Zdjęcie przedstawia kod wyświetlony w konsoli komputerowej.

Oprócz bezpośredniego pobierania zasobów Eye-Able z serwera Eye-Able lub serwera lokalnego istnieje również możliwość pobrania danych z Eye-Able dopiero po kliknięciu ikony. Zaletą tego rozwiązania jest to, że tylko użytkownicy strony, którzy faktycznie korzystają z Eye-Able, nawiązują połączenie z serwerem i pobierają pliki JavaScript. Takie rozwiązanie ma również zalety z punktu widzenia przepisów o ochronie danych, ponieważ użytkownik jest informowany o nawiązywanym połączeniu z serwerem Eye-Able przed jego nawiązaniem.

Logo Eye-Able z polem tekstowym po lewej stronie.
Wskazówka dla użytkowników, którzy jeszcze nie korzystali z Eye-Able

Przy pierwszym uruchomieniu Eye-Able tworzony jest wpis w pamięci lokalnej. Gdy wpis ten zostanie utworzony, Eye-Able zostanie automatycznie załadowane przy następnej wizycie na stronie.

Włączenie do kodu HTML strony

Für die Einbindung von Eye-Able müssen Sie einfach nur die Javascript Datei über ein <script>-Element im HTML der Seite platzieren. Dafür können Sie entweder die Javascript Datei hochladen und diese dann referenzieren:

Przykład osadzenia pliku JavaScript po jego wcześniejszym przesłaniu

Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:

Przykład osadzenia sformatowanego kodu w tekście

Za pomocą pliku JavaScript funkcje umożliwiające dynamiczne ładowanie oraz ikona Eye-Able są wbudowane bezpośrednio w stronę. Można również samodzielnie określić położenie ikony Eye-Able. W tym celu należy zmodyfikować następujące zmienne na początku kodu:

  • eA_top: Zmienia położenie ikony u góry, np. „15%” lub „250px”
  • eA_side: Zmienia położenie ikony w stosunku do krawędzi: „left” lub „right”
  • eA_bottom: Zmienia dolną pozycję ikony na urządzeniach mobilnych, np. „15%”
Fragment kodu integracyjnego służący do dostosowania pozycji

Proste dla wszystkich

Zainteresowaliście się? Chętnie Państwu pomożemy.​

Dzięki ponad 25 funkcjom związanym z cyfrową dostępnością Eye-Able pomoże również Państwu w trwałym zmniejszeniu barier. W ten sposób zapewnią Państwo dostęp do informacji wszystkim i nie wykluczą żadnego odwiedzającego – krótko mówiąc: zdobędą Państwo nową grupę docelową bez konieczności prowadzenia szeroko zakrojonych działań marketingowych.

Ikona przedstawia symbol dostępności

Spotkanie doradcze

Niewiążąca konsultacja dotycząca ogólnych zagadnień związanych z dostępnością cyfrową

Ikona przedstawia symbol dostępności

Analiza

Omówienie możliwych obszarów optymalizacji Państwa strony internetowej​

Ikona przedstawia symbol dostępności

Prezentacja na żywo

Prezentacja oprogramowania wspomagającego bezpośrednio na Państwa stronie internetowej​

Inne artykuły

Jeśli chcesz czegoś więcej: