Используйте Dreamweaver для создания веб-сайтов и веб-продуктов, которые могут использоваться людьми с нарушениями зрения, слуха, опорно-двигательного аппарата и прочими физическими нарушениями.
О содержимом со специальными возможностями
Доступность подразумевает создание веб-сайтов и веб-продуктов, пригодных для использования людьми с нарушениями зрения, слуха, двигательными и другими нарушениями.Примеры функций доступности для программных продуктов и веб-сайтов включают поддержку программ чтения с экрана, текстовые эквиваленты для графики, сочетания клавиш, изменение цветов дисплея на высококонтрастные и т. д. Dreamweaver предоставляет инструменты, которые делают его доступным для использования, и инструменты, которые помогают вам создавать доступный контент.
Для разработчиков Dreamweaver, которым необходимо использовать функции доступности, приложение предлагает поддержку программ чтения с экрана, навигацию с помощью клавиатуры и поддержку специальных возможностей операционной системы.
Для веб-дизайнеров, которым необходимо создавать доступный контент, Dreamweaver помогает создавать доступные страницы с полезным контентом для программ чтения с экрана, соответствующим руководящим принципам федерального правительства. Например, диалоговые окна предлагают ввести атрибуты доступности — такие как текстовые эквиваленты для изображения — при вставке элементов страницы. Затем, когда изображение появляется на странице для пользователя с нарушениями зрения, программа чтения с экрана читает описание.
Для получения дополнительной информации о двух важных инициативах по обеспечению доступности см. Инициативу по обеспечению веб-доступности Консорциума World Wide Web (www.w3.org/wai) и Раздел 508 Закона США о реабилитации (www.section508.gov).
Для получения дополнительной информации о рекомендациях по обеспечению доступности Японского промышленного стандарта см. JIS X 8341-3 (www.jisc.go.jp).
Никакое средство разработки не может автоматизировать сам процесс разработки. Разработка доступных веб-сайтов требует понимания требований к доступности и принятия постоянных решений о том, как пользователи с ограниченными возможностями взаимодействуют с веб-страницами. Лучший способ убедиться, что веб-сайт доступен, — это продуманное планирование, разработка, тестирование и оценка.
Использование программ чтения с экрана с Dreamweaver
Программа чтения с экрана произносит текст, который появляется на экране компьютера. Она также читает нетекстовую информацию, такую как метки кнопок или описания изображений в приложении, предоставленную в тегах или атрибутах доступности во время создания.
Как дизайнер в Dreamweaver, вы можете использовать программу чтения с экрана для помощи в создании ваших веб-страниц.Программа чтения с экрана начинает чтение с верхнего левого угла окна документа.
Dreamweaver поддерживает программы чтения с экрана JAWS для Windows от Freedom Scientific (www.freedomscientific.com) и Window-Eyes от GW Micro (www.gwmicro.com).
Поддержка функций доступности операционной системы
Dreamweaver поддерживает функции доступности в операционных системах Windows и Macintosh. Например, на Macintosh вы устанавливаете визуальные настройки в диалоговом окне Universal Access Preferences (Apple > System Preferences). Заданные настройки отражаются в рабочем пространстве Dreamweaver.
Также поддерживается настройка высокой контрастности операционной системы Windows. Вы активируете эту опцию через Панель управления Windows, и это влияет на Dreamweaver следующим образом:
Диалоговые окна и панели используют системные настройки цветов. Например, если задать цвет «White on Black», все диалоговые окна и панели Dreamweaver будут отображаться с белым цветом текста и черным фоном.
В представлении «Код» используются системный цвет текста и цвет текста окна. Например, если вы установите системный цвет White on Black, а затем измените цвета текста в Edit > Preferences > Code Coloring, Dreamweaver проигнорирует эти настройки цвета и отобразит текст кода с белым цветом текста и черным фоном.
Design view использует цвета фона и текста, которые вы устанавливаете в Modify > Page Properties, чтобы страницы, которые вы разрабатываете, отображали цвета так же, как это делает браузер.
Оптимизируйте рабочее пространство для создания доступных страниц
При создании доступных страниц необходимо связать информацию, такую как метки и описания, с объектами на странице, чтобы сделать ваш контент доступным для всех пользователей.
Для этого активируйте диалоговое окно «Специальные возможности» для каждого объекта, чтобы Dreamweaver запрашивал информацию о специальных возможностях при вставке объектов.Вы можете активировать диалоговое окно для любого из объектов в категории «Специальные возможности» в настройках.
Показывать атрибуты при вставке
Выберите объекты, для которых вы хотите активировать диалоговые окна специальных возможностей. Например, объекты форм, фреймы, мультимедиа и изображения.
При открытии сохранять панель активной
Поддерживает фокус на панели, что делает ее доступной для программы чтения с экрана.(Если вы не выберете этот параметр, фокус останется в режиме «Дизайн» или «Код», когда пользователь откроет панель.)
Построение изображений вне экрана
Выберите данный параметр при использовании программы чтения с экрана.
Атрибуты специальных возможностей отображаются в диалоговом окне «Вставка таблицы» при вставке новой таблицы.
Перемещение по Dreamweaver с помощью клавиатуры
Вы можете использовать клавиатуру для навигации по панелям, инспекторам, диалоговым окнам, фреймам и таблицам без мыши.
Навигация с помощью клавиши Tab и использование клавиш со стрелками поддерживается только в Windows.
Навигация по панелям
Пунктирная линия вокруг заголовка панели указывает, что фокус находится на этой панели. Программа чтения с экрана читает заголовок панели, на которой находится фокус.
Если панель, с которой вы хотите работать, открыта, но не развернута, установите фокус на заголовке панели, а затем нажмите клавишу «Пробел». Чтобы ее свернуть, нажмите клавишу «Пробел» еще раз.
Если у параметра есть варианты, используйте клавиши со стрелками для прокрутки вариантов, а затем нажмите клавишу «Пробел», чтобы сделать выбор.
Если в группе панелей есть вкладки для открытия других панелей, установите фокус на открытой вкладке, а затем используйте клавишу со стрелкой влево или вправо, чтобы открыть другую вкладку.После открытия новой вкладки нажимайте клавишу TAB, чтобы перемещаться по параметрам этой панели.
Навигация по инспектору свойств
Фокус клавиатуры должен находиться внутри инспектора свойств (а не на заголовке панели), чтобы разворачивание и сворачивание работали.
Навигация по диалоговому окну
Навигация по фреймам
Выделение фрейма
Навигация по таблице
Нажатие Tab в самой правой ячейке добавляет еще одну строку в таблицу.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.