Photo Credits: Any IP Ltd, Link do autora to https://anyip.io/ i Simplex - Web Design Sydney 

Jeśli samodzielnie sprawdzisz konfigurację, możesz dostosować Eye-Able - poza konfiguratorem - do własnej strony internetowej. Zalety takiego dostosowania zostały opisane w artykule "Jakie są zalety wstępnego dostosowania?". Aby dokonać tych dostosowań, wymagana jest zaawansowana znajomość HTML i CSS. Dlatego oferujemy opcję pełnego sprawdzenia i optymalizacji Eye-Able dla każdej strony internetowej. Jednak niektóre z tych opcji dostosowywania są dostępne dla niezarządzających użytkowników Eye-Able w dowolnym momencie. Dostępne ustawienia przedstawiono poniżej.

Uwaga: Poniższe konfiguracje są tylko podzbiorem parametrów dostępnych w pełnej optymalizacji Eye-Able.

Aby rozszerzyć konfigurację Eye-Able, należy dodać dodatkowe pary klucz-wartość do zmiennej eyeAble_pluginConfig. Przykładową konfigurację można znaleźć tutaj(https://www.eye-able-cdn.com/example.js)

Oprócz integracji konfiguracji bezpośrednio inline, zmiany w konfiguracji eye-ble można również wprowadzać za pomocą osobnej funkcji. W związku z tym zaleca się stosowanie metody eyeAble_updateConfig(), aby móc samodzielnie wprowadzać zmiany w konfiguracji:

<script type="text/javascript" >
    function eyeAble_updateConfig() {
        eyeAble_pluginConfig.topPosition = "200px"; //Verändere die Top-Position des Icons
        eyeAble_pluginConfig.maxMagnification = 10;
        if(eyeAble_pluginConfig.blacklistContrast){
            //append to the existing rules, otherwise they get overwritten
            eyeAble_pluginConfig.blacklistContrast += ".myClass";
        } else {
            eyeAble_pluginConfig.blacklistContrast = ".myClass";
        }
    }
</script>

Można zakomentować parametry, które nie powinny być zmieniane.

Powiększenie:

Istnieją następujące parametry ograniczające powiększenie:

• maxMagnification: [int] Opisuje maksymalne powiększenie (domyślnie: 21).
• maxMobileMagnification: [int] Opisuje maksymalne powiększenie mobilne (domyślnie: 3).

Stanowisko:

Istnieją następujące parametry umożliwiające zmianę położenia głównej ikony:

• topPosition: [String] Ustawia górną pozycję ikony na pulpicie w % lub px (domyślnie: "10%").
• rightPosition: [String] Ustawia prawą pozycję ikony na pulpicie w px. Jeśli sidePosition jest ustawione na "left", ustawiana jest lewa pozycja (domyślnie: "10px").
• mobileBottomPosition: [String] Ustawia dolną pozycję ikony mobilnej w % lub px (domyślnie: "15%").
• mobileRightPosition: [String] Ustawia prawą pozycję ikony mobilnej w px (domyślnie: "10px").
• sidePosition: [String] Ustawia stronę, po której wyświetlana jest ikona "lewa" lub "prawa" (domyślnie: "prawa").

Wygląd:

Istnieją następujące parametry umożliwiające zmianę wyglądu:

• mainIconAlt: [int] Zmiana głównej ikony pomiędzy trzema wariantami 0, 1 lub 2 (domyślnie: 0).
• iconSize: [int] Zmiana rozmiaru ikony na pulpicie, zalecane wartości między 50-70 pikseli (domyślnie: 70px).
• mobileIconSize: [int] Zmiana rozmiaru ikony mobilnej, zalecane wartości między 35-50 pikseli (domyślnie: 50px).

Czytnik ekranu:

Dostosowywane klasy CSS można zmienić za pomocą następujących parametrów:

• customSrBlacklistCSS: [String] Zmienia klasę CSS dla elementów, które mają zostać wykluczone (domyślnie: eyeAble_SrSkip)
• customSrStartCSS: [String] Zmienia klasę CSS dla nowego elementu startowego (domyślnie: eyeAble_SrStart).
• customSrTextCSS: [String] Zmienia klasę CSS dla bloku do wstępnego odczytu (domyślnie: eyeAble_SrText )

Wyklucz elementy z funkcji:

Poniższych parametrów można użyć do wykluczenia niektórych elementów z funkcji Eye-Able. Jest to przydatne w przypadku tekstu, który wyłamuje się ze swojego kontenera po powiększeniu lub w przypadku elementów, których kolory nie powinny być dostosowywane przez kontrast lub tryb nocny. Elementy można wybierać za pomocą natywnych selektorów CSS (więcej informacji tutaj(https://www.w3schools.com/cssref/css_selectors.asp). Wiele selektorów CSS jest oddzielonych przecinkami. Wyjątek dotyczy również wszystkich elementów podrzędnych wybranych elementów!

• blacklistContrast: [String] Wyklucza elementy z regulacji kolorów kontrastu lub trybu nocnego.

np.

• blacklistFontsize: [String] Wyklucz elementy z powiększenia czcionki

np.

 

• forceWhiteBackground: [String] Wymusza białe tło, gdy włączony jest tryb nocny lub kontrastowy.