Osadzanie Eye-Able bezpośrednio na stronie

Domyślnie oprogramowanie wspomagające Eye-Able® jest zintegrowane ze stroną internetową jako ikona stała względem obszaru widoku. To obecne położenie, w połączeniu z ikonami o wysokim kontraście, okazało się łatwe w użyciu w testach użytkowników, nawet dla osób z dysfunkcją wzroku. Eye-Able® można jednak bez problemu osadzić bezpośrednio na stronie internetowej. Umożliwia to integrację z paskiem nawigacyjnym lub innymi istniejącymi kontenerami.

Alternatywą dla zwykłej ikony może być dowolny element na stronie. Funkcje „otwierania i zamykania” zwykłej ikony są powiązane z tym elementem. Nowy element docelowy musi zostać utworzony lub dostosowany do tego celu!

Aby utworzyć link, należy wpisać identyfikator CSS „ eyeAble_customToolOpenerID „należy dodać do nowego elementu docelowego. Gdy tylko element o tym identyfikatorze pojawi się na stronie, zwykłe logo zostanie ukryte, a do tego zdarzenia zostanie dodany odpowiedni obiekt EventListener. Pozycja paska narzędzi pozostanie taka sama, jak w przypadku zwykłego logo.

Jeżeli ma być osadzonych kilka przycisków otwierania/zamykania, Klasa CSS " eyeAble_customToolOpenerClass " można również użyć. Ten zachowanie jest identyczne z metodą CSS-ID .

Uwaga: Na wszystkich podstronach, na których nie ma elementu z klasą eyeAble_customToolOpenerID-ID lub eyeAble_customToolOpenerClass, nadal będzie wyświetlane zwykłe logo!

Jeżeli Eye-Able ma być połączony z elementem na stronie bez ukrywania głównego logo, " eyeAble_customToolOpenerNoHideClass Można użyć klasy CSS.

Pasek narzędzi Eye-Able można również otworzyć bezpośrednio za pomocą linku. Wystarczy ustawić cel linku na "javascript:EyeAbleAPI.toggleToolbar()".

Upewnij się, że punkt dostępu dla Eye-Able jest dostępny za pomocą klawiatury i zawiera tekst zrozumiały dla czytników ekranu. Możliwy podpis: „Otwórz oprogramowanie wspomagające wzrok. Dostępne za pomocą klawiatury za pomocą kombinacji klawiszy ALT + 1”.

Logo Eye-Able do pobrania i osadzenia można znaleźć tutaj jako SVG .