Accessibility in Dynamic Media working-with-three-d-assets-dm
Dynamic Media supports keyboard control and assistive technologies, such as JAWS and NVDA screen readers, across the authoring user interface.
Keyboard accessibility support in Dynamic Media
Because Dynamic Media is a plug-in to Adobe Experience Manager Assets, most of the keyboard control behavior is the same as in Experience Manager Assets. For example, the Cancel
button in Dynamic Media has the same focus highlight as in Experience Manager Assets, and reacts to the Spacebar
key as in Experience Manager Assets. See Keyboard shortcuts in Assets.
Keystrokes supported by individual user interface elements in Dynamic Media are clear and easy to discover. Keyboard control in Dynamic Media is about the following:
-
Ability to use
Tab
andShift+Tab
keystrokes to navigate between interactive elements on the page.
UsingTab
advances input focus to the next user interface element in the tabbing order; usingShift+Tab
brings input focus back to the previous user interface element.
The focus traversal follows the natural user interface element location on the screen and moves in a left-to-right, then top-to-bottom order. In addition, if any field has an error, you can pressTab
to move the focus to it. -
Ability to use the
Spacebar
andEnter
key to activate standard user interface elements, such as buttons and drop-down lists. -
Ability to see the keyboard focus highlight on the active element. The user interface element that has input focus receives a visual focus indication as a border rendered around the user interface element.
-
In the Hotspot editor, you can use some custom keystrokes, such as arrow keys, to interact with complex user interface elements to reposition hotspots.
-
In the Interactive Video editor, you can use the
Spacebar
to select an image and add it to a segment. In addition, you can use theBackspace
key to delete the selected item from the Content tab. Also, pressingTab
functions as desired to navigate between interactive elements on the page. -
In the Image Crop/Smart Crop editor, you can do the following:
- Use arrow keys to crop the frame size, or reposition the image, or both.
- The first
Tab
stop highlights the entire image frame. You can then use arrow keys on the keyboard to reposition the frame. - The next four
Tab
stops are the frame’s four corners. When focus is placed on a frame corner, the corner is highlight. Again, you can use arrow keys on the keyboard to move the focused corner.
See Edit the smart crop or smart swatch of a single image
Assistive technology support in Dynamic Media assistive-technology-support-for-dm
Dynamic Media user interface elements work with assistive technologies such as screen readers. For example, it recognizes landmarks on a page when you navigate landmarks using keyboard shortcut D
or regions using keyboard shortcut R
. It also narrates the heading when navigating using the heading keyboard shortcut H
.
Keyboard accessibility support in Dynamic Media viewers keyboard-accessibility-for-dm-viewers
All out-of-the-box Dynamic Media viewers components support keyboard accessibility for your customers.
See Keyboard accessibility and navigation in the Dynamic Media Viewers Reference Guide.
Assistive technology support in Dynamic Media viewers assistive-technology-support-for-dm-viewers
All Dynamic Media viewer components support ARIA (Accessible Rich Internet Applications) roles and attributes to improve integration with assistive technologies such as screen readers.
See the Assistive technology support Help topic in any customizing viewer topic in the Dynamic Media Viewers Reference Guide. For example, see Assistive technology support for the Video viewer, or Assistive technology support for the Interactive Image viewer.
Closed caption support in Dynamic Media closed-caption-support
Dynamic Media supports the delivery of videos and adaptive video sets with closed captioning. The captions must be displayed on top of the video content.
See Video in Dynamic Media - Add closed captions or subtitles to video.