🎉 Yeni araç: Basit dil. Düğmeye tıklayın ve canlı olarak deneyin

Eye-Able'ı kendi web sitenize manuel olarak uyarlayın

Resim, bir bilgisayar programının açık olduğu bir dizüstü bilgisayarı göstermektedir. Bilgisayar kodu orada görülebilir.

Gönderiyi paylaş:

Yapılandırmayı kendiniz kontrol ederseniz, Eye-Able'ı yapılandırıcının ötesinde kendi web sitenize göre özelleştirebilirsiniz.
Resim, bir bilgisayar programının açık olduğu bir dizüstü bilgisayarı göstermektedir. Bilgisayar kodu orada görülebilir.

Eye-Able'ı kendi web sitenize manuel olarak uyarlayın

Bu yazıyı paylaşın:

Resim, bir bilgisayar programının açık olduğu bir dizüstü bilgisayarı göstermektedir. Bilgisayar kodu orada görülebilir.
Yapılandırmayı kendiniz kontrol ederseniz, Eye-Able'ı yapılandırıcının ötesinde kendi web sitenize göre özelleştirebilirsiniz.

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'ı - yapılandırıcının ötesinde - kendi web sitenize göre özelleştirebilirsiniz. Bu tür özelleştirmenin avantajları "İlk özelleştirmenin avantajları nelerdir?" makalesinde 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 eksiksiz bir Eye-Able kontrolü ve optimizasyonu seçeneği sunuyoruz. Ancak, bu özelleştirme seçeneklerinden bazıları, Eye-Able'ın 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 tarafından eksiksiz bir optimizasyonda mevcut olan 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-ble 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şlevlerinden hariç 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 faydalı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.

Öğelerin kontrasttan nasıl hariç tutulacağına dair örnek
  • blacklistFontsize: [String] Öğeleri yazı tipi büyütmesinden hariç tut

Örneğin.

Öğelerin büyütmeden nasıl hariç tutulacağına dair örnek

 

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

 

Herkes için kolay

İlgileniyor musunuz? Size yardımcı olmaktan mutluluk duyarız.

Dijital erişilebilirlikle ilgili 25'ten fazla fonksiyona sahip olan Eye-Able, uzun vadede engellerinizi azaltmanıza da yardımcı olur. Bilgilerinizi herkes için erişilebilir hale getirebilir ve hiçbir ziyaretçiyi dışlamayabilirsiniz - kısacası: yüksek pazarlama hacimleri olmadan yeni bir hedef kitleye ulaşabilirsiniz.

Simge erişilebilirlik şeklini gösterir

Danışmanlık görüşmesi

Genel olarak dijital erişilebilirliğe ilişkin bağlayıcı olmayan istişare

Simge erişilebilirlik şeklini gösterir

Analiz

Web sitenizdeki olası optimizasyon potansiyelinin tartışılması

Simge erişilebilirlik şeklini gösterir

Canlı demo

Yardım yazılımının doğrudan web sitenizde sunulması

Diğer katkılar

Biraz daha istersen: