Domyślnie oprogramowanie wspomagające Eye-Able® jest umieszczone na stronie internetowej w postaci ikony przymocowanej względem okna wyświetlania. Ta widoczna lokalizacja w połączeniu z ikonami o wysokim kontraście sprawdziła się w testach użytkowników jako łatwa w obsłudze, nawet w przypadku osób z poważnymi wadami wzroku. Eye-Able® można jednak również bez problemu osadzić bezpośrednio na stronie internetowej. Umożliwia to integrację z paskiem nawigacyjnym lub innymi istniejącymi elementami strony.
Jako alternatywę dla standardowej ikony można wykorzystać dowolny element na stronie. Z tym elementem powiązane są funkcje „otwierania i zamykania” standardowej ikony. W tym celu nowy element docelowy należy samodzielnie utworzyć lub dostosować!
Aby utworzyć to powiązanie, należy dodać do nowego elementu docelowego identyfikator CSS„eyeAble_customToolOpenerID”. Gdy tylko na stronie pojawi się element o tym identyfikatorze, standardowe logo zostanie ukryte, a do tego zdarzenia zostanie dodany odpowiedni detektor zdarzeń. Pasek narzędzi pozostaje w tym samym miejscu, w którym znajdowałoby się standardowe logo.
Jeśli ma zostać osadzonych kilka przycisków do otwierania/zamykania, można również użyćklasy CSS „eyeAble_customToolOpenerClass”. Działa to dokładnie tak samo jak w przypadkumetody z identyfikatorem CSS.
Uwaga: Na wszystkich podstronach, na których nie ma takiego elementu o identyfikatorze eyeAble_customToolOpenerID lub klasy eyeAble_customToolOpenerClass , nadal wyświetlane będzie standardowe logo!
Jeśli chcesz powiązać Eye-Able z elementem na stronie bez ukrywania głównego logo, możesz użyć„eyeAble_customToolOpenerNoHideClass”.
Można również otworzyć pasek narzędzi Eye-Able bezpośrednio poprzez link. W tym celu wystarczy jako adres docelowy linku wpisać „javascript:EyeAbleAPI.toggleToolbar()”.
Należy upewnić się, że punkt dostępu do programu Eye-Able jest dostępny za pomocą klawiatury i zawiera tekst przystosowany dla czytników ekranu. Przykładowy opis mógłby brzmieć: „Otwórz oprogramowanie wspomagające widzenie. Dostępne za pomocą klawiatury poprzez skróty klawiszowe ALT + 1”.
W celach demonstracyjnych na tej stronie umieszczono następujące logo:
Logo Eye-Able do pobrania i umieszczenia na stronie można znaleźć tutaj (lub w formacie SVG tutaj):
