Nowe narzędzie: Prosty język. Proszę kliknąć przycisk i wypróbować na żywo

Osadzanie Eye-Able bezpośrednio na stronie

To zdjęcie przedstawia biurko z wieloma ekranami w chłodnej atmosferze.

Proszę udostępnić post:

Domyślnie oprogramowanie pomocnicze Eye-Able® jest zintegrowane jako ikona na stronie internetowej, która jest ustalona względem rzutni.
To zdjęcie przedstawia biurko z wieloma ekranami w chłodnej atmosferze.

Osadzanie Eye-Able bezpośrednio na stronie

Proszę udostępnić ten post:

To zdjęcie przedstawia biurko z wieloma ekranami w chłodnej atmosferze.
Domyślnie oprogramowanie pomocnicze Eye-Able® jest zintegrowane jako ikona na stronie internetowej, która jest ustalona względem rzutni.

Domyślnie oprogramowanie pomocnicze Eye-Able® jest zintegrowane ze stroną internetową jako stała ikona w stosunku do rzutni. Ta widoczna pozycja w połączeniu z ikonami o wysokim kontraście okazała się łatwa w użyciu w testach użytkowników, nawet dla użytkowników z poważnymi wadami wzroku. Jednak Eye-Able® może być również osadzony bezpośrednio na stronie internetowej bez żadnych problemów. Umożliwia to integrację z paskiem nawigacyjnym lub innymi istniejącymi kontenerami.

Dowolny element na stronie może być używany jako alternatywa dla zwykłej ikony. Funkcje "otwierania i zamykania" zwykłej ikony są powiązane z tym elementem. W tym celu należy utworzyć lub dostosować nowy element docelowy!

Aby utworzyć łącze, do nowego elementu docelowego należy dodać identyfikator CSS"eyeAble_customToolOpenerID". Gdy tylko element z tym identyfikatorem pojawi się na stronie, zwykłe logo zostanie ukryte, a do tego zdarzenia zostanie dodany odpowiedni EventListener. Pozycja paska narzędzi jest nadal taka sama, jak w przypadku zwykłego logo.


Jeśli ma być osadzonych kilka przycisków otwierania/zamykania, klasa CSS "eyeAble_customToolOpenerClass" może być również użyta. Zachowanie jest identyczne z metodą CSS ID.

 

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

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


Możliwe jest również otwarcie paska narzędzi Eye-Able bezpośrednio poprzez link. Aby to zrobić, wystarczy ustawić "javascript:EyeAbleAPI.toggleToolbar()" jako cel lin ku. 


Proszę upewnić się, że punkt dostępu do strony Eye-Able jest dostępny za pomocą klawiatury i zawiera tekst dostępny dla czytników ekranu. Jednym z możliwych oznaczeń może być: "Otwórz oprogramowanie wspomagające widzenie. Dostęp za pomocą klawiatury poprzez ALT + 1"


W celach demonstracyjnych osadzanie to odbywa się na tej stronie z następującym logo:

Mogą Państwo pobrać i osadzić logo Eye-Able tutaj (lub jako SVG tutaj):

Eye-Able Logo - mężczyzna na czarnym tle

Łatwy dla każdego

Czy są Państwo zainteresowani? Z przyjemnością Państwu pomożemy.

Dzięki ponad 25 funkcjom związanym z dostępnością cyfrową, Eye-Able pomaga również w ograniczaniu barier w dłuższej perspektywie. Mogą Państwo udostępnić swoje informacje wszystkim i nie wykluczać żadnych odwiedzających - krótko mówiąc: mogą Państwo dotrzeć do nowej grupy docelowej bez dużych nakładów marketingowych.

Ikona pokazuje rysunek dostępności

Rozmowa doradcza

Niewiążące konsultacje w sprawie ogólnej dostępności cyfrowej

Ikona pokazuje rysunek dostępności

Analiza

Omówienie możliwego potencjału optymalizacji Państwa strony internetowej

Ikona pokazuje rysunek dostępności

Demo na żywo

Prezentacja oprogramowania pomocniczego bezpośrednio na Państwa stronie internetowej

Dalszy wkład

Jeśli chcą Państwo trochę więcej: