Używanie własnych etykiet

Przypisywanie własnych etykiet jest niezwykle elastyczną i uniwersalną funkcją umożliwiającą dostosowanie strony do swoich własnych potrzeb. Jaws pozwala przypisywać własne etykiety tekstowe do prawie każdego elementu HTML , do którego możesz przejść przy pomocy klawisza TAB. Do tych elementów zaliczamy łącza tekstowe, łącza graficzne, pola formularzy i przyciski. Można także etykietować elementy graficzne zamieszczone na stronach web. Jaws odczytuje te własne etykiety w miejsce tekstów identyfikacyjnych, przypisanych przez autora strony. Jaws używa własnych etykiet, także do rozpoznawania elementów pojawiających się na listach, takich jak lista pól formularza, wyświetlana po wciśnięciuINSERT+F5.

Można używać tej funkcji do samodzielnego poprawienia elementów na dowolnej stronie, by pomóc sobie w nawigacji po tej stronie, by zredukować nadmierną gadatliwość, by zrekompensować brakujące lub nie wystarczające opisy itp. Przedefiniuj etykiety w całym formularzu lub aplikacji, tak by stały się dla ciebie bardziej użyteczne i zrozumiałe. Dostosuj strony internetowe tak, aby linki i grafiki dostarczały Ci więcej informacji i pomogły od razu odnaleźć to czego potrzebujesz. Funkcja własnego etykietowania zapewnia wielką elastyczność w sposobie odczytywania stron web.

Uwaga: JAWS zapisuje etykiety przypisując je do danej strony, tak więc są one dostępne za każdym razem, kiedy przeglądasz daną stronę. Ponadto, stworzone przez Ciebie etykiety, są stosowane za każdym razem do identycznych elementów pojawiających się na stronach w tej samej domenie. Domena to zazwyczaj pierwsza część adresu strony web. Na przykład, jeśli stworzysz własną etykietę dla przycisku, Jaws odczyta ją za każdym razem kiedy napotkasz ten przycisk na dowolnej stronie należącej do danej domeny. Etykiety użytkownika są zapisywane w plikach JSI w katalogu: Settings\plk\PersonalizedSettings.

Poniższe przykłady demonstrują, jak można używać własnych etykiet, by strony stały się łatwiejsze w użyciu i bardziej zrozumiałe.

Etykietowanie mapy obrazu

Obraz znajdujący się na początku formularza opinii klienta, przedstawia trzy karty, które użytkownicy mogą kliknąć, aby przejść do innych sekcji witryny. Kiedy Jaws czyta ten obraz, słyszymy "zakładki nawigacyjne" . Jest to grafika specjalnego typu, nazywana mapą obrazu. Mapy obrazów posiadają na sobie jeden lub więcej obszarów, które działają jak łącza. Użytkownicy posługujący się myszą, mogą kliknąć na tym obszarze, a użytkownicy JAWS mogą wcisnąćENTER, aby aktywować to łącze.

Ćwiczenie: Mapa obrazu na przykładowym formularzu odpowiedzi klientów, nie jest poprawnie zakodowana do pracy z JAWS. W tym ćwiczeniu użyjesz własnych etykiet, aby uczynić mapę obrazu łatwiejszą do użycia:

  1. Otwórz Formularz opinii klienta na przykładowej stronie web.
  2. Naciśnij CTRL+INSERT+G, zaznacz"zakładki nawigacyjne," i naciśnij ENTER aby przejść do obrazu zakładki nawigacyjne.
  3. Naciśnij strzałkę w dół aby odczytać pierwsze łącze mapy obrazu. Informacja wprowadzona przez autora strony nie jest pomocna przy ustaleniu, jaką akcję wykona dane łącze.
  4. Naciśnij ENTER, aby aktywować to łącze. Wyświetlona wiadomość poinformuje Cię co robi dane łącze. Na prawdziwej stronie, łącze mogło by wczytać inną stronę, bez wyświetlenia tej wiadomości. Powinieneś gruntownie poznać tę stronę, aby poznać działanie danego łącza.
  5. Po przeczytaniu tej wiadomości, naciśnij ENTER, aby zamknąć to okno.

