Funkcje dostępności w programie Dreamweaver

Ostatnia aktualizacja 27 kwi 2021

Tworzenie serwisów i produktów WWW za pomocą programu Dreamweaver dostępnych dla osób z zaburzeniami wzroku, słuchu, ruchu i innymi niepełnosprawnościami.

Informacje o dostępnej zawartości

Dostępność odnosi się do tworzenia witryn internetowych i produktów internetowych użytecznych dla osób z niepełnosprawnościami wzrokowymi, słuchowymi, ruchowymi i innymi. Przykłady funkcji ułatwień dostępu w produktach programowych i witrynach obejmują obsługę czytnika ekranu, tekstowe odpowiedniki grafik, skróty klawiaturowe, zmianę kolorów wyświetlania na wysoki kontrast i tak dalej.Program Dreamweaver zapewnia narzędzia, które ułatwiają korzystanie z niego oraz narzędzia, które pomagają tworzyć dostępną zawartość.

Dla programistów Dreamweaver, którzy muszą korzystać z funkcji dostępności, aplikacja oferuje obsługę czytnika ekranu, nawigację klawiaturą i obsługę dostępności systemu operacyjnego.

Dla projektantów internetowych, którzy muszą tworzyć dostępną zawartość, Dreamweaver pomaga w tworzeniu dostępnych stron z użyteczną zawartością dla czytników ekranu, zgodnych z wytycznymi rządu federalnego.Na przykład okna dialogowe monitują o wprowadzenie atrybutów dostępności — takich jak tekstowe odpowiedniki obrazu — podczas wstawiania elementów strony. Następnie, gdy obraz pojawia się na stronie dla użytkownika z niepełnosprawnościami wzrokowymi, czytnik ekranu czyta opis.

Spostrzeżenie

Aby uzyskać więcej informacji o dwóch znaczących inicjatywach dostępności, zobacz World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) iraz sekcję 508 amerykańskiej Federalnej Ustawy o Rehabilitacji (www.section508.gov).

Spostrzeżenie

Więcej informacji o japońskich wytycznych standardowych dostępności można znaleźć w JIS X 8341-3 (www.jisc.go.jp).

Żadne narzędzie źródłowe nie może zautomatyzować procesu tworzenia. Projektowanie dostępnych witryn wymaga zrozumienia wymagań dostępności i podejmowania bieżących decyzji o tym, jak użytkownicy z niepełnosprawnościami wchodzą w interakcję ze stronami internetowymi. Skutecznym sposobem zapewnienia dostępności witryny jest przemyślane planowanie, tworzenie, testowanie i ocena.

Zastosowanie czytników ekranu w programie Dreamweaver

Czytnik ekranu odczytuje tekst, który pojawia się na ekranie komputera.Odczytuje także informacje nietekstowe, takie jak etykiety przycisków lub opisy obrazów w aplikacji, dostarczone w tagach lub atrybutach dostępności podczas tworzenia.

Jako projektant Dreamweaver można użyć czytnika ekranu, aby pomógł w tworzeniu stron internetowych. Czytnik ekranu rozpoczyna czytanie od lewego górnego rogu okna Dokumentu.

Dreamweaver obsługuje JAWS dla Windows od Freedom Scientific (www.freedomscientific.com) oraz czytniki ekranu Window-Eyes od GW Micro (www.gwmicro.com).

Obsługa funkcji dostępności systemu operacyjnego

Dreamweaver obsługuje funkcje dostępności w systemach operacyjnych Windows i Macintosh. Na przykład w systemie Macintosh preferencje wizualne ustawia się w oknie dialogowym Preferencje dostępu uniwersalnego (Apple > Preferencje systemowe). Te ustawienia znajdują odzwierciedlenie w obszarze roboczym programu Dreamweaver.

Obsługiwane jest również ustawienie wysokiego kontrastu systemu operacyjnego Windows. Można aktywować tę opcję za pośrednictwem Panelu sterowania systemu Windows i wpływa ona na program Dreamweaver w następujący sposób:

  • Okna dialogowe i panele używają systemowych ustawień kolorów. Na przykład, jeśli kolor zostanie ustawiony na biały na czarnym, wszystkie okna dialogowe i panele Dreamweaver pojawią się z białym kolorem pierwszego planu i czarnym tłem.

  • W widoku Kod używane są kolory tekstu systemu i okien. Na przykład, jeśli kolor systemowy zostanie ustawiony na biały na czarnym, a następnie zmienione zostaną kolory tekstu w Edycja > Preferencje > Kolorowanie kodu, Dreamweaver zignoruje te ustawienia kolorów i wyświetli tekst kodu z białym kolorem pierwszego planu i czarnym tłem.

  • Widok projektu używa kolorów tła i tekstu ustawionych w Modyfikuj > Właściwości strony, tak aby projektowane strony renderowały kolory tak, jak robi to przeglądarka.

Optymalizuj obszar roboczy do projektowania dostępnych stron

Podczas tworzenia dostępnych stron należy skojarzyć informacje, takie jak etykiety i opisy, z obiektami strony, aby zawartość była dostępna dla wszystkich użytkowników.

W tym celu aktywuj okno dialogowe Dostępność dla każdego obiektu, aby Dreamweaver wyświetlał monity o informacje dotyczące dostępności podczas wstawiania obiektów. Można aktywować okno dialogowe dla dowolnego obiektu z kategorii Dostępność w Preferencjach.

Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
Wybierz Dostępność z listy Kategoria po lewej stronie, wybierz obiekt, ustaw dowolną z następujących opcji i kliknij OK.

Pokaż atrybuty przy wstawianiu

Wybierz obiekty, dla których chcesz aktywować okna dialogowe dostępności. Na przykład obiekty formularza, ramki, media i obrazy.

