Специальные возможности в Dreamweaver

Последнее обновление 27 апр. 2021 г.

Используйте 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 запрашивал информацию о специальных возможностях при вставке объектов.Вы можете активировать диалоговое окно для любого из объектов в категории «Специальные возможности» в настройках.

Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
Выберите «Специальные возможности» из списка категорий слева, выберите объект, задайте любые из следующих параметров и нажмите «ОК».

Показывать атрибуты при вставке

Выберите объекты, для которых вы хотите активировать диалоговые окна специальных возможностей. Например, объекты форм, фреймы, мультимедиа и изображения.

При открытии сохранять панель активной

Поддерживает фокус на панели, что делает ее доступной для программы чтения с экрана.(Если вы не выберете этот параметр, фокус останется в режиме «Дизайн» или «Код», когда пользователь откроет панель.)

Построение изображений вне экрана

Выберите данный параметр при использовании программы чтения с экрана.

Примечание

Атрибуты специальных возможностей отображаются в диалоговом окне «Вставка таблицы» при вставке новой таблицы.

Вы можете использовать клавиатуру для навигации по панелям, инспекторам, диалоговым окнам, фреймам и таблицам без мыши.

Примечание

Навигация с помощью клавиши Tab и использование клавиш со стрелками поддерживается только в Windows.

В окне документа нажмите CTRL+F6, чтобы переместить фокус на панель.

Пунктирная линия вокруг заголовка панели указывает, что фокус находится на этой панели. Программа чтения с экрана читает заголовок панели, на которой находится фокус.

Снова нажмите Ctrl+F6, чтобы перемещать фокус, пока фокус не установится на панели, с которой вы хотите работать.(Нажмите CTRL+SHIFT+F6, чтобы переместить фокус на предыдущую панель.)
Если панель, с которой вы хотите работать, не открыта, используйте сочетания клавиш в меню «Окно», чтобы отобразить соответствующую панель; затем нажмите CTRL+F6.

Если панель, с которой вы хотите работать, открыта, но не развернута, установите фокус на заголовке панели, а затем нажмите клавишу «Пробел». Чтобы ее свернуть, нажмите клавишу «Пробел» еще раз.

Нажмите клавишу Tab, чтобы перемещаться по параметрам панели.
Клавиши со стрелками используются в следующих случаях.
  • Если у параметра есть варианты, используйте клавиши со стрелками для прокрутки вариантов, а затем нажмите клавишу «Пробел», чтобы сделать выбор.

  • Если в группе панелей есть вкладки для открытия других панелей, установите фокус на открытой вкладке, а затем используйте клавишу со стрелкой влево или вправо, чтобы открыть другую вкладку.После открытия новой вкладки нажимайте клавишу TAB, чтобы перемещаться по параметрам этой панели.

Нажмите CTRL+F3, чтобы отобразить инспектор свойств, если он не виден.
Нажимайте CTRL+F6 (только Windows), пока не переместите фокус на инспектор свойств.
Нажимайте клавишу TAB, чтобы перемещаться по параметрам инспектора свойств.
Используйте клавиши стрелок для перемещения по вариантам выбора.
Нажмите Ctrl+СТРЕЛКА ВНИЗ/СТРЕЛКА ВВЕРХ (Windows) или Command+СТРЕЛКА ВНИЗ/СТРЕЛКА ВВЕРХ (Macintosh), чтобы открыть и закрыть развернутый раздел инспектора свойств по необходимости, или, когда фокус находится на стрелке разворота в правом нижнем углу, нажмите ПРОБЕЛ.
Примечание

Фокус клавиатуры должен находиться внутри инспектора свойств (а не на заголовке панели), чтобы разворачивание и сворачивание работали.

Нажмите клавишу Tab для перемещения по параметрам в диалоговом окне.
С помощью клавиш со стрелками перемещайтесь между пунктами параметра.
Если в диалоговом окне есть список категорий, нажмите Ctrl+Tab (Windows), чтобы переместить фокус на список категорий, а затем используйте клавиши стрелок для перемещения вверх или вниз по списку.
Нажмите Ctrl+Tab еще раз, чтобы перейти к параметрам категории.
Нажмите клавишу «Ввод», чтобы закрыть диалоговое окно.
Если ваш документ содержит фреймы, вы можете использовать клавиши стрелок для перемещения фокуса на фрейм.

Выделение фрейма

Нажмите Alt+СТРЕЛКА ВНИЗ, чтобы поместить точку вставки в окно документа.
Нажмите Alt+СТРЕЛКА ВВЕРХ, чтобы выбрать фрейм, на котором в данный момент находится фокус.
Продолжайте нажимать Alt+СТРЕЛКА ВВЕРХ, чтобы переместить фокус на набор фреймов, а затем на родительские наборы фреймов, если есть вложенные наборы фреймов.
Нажмите Alt+СТРЕЛКА ВНИЗ, чтобы переместить фокус на дочерний набор фреймов или отдельный фрейм внутри набора фреймов.
Когда фокус находится на отдельном фрейме, нажмите Alt+СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО для перемещения между фреймами.
Используйте клавиши стрелок или нажмите Tab для перемещения к другим ячейкам в таблице по мере необходимости.
Примечание

Нажатие Tab в самой правой ячейке добавляет еще одну строку в таблицу.

Чтобы выбрать ячейку, нажмите Control+A (только в Windows), когда точка вставки находится в ячейке.
Чтобы выбрать всю таблицу, нажмите Control+A дважды, если точка вставки находится в ячейке, или один раз, если выделена ячейка.
Чтобы выйти из таблицы, нажмите Ctrl+A три раза, если точка вставки находится в ячейке, дважды, если ячейка выбрана, или один раз, если таблица выбрана, а затем нажмите клавишу СТРЕЛКА ВВЕРХ, СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.