Yazan Chris Schmidt tarihinde 20 Aralık 2022

Eye-Able Kendi web sitenize manuel olarak uyarlayın

Erişilebilirlik

Eye-Able manuel olarak web sitesine giriş yapınLaptopbildschirm auf dem Programmiersprache zu sehen ist.

Yapılandırma üzerinde kendi kontrolünüzü sağlayarak, Eye-Able'ü - yapılandırıcının ötesinde - kendi web sitenize uyarlayabilirsiniz.

Fotoğraf Kaynakları Any IP Ltd., Yazara bağlantı: Simplex - Sydney Web Tasarımı 

Yapılandırma üzerinde kendi kontrolünüzü sağlamak istiyorsanız, Eye-Able'i - yapılandırıcının ötesinde - kendi web sitenize uyarlayabilirsiniz. Bu tür bir özelleştirmenin avantajları "İlk özelleştirmenin avantajları nelerdir?" başlıklı makalede açıklanmıştır. Bu özelleştirmeleri yapmak için HTML ve CSS konusunda ileri düzeyde bilgi gereklidir. Bu nedenle, her web sitesi için Eye-Able'in tam test ve optimizasyon seçeneğini sunuyoruz. Bununla birlikte, bu özelleştirmenin bazı seçenekleri, Eye-Able'in yönetimi altında olmayan kullanıcılar için her zaman mümkündür. Mevcut ayarlar aşağıda sunulmuştur.

Not: Aşağıdaki yapılandırmalar, Eye-Able aracılığıyla gerçekleştirilen tam optimizasyonda kullanılabilen 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ırma burada bulunabilir. (https://www.eye-able-cdn.com/example.js ).

Yapılandırmanın doğrudan satır içi entegrasyonuna ek olarak, Eye-Able yapılandırmasında değişiklikler ayrı bir fonksiyon aracılığıyla da gerçekleştirilebilir. Yapılandırmada kendiniz değişiklik yapabilmek için, aşağıdaki yöntem kullanılabilir. eyeAble_updateConfig() metodu Bu nedenle tavsiye edilir:

<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 parametreler yorum satırı haline getirilebilir.

Büyütme:

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

  • maksimum Büyütme : [int] Maksimum büyütmeyi tanımlar (varsayılan: 21)

  • maksimumMobilBüyütme : [int] Maksimum mobil büyütme oranını tanımlar (varsayılan: 3).

Konum:

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

  • TopPosition: [Dize] Simgenin masaüstündeki en üst konumunu % veya px cinsinden ayarlar (Varsayılan: "%10")

  • SağPozisyon: [Dize] Simgenin masaüstündeki sağ konumunu piksel cinsinden ayarlar. sidePosition "left" olarak ayarlanırsa, sol konum ayarlanır (varsayılan: "10px").

  • mobilAltKonum : [Dize] Mobil simgenin alt konumunu % veya px cinsinden ayarlar (varsayılan: "%15").

  • mobilDoğruKonum : [Dize] Mobil simgenin doğru konumunu piksel cinsinden ayarlar (varsayılan: "10px").

  • yan konum : [Dize] Simgenin görüneceği tarafı "sol" veya "sağ" olarak ayarlar (Varsayılan: "sağ")

Dış görünüş:

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

  • anaSimgeAlternatifi: [int] Ana simgeyi 0, 1 veya 2 olmak üzere üç seçenekten birine değiştirin (varsayılan: 0)

  • simge boyutu: [int] Masaüstündeki simgenin boyutunu değiştirin, önerilen değerler 50-70 piksel arasındadır (varsayılan: 70px)

  • mobilSimgeBoyutu: [int] Mobil simgenin boyutunu değiştirin, önerilen değerler 35-50 piksel arasındadır (varsayılan: 50 piksel).

Ekran okuyucu:

Aşağıdaki parametreler, özelleştirme CSS sınıflarını değiştirmek için kullanılabilir:

  • customSrBlacklistCSS: [Dize] Hariç tutulacak öğelerin CSS sınıfını değiştirir (varsayılan: eyeAble_SrSkip).

  • customSrStartCSS: [Dize] Yeni başlangıç öğesi için CSS sınıfını değiştirir (varsayılan: eyeAble_SrStart).

  • özelSrTextCSS: [Dize] Okunacak bloğun CSS sınıfını değiştirir (varsayılan: eyeAble_SrText).

Fonksiyonlardan bazı öğeleri hariç tutun:

Aşağıdaki parametreler, Eye-Able fonksiyonlarından belirli öğeleri hariç tutmak için kullanılabilir. Bu, yakınlaştırma yapıldığında kapsayıcısının dışına taşan metinler veya kontrast veya gece moduyla renklerinin ayarlanmaması gereken öğeler için kullanışlıdır. Öğeler, yerel CSS seçicileri kullanılarak seçilebilir. Daha fazla bilgi Burada Birden fazla CSS seçici virgülle ayrılır. Bu istisna, seçilen öğelerin tüm alt öğeleri için de geçerlidir!

  • kara liste Kontrast : [Dize] Kontrast veya gece modu renk ayarlamasından bazı öğeleri hariç tutun.


ÖrneğinEs ist Code zu sehen.

  • kara listeYazı boyutu : [Dize] Yazı tipi büyütmesinden öğeleri hariç tut.

Örneğin

  • BeyazArka Planı Zorla : [Dize] Gece veya kontrast modu etkinleştirildiğinde beyaz bir arka plan kullanılmasını zorunlu kılar.

Sebastian Fjeld

Sebastian Fjeld has been part of the team as a professional voiceover artist and copywriter at Eye-Able® since the beginning. He studied voice acting at a university and was trained by actors. Currently he is completing his education as an interpreter for various languages.

Daha fazla katkı

Eğer biraz daha fazla olabilirse

Filtre

Kategoriye göre filtrele

Kategorileri seçtikten sonra listenin sonundaki düğme ile seçiminizi onaylayın.

Filtreleri sıfırla

Daha fazla bilgiye mi ihtiyacınız var?

Bizimle iletişime geçin, size yardımcı olmaktan memnuniyet duyarız.

a man with down syndrome shows a woman something on the computer. they both laugh