Wskazówka: Normalnie, jeśli podążysz za łączem, żeby zobaczyć jak ono działa, możesz wrócić do strony źródłowej naciskającALT+strzałkę w lewo.

  1. naciśnijINSERT+F2. Wybierz "Etykieta użytkownika," i naciśnij ENTER, aby przypisać własną etykietę dla tego łącza mapy obrazu.
  2. Ponieważ to łącze przeniesie Cię do strony Produkty, wpisz "Produkty" i naciśnij ENTER.
  3. Naciśnij strzałkę w dół, aby odczytać następne łącze mapy obrazu. To łącze także nie posiada poprawnego opisu. Naciśnij ENTER, aby sprawdzić, jaką akcję wykonuje to łącze.
  4. Po przeczytaniu tej wiadomości, naciśnij ENTER, aby zamknąć to okno.
  5. Następnie, naciśnijINSERT+CTRL+TAB. Jest to skrót klawiszowy, który możesz użyć do etykietowania elementu HTML.
  6. Ponieważ to łącze przenosi Cię do strony Zakupy, wpisz "Sklep," i naciśnij ENTER.
  7. Naciśnij CTRL+HOME i następnie rozpocznij ponowne czytanie strony. Zauważ, że JAWS odczytuje teraz etykiety, które przypisałeś do łączy mapy obrazu zamiast "tab2" and "tab3."

Wskazówka JAWS: JAWS używa etykiet także kiedy element pojawia się na liście elementów HTML. naciśnijINSERT+F7. Zauważ, że stworzone przez Ciebie etykiety, są użyte do oznaczenia łączy mapy obrazu na liście łączy, zamiast "tab2" i "tab3."

Etykietowanie łączy tekstowych

Bardzo często zdarza się, że aktualny tekst łącza jest niejasny. Możesz użyć własnych etykiet, do zmiany nazwy łącza. Użyj tej funkcji, aby skrócić rozwlekłe łącza, i rozwiń opis, gdy jest zbyt krótki.

Ćwiczenie: Postępuj według poniższych kroków, aby zobaczyć, jak możesz użyć Jaws do etykietowania łączy tekstowych.

  1. Otwórz Formularz opinii klienta na przykładowej stronie web.
  2. Naciśnij INSERT+F7 aby wyświetlić listę łączy dostępnych na tej stronie. Znajdź łącze nazwane "Tutaj." Nazwa ta niczego nie wyjaśnia. Zaznacz łącze "Tutaj" i wybierzPrzejdź do łącza, aby przejść do miejsca gdzie to łącze znajduje się na stronie, tak byś mógł dowiedzieć się więcej o nim.
  3. Naciśnij ALT+NUMeryczne 5, aby przeczytać zdanie, w którym występuje to łącze. Z kontekstu zdania, możesz ustalić, że to łącze pozwala Ci wysłać e-mail do WebMaster.
  4. Naciśnij INSERT+CTRL+TAB, aby zaetykietować to łącze.
  5. Wpisz "Wysyłanie e-maila do WebMastera" i naciśnij ENTER.
  6. naciśnij ALT+NUMeryczne 5, aby przeczytać zdanie ponownie. Zauważ, że Jaws czyta Twoją etykietę zamiast słowa "tutaj".
  7. Naciśnij INSERT+F7 ponownie. Wpis "tutaj", który był poprzednio na tej liście, został zastąpiony nowym "Wyślij e-mail do Webmastera". Kiedykolwiek przypiszesz własną etykietę, Jaws wyświetli tę etykietę, gdy ten element pojawi się na liście HTML.
  8. Gdy skończysz, naciśnij ESC, aby zamknąć tę listę.

Etykietowanie pól formularza

Możesz także przypisać własne etykiety do pól formularza i kontrolek takich jak: pola edycyjne, przyciski opcji, pola kombi, pola wyboru i przyciski.