Utrzymaj aktywność panelu

Utrzymuje fokus na panelu, co czyni go dostępnym dla czytnika ekranu. (Jeśli nie wybierzesz tej opcji, fokus zostanie w widoku Projekt lub Kod, gdy użytkownik otworzy panel.)

Renderowanie poza ekranem

Zaznacz tę opcję, gdy jest używany czytnik ekranu.

Spostrzeżenie

Atrybuty ułatwiające dostęp są wyświetlane w oknie dialogowym Wstaw tabelę podczas wstawiania nowej tabeli.

Można używać klawiatury do nawigowania po panelach, inspektorach, oknach dialogowych, ramkach i tabelach bez myszy.

Spostrzeżenie

Tabulacja i użycie klawiszy strzałek są obsługiwane tylko w systemie Windows.

W oknie dokumentu naciśnij Control+F6, aby przenieść fokus na panel.

Linia kropkowana wokół tytułu panelu oznacza, że fokus jest na tym panelu. Czytnik ekranu odczytuje pasek tytułu panelu, który ma fokus.

Naciśnij ponownie Control+F6, aby przesuwać fokus, aż fokus będzie na panelu, w którym chcesz pracować. (Naciśnij Control+Shift+F6, aby przenieść fokus na poprzedni panel.)
Jeśli panel, w którym chcesz pracować, nie jest otwarty, użyj skrótów klawiaturowych w menu Okna, aby wyświetlić odpowiedni panel; następnie naciśnij Control+F6.

Jeśli panel, w którym chcesz pracować, jest otwarty, ale nie rozwinięty, umieść fokus na pasku tytułu panelu, a następnie naciśnij klawisz spacji. Naciśnij ponownie Spację, aby zwinąć panel.

Naciśnij klawisz Tab, aby przechodzić przez opcje w panelu.
Odpowiednio używaj klawiszy strzałek:
  • Jeśli opcja ma kilka możliwości, użyj klawiszy strzałek, aby przewijać dostępne opcje, a następnie naciśnij klawisz spacji, aby dokonać wyboru.

  • Jeśli w grupie paneli są karty umożliwiające otwarcie innych paneli, umieść fokus na otwartej karcie, a następnie użyj lewego lub prawego klawisza strzałki, aby otworzyć inne karty. Po otwarciu nowej karty naciśnij klawisz Tab, aby przechodzić przez opcje w tym panelu.

Naciśnij Control+F3, aby wyświetlić Inspektor właściwości, jeśli nie jest widoczny.
Naciśnij Control+F6 (tylko Windows), aż zostanie przeniesiony fokus na Inspektor właściwości.
Naciśnij klawisz Tab, aby przechodzić przez opcje Inspektora właściwości.
Użyj klawiszy strzałek, aby przechodzić przez dostępne opcje.
Naciśnij Ctrl+Strzałka w dół/Strzałka w górę (Windows) lub Cmd+Strzałka w dół/Strzałka w górę (Macintosh), aby otworzyć i zamknąć rozszerzoną sekcję Inspektora właściwości w razie potrzeby, lub, gdy fokus znajduje się na strzałce rozwijania w prawym dolnym rogu, naciśnij klawisz spacji.
Spostrzeżenie

Fokus klawiatury musi znajdować się wewnątrz Inspektora właściwości (a nie na tytule panelu), aby rozwijanie i zwijanie działało.

Naciśnij klawisz Tab, aby przechodzić między opcjami w oknie dialogowym.
Użyj klawiszy strzałek, aby przesuwać się między wyborami opcji.
Jeśli okno dialogowe zawiera listę kategorii, naciśnij Control+Tab (Windows), aby przenieść fokus na listę kategorii, a następnie użyj klawiszy strzałek, aby poruszać się w górę i w dół listy.
Naciśnij ponownie Control+Tab, aby przejść do opcji kategorii.
Naciśnij klawisz Enter, aby opuścić okno dialogowe.
Jeśli dokument zawiera ramki, można użyć klawiszy strzałek, aby przenieść fokus na ramkę.

Zaznaczanie ramki

Naciśnij Alt+Strzałka w dół, aby umieścić punkt wstawiania w oknie dokumentu.
Naciśnij Alt+Strzałka w górę, aby wybrać ramkę, która aktualnie ma fokus.
Kontynuuj naciskanie Alt+Strzałka w górę, aby przenieść fokus na zestaw ramek, a następnie na nadrzędne zestawy ramek, jeśli istnieją zagnieżdżone zestawy ramek.
Naciśnij Alt+Strzałka w dół, aby przenieść fokus na podrzędny zestaw ramek lub pojedynczą ramkę w zestawie ramek.
Gdy fokus jest na pojedynczej ramce, naciśnij Alt+Strzałka w lewo lub w prawo, aby przechodzić między ramkami.
Użyj klawiszy strzałek lub naciśnij Tab, aby przejść do innych komórek w tabeli w razie potrzeby.
Spostrzeżenie

Naciskanie Tab w skrajnie prawej komórce dodaje kolejny wiersz do tabeli.

Aby wybrać komórkę, naciśnij Control+A (tylko Windows), gdy punkt wstawiania znajduje się w komórce.
Aby wybrać całą tabelę, naciśnij Control+A dwukrotnie, jeśli punkt wstawiania znajduje się w komórce, lub raz, jeśli komórka jest wybrana.
Aby wyjść z tabeli, naciśnij Control+A trzy razy, jeśli punkt wstawiania znajduje się w komórce, dwa razy, jeśli komórka jest wybrana, lub raz, jeśli tabela jest wybrana, a następnie naciśnij klawisz Strzałka w górę, w lewo lub w prawo.