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

Jeśli sprawdzą Państwo konfigurację samodzielnie, mogą Państwo 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. W związku z tym oferujemy opcję pełnego sprawdzenia i optymalizacji strony Eye-Able dla każdej witryny. Jednak niektóre opcje dostosowywania są dostępne w dowolnym momencie dla niezarządzanych użytkowników Eye-Able . Dostępne ustawienia przedstawiono poniżej.

Uwaga: Poniższe konfiguracje stanowią jedynie podzbiór parametrów dostępnych w pełnej optymalizacji za pośrednictwem strony Eye-Able .

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

Oprócz integracji konfiguracji bezpośrednio inline, zmiany w konfiguracji Eye-Able można również wprowadzać za pomocą osobnej funkcji. Zaleca się zatem metodę 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, który ma być wstępnie odczytany (domyślnie: eyeAble_SrText ).

Wykluczanie elementów z funkcji:

Poniższe parametry mogą być użyte do wykluczenia pewnych 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] Wyklucza elementy z powiększenia czcionki

np.

 

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