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.
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).
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.
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.
Atrybuty ułatwiające dostęp są wyświetlane w oknie dialogowym Wstaw tabelę podczas wstawiania nowej tabeli.
Nawigowanie w programie Dreamweaver za pomocą klawiatury
Można używać klawiatury do nawigowania po panelach, inspektorach, oknach dialogowych, ramkach i tabelach bez myszy.
Tabulacja i użycie klawiszy strzałek są obsługiwane tylko w systemie Windows.
Nawigowanie w panelach
Linia kropkowana wokół tytułu panelu oznacza, że fokus jest na tym panelu. Czytnik ekranu odczytuje pasek tytułu panelu, który ma fokus.
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.
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.
Nawigowanie w Inspektorze właściwości
Fokus klawiatury musi znajdować się wewnątrz Inspektora właściwości (a nie na tytule panelu), aby rozwijanie i zwijanie działało.
Nawigowanie w oknie dialogowym
Nawigowanie w ramkach
Zaznaczanie ramki
Nawigowanie w tabeli
Naciskanie Tab w skrajnie prawej komórce dodaje kolejny wiersz do tabeli.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.