beautypg.com

Navigate dreamweaver using the keyboard, Navigate panels, Optimize the work space for accessible page design – Adobe Dreamweaver CC 2015 User Manual

Page 688

background image

681

Accessibility

Last updated 6/3/2015

The Windows operating system’s high contrast setting is also supported. You activate this option through the Windows
Control Panel and it affects Dreamweaver as follows:

• Dialog boxes and panels use system color settings. For example, if you set the color to White on Black, all

Dreamweaver dialog boxes and panels appear with a white foreground color and black background.

• Code view uses the system and window text color. For example, if you set the system color to White on Black, and

then change text colors in Edit > Preferences > Code Coloring, Dreamweaver ignores those color settings and
displays the code text with a white foreground color and black background.

• Design view uses the background and text colors you set in Modify > Page Properties so that pages you design

render colors as a browser will.

Optimize the work space for accessible page design

When you create accessible pages, you need to associate information, such as labels and descriptions, with your page
objects to make your content accessible to all users.

To do this, activate the Accessibility dialog box for each object, so that Dreamweaver prompts you for accessibility
information when you insert objects. You can activate a dialog box for any of the objects in the Accessibility category
in Preferences.

1

Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).

2

Select Accessibility from the Category list on the left, select an object, set any of the following options, and click OK.

Show Attributes When Inserting

Select the objects for which you want to activate accessibility dialog boxes. For

example, form objects, frames, media, and images.

Keep Focus In The Panel

Maintains focus on the panel, which makes it accessible to the screen reader. (If you don’t

select this option, the focus remains in Design or Code view when a user opens a panel.)

Offscreen Rendering

Select this option when using a screen reader.

Note: Accessibility attributes appear in the Insert Table dialog box when you insert a new table.

Dreamweaver accessibility validation report feature

The Dreamweaver accessibility validation report feature has been deprecated as of Dreamweaver CS5.

Navigate Dreamweaver using the keyboard

You can use the keyboard to navigate panels, inspectors, dialog boxes, frames, and tables without a mouse.

Note: Tabbing and the use of arrow keys are supported for Windows only.

Navigate panels

1

In the Document window, press Control+F6 to shift focus to a panel.

A dotted line around the panel title indicates that focus is on that panel. The screen reader reads the panel title bar
that has focus.

2

Press Control+F6 again to shift focus until you have focus on the panel you want to work in. (Press
Control+Shift+F6 to shift focus to the previous panel.)

3

If the panel you want to work in is not open, use the keyboard shortcuts in the Windows menu to display the
appropriate panel; then press Control+F6.