Ćwiczenie: W tym ćwiczeniu będziesz przypisywać własne etykiety do niezaetykietowanych pól edycyjnych.

  1. Otwórz Formularz opinii klienta na przykładowej stronie web.
  2. Naciśnij F, aby przejść do pierwszego pola formularza na stronie. Formularz ten jest zaprojektowany niepoprawnie. Większość kontrolek została zaetykietowana niepoprawnie, lub zostały one całkowicie niezaetykietowane. Naciśnij INSERT+F5, aby wyświetlić listę pól formularzy. Możesz zauważyć, że większość pól na tej liście jest niezaetykietowana.
  3. NaciśnijE kilka razy, aby przejść przez pierwsze trzy pola edycyjne na tej stronie. Jaws odczyta etykietę pierwszego pola jako "Pełna nazwa", ale następne dwa nie mają etykiet. W rzeczywistości pierwsze pole powinno być zaetykietowane jako "imię", drugie pole powinno posiadać etykietę "inicjał", a trzecie pole edycyjne powinno posiadać etykietę "nazwisko".
  4. naciśnij SHIFT+E dwukrotnie, aby wrócić do pierwszego pola edycyjnego, a następnie naciśnij INSERT+CTRL+TAB.
  5. Wpisz "imię" i naciśnij ENTER aby zaetykietować to pole. Przypisz znaczące etykiety dwóm pozostałym polom edycyjnym używając polecenia Etykiety Użytkownika (INSERT+CTRL+TAB).
  6. Wciskaj F aż usłyszysz "Adres." Naciśnij klawisz TAB cztery razy i słuchaj jak JAWS ogłasza każde z nich jako pole powiązane z adresem. Sprawdź, czy możesz ustalić przeznaczenie każdego z tych pól i przypisz im własne znaczące etykiety.
  7. Kiedy skończysz, naciśnij X. To polecenie przeniesie Cię do pierwszego z trzech pól wyboru, których możesz użyć do wskazania poziomu zadowolenia klienta. Każde pole wyboru jest zaetykietowane obrazkami (twarz szczęśliwa, twarz obojętna, i twarz zła). Choć usłyszane opisy są długie, są one dokładne i zakodowane prawidłowo. Te szczególne opisy pochodzą z atrybutów "alt" znaczników "img". W tym przypadku, autor strony zamierzył głównie dostarczyć dodatkowych informacji dla widzących użytkowników, gdy ustawią oni wskaźnik myszy nad obrazem.
  8. Użyj własnych etykiet do skrócenia tych przegadanych etykiet. Naciśnij INSERT+CTRL+TAB, wpisz "pozytywnie", i naciśnij ENTER.
  9. Naciśnij X, aby przejść do następnego pola wyboru i nadaj mu etykietę "obojętnie." Następnie naciśnij X ponownie i zaetykietuj ostatnie pole wyboru "negatywnie".
  10. Naciśnij E, aby przejść do niezaetykietowanego wieloliniowego pola edycyjnego. Z akapitu wprowadzającego i tekstu pierwotnego można wywnioskować, że to pole jest przeznaczone na Twoje uwagi. Naciśnij INSERT+CTRL+TAB, wpisz "uwagi", i naciśnij ENTER.
  11. Naciśnij INSERT+F5, aby wyświetlić ponownie wszystkie pola formularzy na tej stronie. Jaws wyświetla wszystkie pola używając przypisanych im etykiet użytkownika. Formularz ten, powinien być teraz dużo łatwiejszy do wypełnienia. Śmiało wypełnij ten formularz i zobacz jak używanie Etykiet Użytkownika, zwiększa łatwość jego użycia.

Udostępnianie Etykiet Użytkownika

Po przypisaniu własnych etykiet do danej strony, możesz udostępniać te etykiety innym użytkownikom. Etykiety Użytkownika są zapisywane w plikach JSI, podobnie jak spersonalizowane ustawienia web. Możesz użyć pakowarki ustawień, aby wyeksportować swoje etykiety dla innych użytkowników Jaws, lub aby zaimportować etykiety innych użytkowników. Aby uzyskać więcej informacji, przeczytaj późniejszą lekcję "Pakowarka ustawień" w Surf's Up.

Usuwanie etykiet użytkownika

Możesz usunąć konkretną etykietę użytkownika w dowolnym czasie, lub usunąć wszystkie etykiety użytkownika na całej stronie. Aby usunąć etykietę użytkownika przypisaną do danego elementu, przejdź do niego używając standardowych poleceń do czytania, klawisza TAB , klawiszy szybkiej nawigacji, lub listy HTML JAWS. Następnie, naciśnij INSERT+F2, wybierz "Usuń etykietę użytkownika," i naciśnij ENTER. Jaws będzie teraz czytał oryginalny tekst, zamiast własnych etykiet.

Aby usunąć wszystkie etykiety użytkownika na bieżącej stronie, naciśnij INSERT+F2, wybierz "Usuń wszystkie etykiety użytkownika," i naciśnij ENTER.