Fotoğraf Kredileri: Any IP Ltd, Yazara Bağlantı https://anyip.io/ ve Simplex - Web Design Sydney 

Yapılandırmayı kendiniz kontrol ederseniz, Eye-Able adresini - yapılandırıcının ötesinde - kendi web sitenize göre özelleştirebilirsiniz. Bu tür özelleştirmelerin avantajları "İlk özelleştirmenin avantajları nelerdir?" başlıklı makalede açıklanmıştır. Bu özelleştirmeleri yapmak için ileri düzeyde HTML ve CSS bilgisi gereklidir. Bu nedenle, her web sitesi için Eye-Able adresinde eksiksiz bir kontrol ve optimizasyon seçeneği sunuyoruz. Bununla birlikte, bu özelleştirme seçeneklerinden bazıları Eye-Able 'un yönetilmeyen kullanıcıları tarafından her zaman kullanılabilir. Mevcut ayarlar aşağıda sunulmuştur.

Not: Aşağıdaki konfigürasyonlar, Eye-Able aracılığıyla eksiksiz bir optimizasyonda kullanılabilecek parametrelerin yalnızca bir alt kümesidir.

Eye-Able yapılandırmasını genişletmek için eyeAble_pluginConfig değişkenine ek anahtar-değer çiftleri eklenmelidir. Örnek bir yapılandırmayı burada bulabilirsiniz(https://www.eye-able-cdn.com/example.js)

Yapılandırmayı doğrudan satır içine entegre etmenin yanı sıra, Eye-Able yapılandırmasındaki değişiklikler ayrı bir işlev kullanılarak da yapılabilir. Bu nedenle, yapılandırmada kendiniz değişiklik yapabilmek için eyeAble_updateConfig() yöntemiaracılığıyla yöntem önerilir:

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

Değiştirilmemesi gereken parametreleri yorumlayabilirsiniz.

Büyütme:

Büyütmeyi sınırlamak için aşağıdaki parametreler mevcuttur:

• maxMagnification: [int] Maksimum büyütmeyi açıklar (varsayılan: 21)
• maxMobileMagnification: [int] Maksimum mobil büyütmeyi açıklar (varsayılan: 3)

Pozisyon:

Ana simgenin konumunu değiştirmek için aşağıdaki parametreler mevcuttur:

• topPosition: [String] Simgenin masaüstündeki üst konumunu % veya px cinsinden ayarlar (varsayılan: "10%")
• rightPosition: [String] Simgenin masaüstündeki sağ konumunu px cinsinden ayarlar. sidePosition "left" olarak ayarlanmışsa, sol konum ayarlanır (varsayılan: "10px")
• mobileBottomPosition: [String] Mobil simgenin alt konumunu % veya px cinsinden ayarlar (varsayılan: "15%")
• mobileRightPosition: [String] Mobil simgenin sağ konumunu px cinsinden ayarlar (varsayılan: "10px")
• sidePosition: [String] Simgenin görüneceği tarafı "sol" veya "sağ" olarak ayarlar (varsayılan: "sağ")

Görünüş:

Görünümü değiştirmek için aşağıdaki parametreler mevcuttur:

• mainIconAlt: [int] Ana simgeyi 0, 1 veya 2 değişkenleri arasında değiştirin (varsayılan: 0)
• iconSize: [int] Masaüstündeki simgenin boyutunu değiştirin, önerilen değerler 50-70 piksel arasındadır (varsayılan: 70px)
• mobileIconSize: [int] Mobil simgenin boyutunu değiştirin, önerilen değerler 35-50 piksel arasındadır (varsayılan: 50px)

Ekran okuyucu:

Özelleştirme CSS sınıfları aşağıdaki parametrelerle değiştirilebilir:

• customSrBlacklistCSS: [String] Hariç tutulacak öğeler için CSS sınıfını değiştirir (varsayılan: eyeAble_SrSkip)
• customSrStartCSS: [String] Yeni başlangıç öğesi için CSS sınıfını değiştirir (varsayılan: eyeAble_SrStart)
• customSrTextCSS: [String] Ön okuma yapılacak blok için CSS sınıfını değiştirir (varsayılan: eyeAble_SrText )

Öğeleri işlevlerden hariç tutun:

Aşağıdaki parametreler, belirli öğeleri Eye-Able işlevlerinin dışında tutmak için kullanılabilir. Bu, büyütüldüğünde kabından çıkan metinler veya renkleri kontrast veya gece modu tarafından ayarlanmaması gereken öğeler için yararlıdır. Öğeler yerel CSS seçicileri aracılığıyla seçilebilir (daha fazla bilgi burada (https://www.w3schools.com/cssref/css_selectors.asp). Birden fazla CSS seçicisi virgülle ayrılır. İstisna, seçilen öğelerin tüm alt öğeleri için de geçerlidir!

• blacklistContrast: [String] Kontrast veya gece modunun renk ayarlamasından öğeleri hariç tutun.

Örneğin.

• blacklistFontsize: [String] Öğeleri yazı tipi büyütmesinden hariç tut

Örneğin.

 

• forceWhiteBackground: [String] Gece veya kontrast modu etkinleştirildiğinde beyaz arka planı zorlar