Źródło zdjęć: Any IP Ltd, link do autora:https://anyip.io/ oraz Simplex – Web Design Sydney 

W ramach samodzielnej kontroli konfiguracji można dostosować Eye-Able do własnej strony internetowej – wykraczając poza możliwości konfiguratora. Zalety takiego dostosowania opisano w artykule „Jakie korzyści daje mi wstępne dostosowanie?”. Aby wprowadzić te zmiany, konieczna jest zaawansowana znajomość HTML i CSS. Dlatego dla każdej strony internetowej oferujemy opcję pełnej weryfikacji i optymalizacji Eye-Able. Niektóre możliwości tej adaptacji są jednak dostępne w każdej chwili dla użytkowników Eye-Able korzystających z wersji niezarządzanej. Poniżej przedstawiono dostępne ustawienia.

Uwaga: Poniższe konfiguracje stanowią jedynie podzbiór parametrów dostępnych w ramach pełnej optymalizacji przeprowadzanej przez Eye-Able.

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

Oprócz wbudowania konfiguracji bezpośrednio w kodzie, zmiany w konfiguracji Eye-Able można również wprowadzać za pomocą oddzielnej funkcji. Aby móc samodzielnie wprowadzać zmiany w konfiguracji, zaleca się zatem skorzystanie z metody eyeAble_updateConfig():

<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>

Parametry, których nie należy zmieniać, można skomentować.

Powiększenie:

Istnieją następujące parametry służące do ograniczenia powiększenia:

• maxMagnification: [int] Określa maksymalne powiększenie (wartość domyślna: 21)
• maxMobileMagnification: [int] Określa maksymalne powiększenie na urządzeniach mobilnych (domyślnie: 3)

Stanowisko:

Aby zmienić położenie ikony głównej, dostępne są następujące parametry:

• topPosition: [String] Ustawia pozycję górną ikony na pulpicie w % lub px (domyślnie: „10%”)
• rightPosition: [String] Ustawia pozycję ikony po prawej stronie na pulpicie w pikselach. Jeśli parametr sidePosition ma wartość „left”, ustawiana jest pozycja po lewej stronie (domyślnie: „10px”)
• mobileBottomPosition: [String] Ustawia dolną pozycję ikony w wersji mobilnej w % lub px (domyślnie: „15%”)
• mobileRightPosition: [String] Ustawia pozycję ikony „right” w wersji mobilnej w pikselach (domyślnie: „10px”)
• sidePosition: [String] Określa stronę, po której ma się pojawiać ikona: „left” lub „right” (domyślnie: „right”)

Wygląd:

Aby zmienić wygląd, dostępne są następujące parametry:

• mainIconAlt: [ int] Zmiana głównej ikony spośród trzech wariantów: 0, 1 lub 2 (domyślnie: 0)
• iconSize: [int] Zmiana rozmiaru ikony na pulpicie; zalecane wartości to 50–70 pikseli (domyślnie: 70px)
• mobileIconSize: [int] Zmiana rozmiaru ikony na urządzeniach mobilnych; zalecane wartości to 35–50 pikseli (domyślnie: 50px)

Czytniki ekranu:

Za pomocą poniższych parametrów można modyfikować klasy CSS dostosowujące:

• customSrBlacklistCSS: [ciąg znaków] Zmienia klasę CSS dla elementów, które mają zostać pominięte (domyślnie: eyeAble_SrSkip)
• customSrStartCSS: [ String] Zmienia klasę CSS dla nowego elementu startowego (domyślnie: eyeAble_SrStart)
• customSrTextCSS: [ciąg znaków] Zmienia klasę CSS dla bloku, który ma zostać odczytany (domyślnie: eyeAble_SrText)

Wyodrębnianie elementów funkcji:

Za pomocą poniższych parametrów można wykluczyć określone elementy z działania funkcji Eye-Able. Jest to przydatne w przypadku tekstu, który po powiększeniu wykracza poza swój kontener, lub elementów, których kolory nie powinny być dostosowywane przez tryb kontrastu 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 oddziela się przecinkami. Wyłączenie dotyczy również wszystkich elementów potomnych wybranych elementów!

• blacklistContrast: [String] Wyklucza elementy z dostosowania kolorów w trybie kontrastowym lub nocnym.

np.

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

np.

 

• forceWhiteBackground: [ String] Wymusza białe tło przy włączonym trybie nocnym lub trybie kontrastowym