Eye-Able'i doğrudan sayfaya yerleştirme

Varsayılan olarak, Eye-Able® yardımcı yazılımı, görünüm alanına göre sabit bir simge olarak web sayfasına entegre edilmiştir. Bu mevcut konum, yüksek kontrastlı simgelerle birlikte, görme engelli kullanıcılar için bile kullanım kolaylığı sağladığı kullanıcı testlerinde kanıtlanmıştır. Bununla birlikte, Eye-Able® herhangi bir sorun olmadan doğrudan web sayfasına da yerleştirilebilir. Bu, gezinme çubuğuna veya diğer mevcut kapsayıcılara entegrasyonu sağlar.

Normal simgeye alternatif olarak, sayfadaki herhangi bir öğe kullanılabilir. Normal simgenin "açma ve kapatma" işlevleri bu öğeye bağlıdır. Yeni hedef öğe bu amaç için oluşturulmalı veya uyarlanmalıdır!

Bağlantıyı oluşturmak için CSS ID " eyeAble_customToolOpenerID " yeni hedef öğeye eklenmelidir. Bu kimliğe sahip bir öğe sayfada mevcut olduğunda, normal logo gizlenir ve bu olaya karşılık gelen bir EventListener eklenir. Araç çubuğunun konumu, normal logoyla olduğu gibi kalır.

Birden fazla açma/kapama düğmesi yerleştirilecekse, CSS sınıfı " eyeAble_customToolOpenerClass "Ayrıca şu şekilde de kullanılabilir. O Davranış, CSS-ID yöntemiyle tamamen aynıdır. .

Not: eyeAble_customToolOpenerID-ID veya eyeAble_customToolOpenerClass sınıfına sahip hiçbir öğenin bulunmadığı tüm alt sayfalarda normal logo görüntülenmeye devam edecektir!

Eğer Eye-Able, ana logoyu gizlemeden sayfadaki bir öğeye bağlanmalıysa, " eyeAble_customToolOpenerNoHideClass "CSS sınıfı kullanılabilir."

Eye-Able araç çubuğunu doğrudan bir bağlantı üzerinden de açmak mümkündür. Bunun için bağlantı hedefini şu şekilde ayarlamanız yeterlidir: "javascript:EyeAbleAPI.toggleToolbar()".

Eye-Able erişim noktasının klavye ile erişilebilir olduğundan ve ekran okuyucular için erişilebilir metin içerdiğinden emin olun. Burada kullanılabilecek olası bir başlık şöyle olabilir: "Görsel destek yazılımını açın. Klavye ile ALT + 1 tuş kombinasyonuyla erişilebilir."

İndirilebilir ve eklenebilir Eye-Able logosu şu adreste bulunabilir: SVG olarak burada .