accessibility
14 TopicsStoryline 360: Creating and Editing Closed Captions With the Built-in Editor
Create and edit closed captions and subtitles right in Storyline 360 with the built-in editor. Fine-tune imported captions or quickly add new ones with the help of caption placeholders that are already synced with your audio and video content. And as of April 2023, Storyline 360 automatically generates synchronized video transcripts from closed captions. Opening the Closed Captions Editor Exploring the Editor Understanding Caption States Previewing Media and Captions Tabbing Back and Forth Between Caption Placeholders Adding or Editing Text in Caption Placeholders Speeding UpYour Workflow for Adding Closed Captions Formatting Caption Text Using Keyboard Shortcuts Adjusting the Timing and Duration of Caption Placeholders Inserting New Caption Placeholders Deleting Captions Splitting Captions Importing Captions Exporting Captions Translating Captions Closing the Editor and Saving or Discarding Your Changes Showing or Hiding the Closed Captioning Button on the Player Using Triggers to Turn Closed Captions On and Off Opening the Closed Captions Editor Select a video or audio track in your course, go to the Options tab on the Storyline ribbon, then click either Add Captions or Edit Captions. The button will change depending on whether your media clip already has captions. If you’re working with an interactive marker, right-click the marker, select Accessibility from the context menu, then click either Add Captions or Edit Captions in the window that appears. You can also open the caption editor from the media library. Details here. Tip: Caption Placeholders Are Created for You If your media clip doesn’t already have captions, the closed captions editor will automatically analyze the audio track to detect units of speech and add caption placeholders to the timeline that are synchronized with your content. All you need to do is type your captions in the placeholders. Brilliant! Background music can interfere with the auto-generated caption placeholders, so you might need to tweak the timing of captions, add more caption placeholders, or split captions into smaller chunks. The closed captions editor works with all narration and videos, except website videos. Exploring the Editor Explore this image of the closed captions editor and the numbered list below it for an overview of the interface. See the sections that follow for details on each feature. # Feature Description 1 Ribbon Commands Use the ribbon to: Preview your media and captions Jump back and forth between caption placeholders Insert new caption placeholders Delete caption placeholders Split caption placeholders Import captions Export captions Close the editor 2 Video Stage When you’re working with a video, it'll display on the video stage. When you’re working with an audio clip, the video stage disappears and the audio waveform fills the editor. 3 Closed Captions Preview As you type captions into the placeholders at the bottom of the editor, they’ll display on the video stage or audio waveform so you can see how they’ll look in your published output. 4 Timeline and Playhead The timeline shows the duration of your media, and the blue playhead travels along the timeline as you preview your video and audio content. 5 Audio Waveform The audio waveform is a visual representation of the audio track in your media. If there’s no video component for your media, the audio waveform will expand to fill the stage. 6 Caption Placeholders Caption placeholders are where you type and format text. You can also adjust the timing and duration of caption placeholders. If your media clip doesn’t already have captions, the closed captions editor will automatically analyze the audio track to detect units of speech and add caption placeholders to the timeline that are synchronized with your content. All you need to do is type your captions in the placeholders. Caption placeholders have four states, so you know what to expect when creating and editing captions. See the next section to learn about caption states. 7 Time Values The status bar shows you the current position of the playhead on the timeline, the start time of the selected caption placeholder, and the end time of the selected caption placeholder. 8 Zoom Slider Use the zoom slider in the lower right corner to zoom the timeline, audio waveform, and caption placeholders in and out when you need to make precise edits or get a big-picture overview. Understanding Caption States Caption placeholders have four states as described in this table. State Appearance Example Unselected caption placeholder without text Solid light gray Unselected caption placeholder with text Dark gray with white text Selected caption placeholder (with or without text) Blue with white text Caption placeholder in edit mode Dark gray with blue outline, white text, and blinking cursor The closed captions editor may behave differently, depending on the current state of a caption. See the following sections for details. For example, if no captions are in edit mode when you preview, playback will continue to the end of the timeline unless you pause it. However, if a caption is in edit mode when you preview, playback will stop at the end of the caption placeholder. And if you resume playback while the caption is still in edit mode, it'll start from the beginning of the current caption placeholder and stop again at the end. This helps you create captions one at a time, letting you hear a clip as many times as you need while typing. Previewing Media and Captions To preview the entire video or audio track, move the playhead to the beginning of the timeline—before the first caption placeholder—then click the Play button on the ribbon or press Enter on your keyboard. Drag the seekbar on the ribbon or the playhead on the timeline to scrub back and forth through the video or audio track. To preview just one caption, click inside the placeholder so it’s in edit mode. Playback will start as soon as you click inside it and stop when it reaches the end of the caption. To pause the preview, click the Pause button on the ribbon or press Enter. Caption placeholders that have text will display on the video stage or audio waveform during preview. (The size of a caption box and the point at which text wraps could change, depending on the size of the closed captions editor window.) Tabbing Back and Forth Between Caption Placeholders Press the Tab key on your keyboard to jump to the beginning of the next caption, and press Shift+Tab to jump to the beginning of the previous caption. Or, click the left and right arrows on the ribbon to move back and forth between captions. If no captions are in edit modewhen you navigate between them, the playhead will simply move to the previous or next caption, but the media won’t start playing until you tell it to. If a caption placeholder is in edit mode when you jump to another caption, the new caption placeholder will also switch to edit mode so you can immediately start typing. Tip: By using the Tab key to move through caption placeholders in edit mode and pressing Enter to play/pause media, you never have to take your hands off the keyboard while typing captions, speeding up your workflow. Adding or Editing Text in Caption Placeholders To add or edit caption text, simply click inside a caption placeholder and begin typing. You can also paste text from external sources, such as text files or Word documents. When you click inside a caption placeholder, it switches to edit modeand your media automatically begins playing. If you need to pause it, just press Enter. To resume playback, press Enter again. If you need to add a line break to a caption, pressShift+Enter. Speeding UpYour Workflow for Adding Closed Captions By using keyboard shortcuts, you can quickly add closed captions to a video or audio track in Storyline 360. Here’s how: When you open the closed captions editor, the playhead will be positioned at the beginning of the first caption placeholder, and it'll be in edit mode. Press Enter to start playing your video or audio track, then begin typing text for the first caption based on what you hear. Playback will stop at the end of the placeholder so you have time to finish typing the caption. If you need to hear it again, just press Enter and it'll start over from the beginning of the placeholder. You can also use Enter to pause playback. Press Tab to move to the next caption placeholder. It'll switch to edit mode, and your media will being playing. Simply type what you hear. Playback will stop at the end of the placeholder so you have time to finish typing the caption. If you need to hear it again, just press Enter and it'll start over from the beginning of the placeholder. You can also use Enter to pause playback. Repeat step 2 to add captions, one placeholder at a time, until you reach the end of the timeline. Formatting Caption Text Bold, Italic, and Underline: Closed captions in Storyline 360 can have bold, italic, and underline formatting. Just select the text you want to format, then use the floating toolbar to make your selections. Or, use these keyboard shortcuts: Ctrl+B = Bold Ctrl+I = Italicize Ctrl+U = Underline Colors, Font, Font Size, and Position: You can choose the foreground and background colors, font, size, and position of your captions in the player properties. Learn more. Voice Tags: The closed captions editor doesn’t support voice tags, but you can identify speakers by typing their names with colons before their statements.(Press Shift+Enter to adda line break between speakers.) For example: Adam: E-learning is powerful. Lucy: And it’s transforming lives every day. If you importa caption file that has voice tags, the tags will be converted to the speakers’ names followed by colons, as shown above. Using Keyboard Shortcuts Work faster in the closed captions editor with these keyboard shortcuts. Key(s) Function Enter Play and pause media Shift+Enter Add a line break when typing text into a caption placeholder Tab Jump to the beginning of the next caption placeholder Shift+Tab Jump to the beginning of the previous caption placeholder Esc Exit edit mode for the current caption placeholder and switch to a blue selected state Ctrl+A Select all the text in a caption placeholder Ctrl+B Bold Ctrl+C Copy Ctrl+I Italicize Ctrl+U Underline Ctrl+V Paste Ctrl+X Cut Ctrl+Y Redo Ctrl+Z Undo Left Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, the left arrow key moves the placeholder .25 seconds to the left on the timeline (or less than that if it bumps up against the previous caption placeholder). Otherwise, the left arrow key moves only the playhead .25 seconds to the left on the timeline. Right Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, the right arrow key moves the placeholder .25 seconds to the right on the timeline (or less than that if it bumps up against the next caption placeholder). Otherwise, the right arrow key moves only the playhead .25 seconds to the left on the timeline. Shift+Left Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, this shortcut moves the placeholder .5 seconds to the left on the timeline (or less than that if it bumps up against the previous caption placeholder). Otherwise, this shortcut moves only the playhead .5 seconds to the left on the timeline. Shift+Right Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, this shortcut moves the placeholder .5 seconds to the right on the timeline (or less than that if it bumps up against the next caption placeholder). Otherwise, this shortcut moves only the playhead .5 seconds to the right on the timeline. Alt+Left Arrow When a caption placeholder is selected, shorten its duration by .25 seconds. Alt+Right Arrow When a caption placeholder is selected, lengthen its duration by .25 seconds (or less than that if it bumps up against the next caption placeholder). Shift+Alt+Left Arrow When a caption placeholder is selected, shorten its duration by .5 seconds. Shift+Alt+Right Arrow When a caption placeholder is selected, lengthen its duration by .5 seconds (or less than that if it bumps up against the next caption placeholder). Ctrl+Left Arrow This shortcut moves the playhead to the beginning of the current caption placeholder or the end of the previous placeholder, whichever is closest. This shortcut doesn’t work when a caption placeholder is in edit mode. Ctrl+Right Arrow This shortcut moves the playhead to the end of the current caption placeholder or the beginning of the next placeholder, whichever is closest. This shortcut doesn’t work when a caption placeholder is in edit mode. Ctrl+Mouse Wheel Zoom the timeline in and out Adjusting the Timing and Duration of Caption Placeholders To adjust the timing of a caption, simply drag the placeholder left or right along the timeline. To change the duration of a caption, drag either end of the placeholder along the timeline to shorten or lengthen it. You can also use several arrow keyboard shortcuts in the table above to tweak the timing and duration of caption placeholders. Inserting New Caption Placeholders Although the closed captions editor does its best to create caption placeholders for you that are already synced with your content, there may be times when you need to manually add a caption placeholder to the timeline. Click any space on the timeline that isn’t already occupied by a caption placeholder. The blue playhead will move to that position on the timeline. Then click Insert Caption on the ribbon. New captions are four seconds long by default—unless there isn’t enough space to fit a four-second placeholder, in which case it'll fill the available space. You need at least half a second of empty space on the timeline to insert a new caption placeholder. If there isn’t enough space, the Insert Caption button will be grayed out. Deleting Captions There are three ways to delete a specific caption: Select the caption placeholder and press Delete on your keyboard. Select the placeholder and click Delete Caption on the ribbon. Right-click the placeholder and choose Delete from the context menu. To delete all captions at once, click Delete Captions on the ribbon, then click Yes on the confirmation message. Splitting Captions You can split a caption into two placeholders when you need more control over timing and duration. Just select the placeholder and click Split Caption on the ribbon. Or, right-click the placeholder and choose Split Captionfrom the context menu. The original placeholder will split evenly in half. And if it has text, the text will split where the cursor is located—everything before the cursor will move to the first placeholder; everything after the cursor will move to the second placeholder. Exception: If the playhead is at the beginning of the caption and the placeholder is in a blue selected state, all the text will move to the first placeholder after being split. Importing Captions If you already have captions typed in a document, you can import them via the closed captions editor. Note that this replaces all the existing captions for your video or audio track. Click Import Captions on the ribbon. Click Yes when asked to confirm that you want to replace the existing captions. Browse to the SRT, SBV, SUB, or VTT file you want to import and click Open. You can also import caption files without opening the closed captions editor. See this user guide for details. Exporting Captions Export closed captions when you need to use them in another project, edit them with a different app, or save a backup copy. Click Export Captions on the ribbon, choose a location where you want to save the caption file, then click Save. When you export captions from the closed captions editor, it generates a VTT file. Translating Captions Export the captions file for each video or audio track in your course, translate it, then import it back into Storyline. Here’s how: If the closed captions editor is open, click Export Captions on the ribbon and save the file to your computer. You can also export captions without opening the closed captions editor. Just select the video or audio track, go to the Options tab on the Storyline ribbon, and click Export. Open the captions file in a text editor or a translation program, replace the captions with translated text, and save the file with your changes. In Storyline, select the video or audio track again, go to the Options tab on the ribbon, and click Import to bring the translated captions back into your course. Closed captions aren’t included when you export text strings from your course for translation. Closing the Editor and Saving or Discarding Your Changes To save your changes, click Save & Close on the ribbon. To discard your changes, click the X in the upper right corner or go to the File tab on the ribbon and click Exit. Showing or Hiding the Closed Captioning Button on the Player The closed captioning button on the course player is enabled by default, but you can disable it if you plan to build your own custom controls. Click here for details. Using Triggers to Turn Closed Captions On and Off If the closed captioning button is enabled on your course player (see above), learners can toggle captions on and off whenever they want. However, you can also control captions via triggers. Click here for details.2.4KViews0likes0CommentsStoryline 360: Importing Closed Captions for Narration and Videos
Make your Storyline 360 courses more accessible for learners who are deaf or hard of hearing by importing closed captions and subtitles for narration and videos. Just insert standard SRT, VTT, SBV, or SUB files. Don’t have caption files to import? No problem. Create closed captions and subtitles from scratch with the built-in editor. PreparingYour Caption Files Importing Captions Deleting Captions Exporting Captions Customizing Your Closed Captions Showing or Hiding the Closed Captioning Button on the Player Using Triggers to Turn Closed Captions On and Off Preparing Your Caption Files Storyline 360 supports SRT, VTT, SBV, and SUB files generated by third-party captioning services, such as YouTube, Amara, and 3PlayMedia. Here are some tips to make sure your caption files are properly formatted for Storyline 360. Storyline 360 supports bold, italic, and underline formatting in caption files as well as voice tags to indicate which person is speaking. All other formatting tags, such as font and font color, will be ignored. (Use the closed caption settings in the player properties to format your captions.) A caption will automatically wrap if it’s too long to fit on a single line. However, if you need a caption to break at a specific point, add one line break in your caption file in the appropriate place. On the other hand, if you need to split a caption into two separate caption boxes that display simultaneously, add two line breaks in your caption file. You might do this when two people are speaking and you want each speaker’s dialogue to display in its own caption box. If some letters or characters in your captions are unexpectedly replaced by symbols in Storyline 360, make sure your caption files are encoded for UTF-8. Importing Captions Closed captions are supported for audio tracks and videos. You can import captions simultaneously with your media, or you can import captions separately. We describe both options in the table below. Import Captions Simultaneously with Media If your caption files have the same names as your media files and are stored in the same folder with the media, they’ll automatically import into Storyline 360 when you import your media. For example, if I have a video called MyVideo.mp4 and the corresponding caption file is named MyVideo.srt and is located in the same folder, I only need to import the video into my Storyline 360 project, and the captions will automatically import and sync with the video. To learn how to import audio and video files into Storyline 360, see these user guides: Importing Audio Files Importing Video Files Import Captions After Adding Media To import captions after adding media to your Storyline 360 project: Select the audio track or video that you want to caption. Go to the Options tab on the ribbon and click Import. Browse to the caption file you want to import, then click Open. Another way to import captions is to right-click the video placeholder or the speaker icon that represents your audio track, choose Accessibility, then click the Import icon. (View this user guide to learn more about the Size and Position window.) Note about captions in markers: When you right-click an interactive marker and choose Accessibility, you’ll see closed caption features for audio and video since a marker can have both types of media at the same time. Pro Tips: You can import closed captions from the ribbon or the Size and Position window, as described above. Even better, you can use the media library to import and manage closed captions for all audio clips and videos in your project. Check it out! You can add captions to all audio clips and videos, except website videos. Storyline 360 automatically generates synchronized video transcripts from closed captions. Deleting Captions To delete captions you previously added: Select the audio track or video that has captions you want to remove. Go to the Options tab on the ribbon and click Delete. (It will be grayed-out if there aren’t any captions to delete.) Exporting Captions Need to export captions from Storyline 360 so you can edit them or use them in another project? Here’s how: Select the audio track or video that has captions you want to export. Go to the Options tab on the ribbon and click Export. (It'll be grayed-out if there aren’t any captions to export.) Choose a location where you want to save your caption file, then click Save. Exported captions alwaysgenerate a VTT file. Customizing Your Closed Captions Choose the foreground and background colors, font, size, and position of your captions. In the player properties window, click Colors & Effects on the ribbon, then use the Closed Captions formatting options. Then, click OK to save and close the player settings. If you’re using the classic player, you can choose the captions font. You can also set the font size for all player elements and captions as a single unit by adjusting the Player font size percentage. Showing or Hiding the Closed Captioning Button on the Player The closed captioning button on the course player is enabled by default, but you can disable it if you plan to build your own custom controls or use accessible video controls. Go to the Home tab on the ribbon and click Player. When the player properties open, mark the Captions box to show the closed captioning button or uncheck it to hide the closed captioning button. Click OK to save and close the player settings. Tips for interacting with the closed captioning button: The closed captioning button may not always be visible throughout your course. It’s only visible when captions are available on the current slide or layer. It’ll disappear for slides and layers that don’t have captions. This gives learners a visual clue when captions are available. When a learner clicks the closed captioning button to turn on captions, the button will remain turned on throughout the course until the learner clicks it again to turn it off. Using Triggers to Turn Captions On and Off If the closed captioning button is enabled on your course player (see above), learners can toggle captions on and off whenever they want. However, you can also control captions via triggers. Just adjust the built-in Player.DisplayCaptions variable to either True (on) or False (off). Here are a couple scenarios where you might control captions via triggers and how to set them up. Turn Captions On by Default Captions are turned off by default, but if most of your learners need captions, you might want to turn them on automatically when the course starts. Just add a trigger to the first slide in your course with these trigger wizard parameters: Action: Adjust variable Operator: = Set Variable: Player.DisplayCaptions Value: Value = True When: Timeline starts Object: Select the first slide in your course from the drop-down list. Build Your Own Custom Navigation Buttons If you disable the built-in player features and build your own custom navigation buttons, you can use triggers to show and hide captions. Just add a trigger to a button with these trigger wizard parameters to create a toggle: Action: Adjust Variable Operator: Toggle Variable: Player.DisplayCaptions When: User clicks Object: Select your custom button from the drop-down list.2KViews0likes0CommentsStoryline 360: Customizing the Focus Order of Slide Objects
Sometimes it’s helpful to change thefocus order of your slide objects to improve keyboard navigation and make your course accessible to learners with screen readers. With Storyline 360, it’s easy to do. Tab & Reading Order TheFocus Order window controls the tab order of interactive objects, such as buttons and markers, as well as the reading order for non-interactive objects, such as text and images. Customizing theFocus Order Removing Objects from theFocus Order Restoring Objects to theFocusOrder Resetting theFocus Order to Its Original State Adding Alternative Text for Screen Readers Customizing theFocus Order Open the slide you want to customize in Slide View. Go to the Home tab on the Storyline ribbon and click FocusOrder. When theFocus Order window opens, select the option to Create a customfocus order in the upper left corner. To change the focus order of an object, select it, then use the Up/Down arrows in the lower right corner or drag it to move it to a new location in the list. (Storyline 360 will highlight the selected object on the slide with a red outline, so it’s clear which object you’re editing.) When you’re finished, click Save. Tips: As of April 2022, you can select multiple objects, then move them all at once. The default focus order is left to right and top to bottom. All objects for the slide appear in theFocus Order window, including objects from layers and slide masters. If you add new objects to the slide after customizing thefocus order, they appear at the bottom of the list. Thefocus order controls the reading orderof text and images for screen readers. You can't customize thefocus order of player navigation elements, but you can skip them when you're tabbing through a slide with a screen reader. Removing Objects from theFocus Order It’s a good idea to remove objects from thefocus order altogether if they aren’t crucial to the context of the slide. For example, you might remove background design elements from thefocus order so learners won’t have to repeatedly press the Tab key or screen reader navigation keys to advance to important elements, such as captions and text-entry fields. To remove an object from thefocus order, select it in the list and click the Remove button in the lower left corner of the window. Removing an object from thefocus order doesn’t delete it from the slide. It only hides it from keyboard navigation and screen readers. Tips: As of April 2022, you can select multiple objects, then remove them all at once. To remove a slide master object from thefocus order, you'll need to switch to Slide Master View (press F4). Right-click the object and choose Size and Position, then select the Accessibilitytab and uncheck the visibility box. Restoring Objects to theFocus Order To restore an object to thefocus order that you previously removed, click the Add button in the lower left corner of the window and select the object you want to restore. To restore all objects at once, click the Add button and choose Add all objects back tothe focus order. Resetting theFocus Order to Its Original State Need to start over? Just mark the option to Use the defaultfocus order at the top of the window or click Reset Orderat the bottom of the window. Here’s the difference between the two: Use the defaultfocusorder: This option resets your focusorder and remembers your custom order in case you want to switch back. Reset Order: This option resets yourfocus order but doesn’t remember your custom order. Both options reset only the objects currently in thefocus order list. They don’t restore objects you previously removed. See Restoring Objects to theFocus Order. Adding Alternative Text for Screen Readers To add alternative text for screen readers, enter text in the Alternative Text column on the right side of the focus order window. If an object doesn’t have alternative text, screen readers will read the name of that object as it appears in the timeline. Screen readers won’t read objects that you’ve removed from thefocus order. Although slide master objects appear in the focus order window, you'll need to switch to Slide Master View (press F4) to set their alternative text. Right-click each object on the slide master, choose Size and Position, and select the Accessibilitytab. Tip: You can alsomanage alt text in themedia library andon theSize and Position window.1.8KViews0likes0CommentsStoryline 360: Adding Alternative Text for Screen Readers
Storyline 360 supports alternative text (alt text) for slide objects so your courses are accessible to learners with screen readers and other assistive technologies. In this user guide, you'll learn best practices for writing alt text and three ways to add alt text in Storyline 360. Best Practices for Writing Alt Text Using the Media Library Using theFocus Order Window Using the Size and Position Window Best Practices for Writing Alt Text Non-text content needs alternative text (alt text)to describe its meaning to learners using assistive technologies. Add alt text to objects that convey meaning or context to the learner.Purely decorative images and shapes can be hidden from accessibility toolsto prevent unnecessary announcements that can fatigue screen reader users. Our on-demand webinar,How to Write Alt Text for E-Learning, offers more specific strategies. The following tips for writing good alt text can help you get started: Be descriptive and specific. Clearly describe the content, function, and context of the image. You should have enough detail that someone who cannot see the image will still understand its purpose. Don’t include repeating phrases like "image of" and "graphic of.” Screen readers announce this by default. Keep it short. Aim for brief descriptions that convey the essential information. We recommend that alt text be less than 150 characters. Write clearly. Abbreviations and excessive punctuation marks may confuse screen readers, so use complete words and limit punctuation to guarantee clarity. For example, *** will be read literally as “asterisk, asterisk, asterisk.” Using the Media Library The media library makes it super easy to add alt text to all the images, characters, and videos in your project. Open the media library by going to the View tab on the Storyline ribbon and clicking Media Library. Select an image, character pose, or video in the asset grid on the left side of the window. Enter alt text in the details pane on the right. Learn moreabout managing alt text in the media library. Using theFocus Order Window The Focus Order window lets you customize the order in which slide objects are navigated with a keyboard and read by a screen reader. You can also use the Focus Order window to manage alt text for all your slide objects. Here’s how: Open the slide you want to customize in Slide View. Go to the Home tab on the Storyline ribbon and click Focus Order. When theFocus Order window opens, enter text in the Alternative Textcolumn. Click Save when you’re finished. Here are some tips for working with alt text on the Focus Order window: All objects for the slide will appear in theFocus Order window, including objects from layers and slide masters. Although slide master objects appear in the focus order window, you'll need to switch to Slide Master View (press F4) to set their alt text. Right-click each object on the slide master, click each object on the slide master and choose Accessibility. If a non-text object doesn’t have alt text, screen readers will read the name of that object as it appears in the timeline. The alt text for a text object defaults to the content within it. If you don’t want an object to be read by screen readers, select it in the list, then click the Remove button in the lower left corner of the window. (This doesn’t delete the object; it just hides it from screen readers.) If you’re using the modern player, you can add alt text to your course logo in your player settings. Learn more about using theFocus Order window. Using the Size and Position Window The Size and Position window lets you control an object’s height, width, rotation, scale, crop, and location. You can also use the Size and Position window to add alt text to the selected object. Right-click the object you want to edit, then choose Size and Position. When the Size and Position window opens, select the Accessibilitytab on the left side. Mark the box called Object is visible to accessibility tools. Enter text in the Alternativetext field. Click Close. Here are some tips for working with alt text on the Size and Position window: When writing alt text, you’ll see a dynamic character count and a tip not to exceed 150 characters. (While there isn't a character limit for alt text, it's best practice to keep it concise.) If the visibility box is checked for a non-text object without alt text, screen readers will read the name of that object as it appears in the timeline. If the visibility box is checked for a text object, screen readers will read the content within that text object. If you’d prefer to hide the selected object from screen readers altogether, uncheck the visibility box. If you’re using the modern player, you can add alt text to your course logo in yourplayer settings. Learn more about using the Size and Position window.899Views0likes0CommentsStoryline 360: Adding Tables
Use tables to structure textin Storyline 360. Tables communicate to screen readers how content is organized and provide context for learners, making tables valuable for accessibility. In this user guide, you’ll learn everything there is to know about tables in Storyline 360. Creating Tables Adding Text to Table Cells Turning the Header Row On or Off Banding Rows with Alternating Colors Applying Quick Styles to Tables Selecting Cells, Rows, and Columns Filling Cells, Rows, Columns, and Tables with Colors and Gradients Working with Borders Sizing Rows, Columns, and Tables Inserting Rows and Columns Merging and Splitting Cells Deleting Rows, Columns, and Tables Aligning Text in Table Cells Formatting Text in Table Cells Adding Hyperlinks Adjusting Cell Margins Using Scrolling Panels to Scroll Lengthy Tables Setting a CustomFocus Order for Table Cells Making Tables Accessible Creating Tables Here are three quick ways to add tables in Storyline 360: Create Tables in Storyline You can create tables from scratch in Storyline 360. Go to the Insert tab on the ribbon and click Table. Highlight the number of rows and columns you want, then left-click your mouse. Your table will automatically appear on the slide. You can add and delete rows and columns, add text, and format the table as you’d like. Import Tables from PowerPoint If you have tables in PowerPoint that you want to use, import them into Storyline 360 with all your text and formatting intact, then edit them as you’d like. View this user guide to learn how to import PowerPoint slides. Copy and Paste Tables from Other Sources If there are tables on web pages or in other programs, such as Excel, that you want to use, copy and paste them into Storyline 360. Highlight the table and press Ctrl+C to copy it. Then go to the slide in Storyline 360 where you want the table to appear and press Ctrl+V to paste it. After pasting the table into Storyline 360, you can edit the text and format it as you’d like. Adding Text to Table Cells You can add text to any cell by clicking in the cell and typing the text you want to display. You can also copy and paste text into cells. And you can insertvariable references from the ribbon. To move from one cell to the next without using your mouse, click the Tab key on your keyboard. Tabbing through a table goes from left to right and top to bottom. You can also use the arrow keys on your keyboard to move around a table. Note: Tables don’t support images or other media. Turning the Header Row On or Off You can identify the top row of a table as a header row to make it stand out. Select the table, then go to the Table Tools—Design tab on the ribbon and mark the Header Row box. You can also turn a header row off by unchecking the Header Row box. Banding Rows with Alternating Colors You can quickly format tables with banded rows—alternating colors that help learners distinguish one row of data from another. Select the table, then go to the Table Tools—Design tab on the ribbon and mark the Banded Rows box. Or, uncheck the Banded Rows box to turn off color banding. When banded rows are enabled, you can control the colors with quick styles. Tip: When creating tables from scratch in Storyline 360, banded rows are enabled by default. Applying Quick Styles to Tables Format tables in a snap with Storyline 360’s gallery of ready-made table styles. Select the table you want to customize, go to the Table Tools—Design tab on the ribbon, and click a style from the Table Styles drop-down list. Tip: The color choices in the style gallery come from your theme colors. Selecting Cells, Rows, and Columns Here are tips for quickly selecting cells, rows, columns, or an entire table when you want to edit fill colors, borders, cell margins, alignment, and text. Select a single cell by clicking in that cell. Select multiple adjacent cells by clicking and dragging your mouse across them, or you can Shift+click several cells to select them all at once. Select an entire row by hovering your mouse outside the left edge of the row until your cursor changes to a black arrow, then simply left-click your mouse. If you left-click and drag your mouse up or down, you can select multiple rows at once. Select an entire column by hovering your mouse above the top edge of the column until your cursor changes to a black arrow, then left-click your mouse. If you left-click and drag your mouse to one side or the other, you can select multiple columns at once. Select an entire table by clicking its outside border. Filling Cells, Rows, Columns, and Tables with Colors and Gradients Quick styles are a great way to format simple tables, but you have complete control over the fill color of each cell in a table. Select the cells, rows, or columnsyou want to format, go to the Table Tools—Design tab on the ribbon, and use the Fill drop-down list to select a color or gradient: The default color swatches come from your project’s theme colors. Storyline 360 also provides 10 standard color swatches. No Fill removes all colors from the selected cells. Anything behind the cells will show through. Click More Fill Colors to define your own custom colors. Use the Eyedropper to select any color visible on your screen. Use the Gradient list to select a preformatted gradient or click More Gradients to open the Format Shape window where you can create your own gradient fill. Working with Borders To customize borders or outlines in a table, select the cells, rows, or columnsyou want to format, go to the Table Tools—Design tab on the ribbon, and follow these steps: Use the border style selector to choose the type of outline you want, such as solid, dotted, or dashed. Use the border width selector to choose a line thickness. Use the border color selector to choose a line color. (The default color swatches come from your theme colors.) Finally, use the Borders drop-down list to choose which borders in your selected cells should be updated with the style, width, and color you defined in the previous steps. You can repeat this step as many times as necessary to select all the borders you want to format. Borders that you format will be highlighted in the Borders drop-down list (see image below). To undo your border formatting, click any of the highlighted borders to turn them off. For example, let’s say you apply formatting to All Borders, then decide you don’t want columns to have vertical dividers. Click Inside Vertical Border to deselect it. This clears your column dividers but leaves your outside borders and row dividers intact. Tip: To completely remove all borders for the selected cells, click the Borders drop-down list and choose No Borders. You don’t need to select a style, width, or color. Sizing Rows, Columns, and Tables The quickest way to size a row is to drag its boundary up or down. And to size a column, drag its boundary left or right. Another way to change the size of a row or column is to click inside a cell, then go to the Table Tools—Format tab on the ribbon and adjust the Height and Width values in the Cell Size group. (Note that this method also adjusts the overall size of your table.) To evenly size rows or columns so they’re the same size, select the rows or columnsyou want to adjust, then click either Distribute Rows or Distribute Columns. Inserting Rows and Columns Here are three quick ways to add rows and columns to a table: Use the Format Tab on the Ribbon Add a row or column by going to the Table Tools—Format tab on the ribbon and clicking Insert Above, Insert Below, Insert Left, or Insert Right. To insert multiple rows or columns at the same time,select more than one row or column in your table, then use the buttons on the ribbon to insert rows or columns. Storyline 360 will insert the same number of rows or columns as you have selected. For example, if you select three rows in your table and click Insert Above, Storyline 360 will add three new rows to your table. New rows and columns will be the same size as the ones you selected before inserting them. Use the Right-Click Context Menu Another way to add a row or column is to select an existing row or columnin your table, then right-click, scroll to Insert, and choose one of the options. To insert multiple rows or columns at the same time,select more than one existing row or columnin your table, then use the buttons on the ribbon to insert rows or columns. Storyline 360 will insert the same number of rows or columns as you have selected. For example, if you select three rows in your table and click Insert Above, Storyline 360 will add three new rows to your table. New rows and columns will be the same size as the ones you selected before inserting them. Tab Past the Last Cell in the Table You can navigate through your table from cell to cell by clicking Tab on your keyboard. When you get to the last cell in the table and click Tab, Storyline 360 will add a new row to the end of your table. Merging and Splitting Cells Merging Cells To merge cells, select two or more adjacent cells, then go to the Table Tools—Format tab on the ribbon and click Merge Cells. You can also right-click selected cells and choose Merge Cells from the context menu. All the contents of the individual cells will be merged into one big cell. Splitting Cells Only cells that have previously been merged can be split. To split a cell, click in the cell to select it, then go to the Table Tools—Format tab on the ribbon and click Split Cells. You can also right-click a cell and choose Split Cells from the context menu. The cell will be split into the same number of cells that were previously merged. All the contents of the merged cell will appear in the first of the split cells. Deleting Rows, Columns, and Tables It’s easy to delete rows and columns. Select the rows or columnsyou want to remove, then go to the Table Tools—Format tab on the ribbon. Click Delete and choose either Delete Rows or Delete Columns. You can also right-click your selection and choose either Delete Rows or Delete Columns. To delete an entire table, click the border of the table to select it, then press the Delete key on your keyboard. Aligning Text in Table Cells Here are several ways to change horizontal and vertical alignment as well as text direction (rotation) and text orientation: Use the Format Tab on the Ribbon Select the cells, rows, or columnsyou want to edit and go to the Table Tools—Format tab on the ribbon. Use the options for horizontal alignment, vertical alignment, and text direction (rotation). Use the Home Tab on the Ribbon Select the cells, rows, or columnsyou want to edit and go to the Home tab on the ribbon. Use the paragraph options to change horizontal alignment, vertical alignment, text direction (rotation), and orientation (left-to-right or right-to-left). Click the arrow in the lower right corner of the Paragraph group to open the Paragraph window where you can set additional options, such as indentation and line spacing. Use the Mini Toolbar Select text in any table cell to reveal a floating mini toolbar where you can set several font-formatting options, including horizontal alignment. Use the Right-Click Context Menu Select the cells, rows, or columnsyou want to edit, then right-click and choose Format Shape from the context menu that appears. When the Format Shape window appears, select the Text Box tab on the left, then set vertical alignment and text direction (rotation). You can also set internal cell margins on this window. If you select text in a cell and then right-click, you’ll see a shorter context menu with Paragraph and Format Shape options where you can set alignment, indentation, margins, and more. Use Keyboard Shortcuts Quickly change horizontal alignment of text with these keyboard shortcuts: Ctrl+E = center alignment Ctrl+L = left alignment Ctrl+R = right alignment Formatting Text in Table Cells Here are several ways to format table text: Use the Home Tab on the Ribbon Select the cells, rows, or columnsyou want to edit and go to the Home tab on the ribbon. Use the font-formatting options to change the font, size, effects, colors, and spacing. Use the Mini Toolbar Select text in any table cell to reveal a floating mini toolbar where you can set several font-formatting options, including font, size, effects, color, and horizontal alignment. Use the Right-Click Context Menu Select text in any table cell, then right-click and choose Font. Then use the Font window that appears to change the font, style, size, colors, effects, and spacing. Use Keyboard Shortcuts Quickly format text with keyboard shortcuts, such as: Ctrl+B = bold Ctrl+I = italicize Ctrl+U = underline Click here for more font-formatting keyboard shortcuts. Adding Hyperlinks Hyperlinks can be added directly to the table as a whole, not individual cells or selected text. You can simulate hyperlinks for cells and text by adding hotspots where you need them and using the hotspots to trigger hyperlinks. Adjusting Cell Margins To change the internal margins for table cells: Select the cells, rows, or columnsyou want to edit. Right-click and choose Format Shape. Select the Text Box tab on the left side of the window that appears. Enter pixel values for the Left, Right, Top, and Bottom internal cell margins. Click Close to exit the window. Using Scrolling Panels to Scroll Lengthy Tables If you have a table that’s too long to fit on a slide, put it in a scrolling panel so learners can scroll to view the data. (Note: scrolling panels only scroll vertically, not horizontally.) And if you want the header row to always be visible, create a separate table with one row outside (above) the scrolling panel just for the header text. Here’s a published example of a table in a scrolling panel with a frozen header row. And here’s the project file if you want to see how it’s built. Tips for working with lengthy tables: It helps to build and format your table first, then drag and drop it into a scrolling panel. You can also create your table the way you want it in another program, such as Excel, then copy and paste it into Storyline 360. Setting a CustomFocus Order for Table Cells It’s important to set a meaningfulfocus order for learners with screen readers so they hear content in the order that makes the most sense. By default, the focus order for table cells goes from left to right and top to bottom. But you can create your own custom focus order for slide content, including tables. Go to the Home tab on the ribbon and clickFocus Order. View this user guide for details. Tip: You can set thefocus order for the table as a whole and also for each cell in the table, which means you can remove empty cells from thefocus order altogether so screen readers will skip over them. Making Tables Accessible Tables have built-in screen reader support. Learners with visual disabilities can easily explore tables and know exactly where they are. By default, screen readers announce a table by the number of columns and rows it has, and they’ll read the text in each cell as you navigate through the table. However, it’s helpful to give the table and individual cells in the table more descriptive alternative text (alt text) so learners with screen readers have a better understanding of the content. For example, screen readers will announce the following table simply as “Table with 3 columns and 4 rows.” And when learners navigate through the table, screen readers will read the first cell as “Employee,” the second cell as “Department,” and the third cell as “Extension.” However, it would be better if we told screen readers to announce “Table with 3 columns and 4 rows that lists each employee’s name in the first column, the employee’s department in the second column, and the employee’s phone extension in the last column.” And it might be helpful to read the first cell as “Employee name column header,” the second cell as “Department column header,” and the third cell as “Phone extension column header.” (We don’t need to add alt text to the other cells in the table since we want screen readers to read the text we typed into those cells.) To add alt text to tables and cells, Go to the Home tab on the ribbon, click Focus Order, then enter text in the Alternative Text column for each object on the slide. View this user guide for details. Another way to add alt text to the table as a whole is to right-click the table and select Accessibility from the context menu. However, to add alt text to individual cells, you’ll need to use the customfocus order window above.499Views0likes0CommentsStoryline 360: Customizing Accessible Player Settings
The accessible player in Storyline 360 lets you control the color of the accessibility focus rectangle and turn off the skip navigation shortcut. Here’s how. Change the Accessibility Focus Color Disable the Skip Navigation Shortcut Change the Accessibility Focus Color The accessibility focus rectangle lets sighted keyboard-only users see which object is currently selected. You can change the color(s) of the focus indicator to complement your course design. Follow these steps, depending on your player style. By default, the accessibility focus rectangle is yellow. Here's how to change it to complement your course design, depending onyourplayer style. Modern Player As of July 2021, the modern player has a two-color focus indicator so it's always visible against any background in your course. Here's how to select your colors: Go to the Home tab on the ribbon and click Player. When the player properties appear, click Colors & Effects on the ribbon. Select two Accessibility Focus Colors, preferably one light and one dark. Classic Player The classic player has a one-color focus indicator. Here's how to select a color: Go to the Home tab on the ribbon and click Player. When the player properties appear, click Colors & Effects on the ribbon. Click Show advanced color editing. Use the Edit Item drop-down list to choose Accessibility >> Focus Rectangle. Use the Color selector to choose a different color. Disable the Skip Navigation Shortcut Screen reader users have an option to skip the player controls and return to the first object on the slide, so they don't have to navigate through all the player features to hear the slide content again. The skip navigation shortcut becomes visible temporarily after navigating through all the slide objects, so sighted keyboard users can also take advantage of this time-saving feature. It appears as a button in the lower right corner of the slide and is labeled "Back to top." The skip navigation shortcut is enabled by default, and we recommend keeping it enabled. However, you can turn it off should you need to do so. Go to the Home tab on the Storyline ribbon and click Player. When the player properties window opens, click Other on the ribbon. Mark the box to Disable skip navigation shortcut. Tips: If you turn off all the player tabs (menu, notes, etc), Storyline turns off the skip navigation shortcut for you, and the player setting to disable it is grayed-out. You can change the “Back to top” label by editing your text labels.299Views0likes0CommentsStoryline 3: Creating and Editing Closed Captions with the Built-In Editor
Create and edit closed captions right in Storyline 3 with the built-in editor. Fine-tuneimported captionsor quickly add new ones with the help of caption placeholders that are already synced with your audio and video content. Here’s how. Opening the Closed Captions Editor Exploring the Editor Understanding Caption States Previewing Media and Captions Tabbing Back and Forth Between Caption Placeholders Adding or Editing Text in Caption Placeholders Speeding UpYour Workflow for Adding Closed Captions Formatting Caption Text Using Keyboard Shortcuts Adjusting the Timing and Duration of Caption Placeholders Inserting New Caption Placeholders Deleting Captions Splitting Captions Importing Captions Exporting Captions Translating Captions Closing the Editor and Saving or Discarding Your Changes Showing or Hiding the Closed Captioning Button on the Player Using Triggers to Turn Closed Captions On and Off Opening the Closed Captions Editor Select a video or audio track in your course, go to theOptionstab on the Storyline ribbon, then click eitherAdd CaptionsorEdit Captions. The button will change depending on whether your media clip already has captions. If you’re working with an interactivemarker, right-click the marker, selectAccessibilityfrom the context menu, then click eitherAdd CaptionsorEdit Captionsin the window that appears. Tip: Caption Placeholders Are Created for You If your media clip doesn’t already have captions, the closed captions editor will automatically analyze the audio track to detect units of speech and add caption placeholders to the timeline that are synchronized with your content. All you need to do istype your captions in the placeholders. Brilliant! Background music can interfere with the auto-generated caption placeholders, so you might need totweak the timing of captions,add more caption placeholders, orsplit captions into smaller chunks. The closed captions editor works with all narration and videos, except website videos. Exploring the Editor Explore this image of the closed captions editor and the numbered list below it for an overview of the interface. See the sections that follow for details on each feature. # Feature Description 1 Ribbon Commands Use the ribbon to: Preview your media and captions Jump back and forth between caption placeholders Insert new caption placeholders Delete caption placeholders Split caption placeholders Import captions Export captions Close the editor 2 Video Stage When you’re working with a video, it'll display on the video stage. When you’re working with an audio clip, the video stage disappears and the audio waveform fills the editor. 3 Closed Captions Preview As you type captions into the placeholders at the bottom of the editor, they’ll display on the video stage or audio waveform so you can see how they’ll look in your published output. 4 Timeline and Playhead The timeline shows the duration of your media, and the blue playhead travels along the timeline as you preview your video and audio content. 5 Audio Waveform The audio waveform is a visual representation of the audio track in your media. If there’s no video component for your media, the audio waveform will expand to fill the stage. 6 Caption Placeholders Caption placeholders are where you type and format text. You can also adjust the timing and duration of caption placeholders. If your media clip doesn’t already have captions, the closed captions editor will automatically analyze the audio track to detect units of speech and add caption placeholders to the timeline that are synchronized with your content. All you need to do is type your captions in the placeholders. Caption placeholders have four states, so you know what to expect when creating and editing captions.See the next section to learn about caption states. 7 Time Values The status bar shows you the current position of the playhead on the timeline, the start time of the selected caption placeholder, and the end time of the selected caption placeholder. 8 Zoom Slider Use the zoom slider in the lower right corner to zoom the timeline, audio waveform, and caption placeholders in and out when you need to make precise edits or get a big-picture overview. Understanding Caption States Caption placeholders have four states as described in this table. State Appearance Example Unselected caption placeholder without text Solid light gray Unselected caption placeholder with text Dark gray with white text Selected caption placeholder (with or without text) Blue with white text Caption placeholder in edit mode Dark gray with blue outline, white text, and blinking cursor The closed captions editor may behave differently, depending on the current state of a caption. See the following sections for details. For example, if no captions are in edit mode when youpreview, playback will continue to the end of the timeline unless you pause it. However, if a caption is in edit mode when you preview, playback will stop at the end of the caption placeholder. And if you resume playback while the caption is still in edit mode, it'll start from the beginning of the current caption placeholder and stop again at the end. This helps you create captions one at a time, letting you hear a clip as many times as you need while typing. Previewing Media and Captions To preview the entire video or audio track, move the playhead to the beginning of the timeline—before the first caption placeholder—then click thePlaybutton on the ribbon or press Enter on your keyboard. Drag the seekbar on the ribbon or the playhead on the timeline to scrub back and forth through the video or audio track. To preview just one caption, click inside the placeholder so it’s in edit mode. Playback will start as soon as you click inside it and stop when it reaches the end of the caption. To pause the preview, click thePausebutton on the ribbon or press Enter. Caption placeholders that have text will display on the video stage or audio waveform during preview. (The size of a caption box and the point at which text wraps could change, depending on the size of the closed captions editor window.) Tabbing Back and Forth Between Caption Placeholders Press the Tab key on your keyboard to jump to the beginning of the next caption, and press Shift+Tab to jump to the beginning of the previous caption. Or, click the left and right arrows on the ribbon to move back and forth between captions. If no captions are inedit modewhen you navigate between them, the playhead will simply move to the previous or next caption, but the media won’t start playing until you tell it to. If a caption placeholder is in edit mode when you jump to another caption, the new caption placeholder will also switch to edit mode so you can immediately start typing. Tip: By using the Tab key to move through caption placeholders in edit mode and pressing Enter to play/pause media, you never have to take your hands off the keyboard while typing captions,speeding up your workflow. Adding or Editing Text in Caption Placeholders To add or edit caption text, simply click inside a caption placeholder and begin typing. You can also paste text from external sources, such as text files or Word documents. When you click inside a caption placeholder, it switches toedit modeand your media automatically begins playing. If you need to pause it, just press Enter. To resume playback, press Enter again. If you need to add a line break to a caption, pressShift+Enter. Speeding UpYour Workflow for Adding Closed Captions By usingkeyboard shortcuts, you can quickly add closed captions to a video or audio track in Storyline 3. Here’s how: When youopen the closed captions editor, the playhead will be positioned at the beginning of the first caption placeholder, and it'll be inedit mode. Press Enter to start playing your video or audio track, then begin typing text for the first caption based on what you hear. Playback will stop at the end of the placeholder so you have time to finish typing the caption. If you need to hear it again, just press Enter and it'll start over from the beginning of the placeholder. You can also use Enter to pause playback. Press Tab to move to the next caption placeholder. It'll switch to edit mode, and your media will being playing. Simply type what you hear. Playback will stop at the end of the placeholder so you have time to finish typing the caption. If you need to hear it again, just press Enter and it'll start over from the beginning of the placeholder. You can also use Enter to pause playback. Repeat step 2 to add captions, one placeholder at a time, until you reach the end of the timeline. Formatting Caption Text Bold, Italic, and Underline: Closed captions in Storyline 3 can have bold, italic, and underline formatting. Just select the text you want to format, then use the floating toolbar to make your selections. Or, use these keyboard shortcuts: Ctrl+B = Bold Ctrl+I = Italicize Ctrl+U = Underline Font and Font Size: You can change the font and font size for closed captions in the player properties for your course.Click here for details. Voice Tags: The closed captions editor doesn’t support voice tags, but you can identify speakers by typing their names with colons before their statements.(Press Shift+Enter to adda line break between speakers.) For example: Adam: E-learning is powerful. Lucy: And it’s transforming lives every day. If youimporta caption file that has voice tags, the tags will be converted to the speakers’ names followed by colons, as shown above. Using Keyboard Shortcuts Work faster in the closed captions editor with these keyboard shortcuts. Key(s) Function Enter Play and pause media Shift+Enter Add a line break when typing text into a caption placeholder Tab Jump to the beginning of the next caption placeholder Shift+Tab Jump to the beginning of the previous caption placeholder Esc Exit edit mode for the current caption placeholder and switch to a blue selected state Ctrl+A Select all the text in a caption placeholder Ctrl+B Bold Ctrl+C Copy Ctrl+I Italicize Ctrl+U Underline Ctrl+V Paste Ctrl+X Cut Ctrl+Y Redo Ctrl+Z Undo Left Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, the left arrow key moves the placeholder .25 seconds to the left on the timeline (or less than that if it bumps up against the previous caption placeholder). Otherwise, the left arrow key moves only the playhead .25 seconds to the left on the timeline. Right Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, the right arrow key moves the placeholder .25 seconds to the right on the timeline (or less than that if it bumps up against the next caption placeholder). Otherwise, the right arrow key moves only the playhead .25 seconds to the left on the timeline. Shift+Left Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, this shortcut moves the placeholder .5 seconds to the left on the timeline (or less than that if it bumps up against the previous caption placeholder). Otherwise, this shortcut moves only the playhead .5 seconds to the left on the timeline. Shift+Right Arrow If the playhead is at the beginning or end of a caption placeholder and the placeholder is in a selected state, this shortcut moves the placeholder .5 seconds to the right on the timeline (or less than that if it bumps up against the next caption placeholder). Otherwise, this shortcut moves only the playhead .5 seconds to the right on the timeline. Alt+Left Arrow When a caption placeholder is selected, shorten its duration by .25 seconds. Alt+Right Arrow When a caption placeholder is selected, lengthen its duration by .25 seconds (or less than that if it bumps up against the next caption placeholder). Shift+Alt+Left Arrow When a caption placeholder is selected, shorten its duration by .5 seconds. Shift+Alt+Right Arrow When a caption placeholder is selected, lengthen its duration by .5 seconds (or less than that if it bumps up against the next caption placeholder). Ctrl+Left Arrow This shortcut moves the playhead to the beginning of the current caption placeholder or the end of the previous placeholder, whichever is closest. This shortcut doesn’t work when a caption placeholder is in edit mode. Ctrl+Right Arrow This shortcut moves the playhead to the end of the current caption placeholder or the beginning of the next placeholder, whichever is closest. This shortcut doesn’t work when a caption placeholder is in edit mode. Ctrl+Mouse Wheel Zoom the timeline in and out Adjusting the Timing and Duration of Caption Placeholders To adjust the timing of a caption, simply drag the placeholder left or right along the timeline. To change the duration of a caption, drag either end of the placeholder along the timeline to shorten or lengthen it. You can also use several arrow keyboard shortcuts in the table above to tweak the timing and duration of caption placeholders. Inserting New Caption Placeholders Although the closed captions editor does its best tocreate caption placeholders for you that are already synced with your content, there may be times when you need to manually add a caption placeholder to the timeline. Click any space on the timeline that isn’t already occupied by a caption placeholder. The blue playhead will move to that position on the timeline. Then clickInsert Captionon the ribbon. New captions are four seconds long by default—unless there isn’t enough space to fit a four-second placeholder, in which case it'll fill the available space. You need at least half a second of empty space on the timeline to insert a new caption placeholder. If there isn’t enough space, theInsert Captionbutton will be grayed out. Deleting Captions There are three ways to delete a specific caption: Select the caption placeholder and press Delete on your keyboard. Select the placeholder and clickDelete Captionon the ribbon. Right-click the placeholder and chooseDeletefrom the context menu. To delete all captions at once, clickDelete Captionson the ribbon, then clickYeson the confirmation message. Splitting Captions You can split a caption into two placeholders when you need more control over timing and duration. Just select the placeholder and clickSplit Captionon the ribbon. Or, right-click the placeholder and chooseSplit Captionfrom the context menu. The original placeholder will split evenly in half. And if it has text, the text will split where the cursor is located—everything before the cursor will move to the first placeholder; everything after the cursor will move to the second placeholder. Exception: If the playhead is at the beginning of the caption and the placeholder is in a blue selected state, all the text will move to the first placeholder after being split. Importing Captions If you already have captions typed in a document, you can import them via the closed captions editor. Note that this replaces all the existing captions for your video or audio track. ClickImport Captionson the ribbon. ClickYeswhen asked to confirm that you want to replace the existing captions. Browse to the SRT, SBV, SUB, or VTT file you want to import and clickOpen. You can also import caption files without opening the closed captions editor.See this user guide for details. Exporting Captions Export closed captions when you need to use them in another project, edit them with a different app, or save a backup copy. ClickExport Captionson the ribbon, choose a location where you want to save the caption file, then clickSave. When you export captions from the closed captions editor, it generates a VTT file. Translating Captions Export the captions file for each video or audio track in your course, translate it, then import it back into Storyline. Here’s how: If the closed captions editor is open, clickExport Captionson the ribbon and save the file to your computer. You can also export captions without opening the closed captions editor. Just select the video or audio track, go to theOptionstab on the Storyline ribbon, and clickExport. Open the captions file in a text editor or a translation program, replace the captions with translated text, and save the file with your changes. In Storyline, select the video or audio track again, go to theOptionstab on the ribbon, and clickImportto bring the translated captions back into your course. Closed captions aren’t included when youexport text strings from your course for translation. Closing the Editor and Saving or Discarding Your Changes To save your changes, clickSave & Closeon the ribbon. To discard your changes, click theXin the upper right corner or go to theFiletab on the ribbon and clickExit. Showing or Hiding the Closed Captioning Button on the Player The closed captioning button on the course player is enabled by default, but you can disable it if you plan to build your own custom controls.Click here for details. Using Triggers to Turn Closed Captions On and Off If the closed captioning button is enabled on your course player (see above), learners can toggle captions on and off whenever they want. However, you can also control captions via triggers.Click here for details.99Views0likes0CommentsStoryline 3: Importing Closed Captions for Narration and Videos
Make your Storyline 3 courses more accessible for hearing-impaired learners by importing closed captions for narration and videos. It’s easy. Just insert standard SRT, VTT, SBV, or SUB files. If you don't have caption files to import, you can create closed captions from scratch using Storyline's built-in editor. See this user guide for details. Preparing Your Caption Files Importing Captions Deleting Captions Exporting Captions Choosing a Font for Your Closed Captions Showing or Hiding the Closed Captioning Button on the Player Using Triggers to Turn Closed Captions On and Off Preparing Your Caption Files Storyline supports SRT, VTT, SBV, and SUB files generated by third-party captioning services, such as YouTube, Amara, and 3PlayMedia. Here are some tips to make sure your caption files are properly formatted for Storyline. Storyline 3 supports bold, italic, and underline formatting in caption files as well as voice tags to indicate which person is speaking. All other formatting tags, such as font and font color, will be ignored. (Use thecaption fontsetting in your player properties to specify which font should be used for your closed captions.) A caption will automatically wrap if it’s too long to fit on a single line. However, if you need a caption to break at a specific point, addoneline break in your caption file in the appropriate place. On the other hand, if you need to split a caption into two separate caption boxes that display simultaneously, addtwoline breaks in your caption file. You might do this when two people are speaking and you want each speaker’s dialogue to display in its own caption box. If some letters or characters in your captions are unexpectedly replaced by symbols in Storyline 3, make sure your caption files are encoded for UTF-8. Importing Captions Closed captions are supported for audio tracks and videos. You can import captions simultaneously with your media, or you can import captions separately. We describe both options below. Import Captions Simultaneously with Media If your caption files have the same names as your media files and are stored in the same folder with the media, they’ll automatically import into Storyline 3 when you import your media. For example, if I have a video calledMyVideo.mp4and the corresponding caption file is namedMyVideo.srtand is located in the same folder, I only need to import the video into my Storyline project, and the captions will automatically import and sync with the video. To learn how to import audio and video files into Storyline 3, see these user guides: Importing Audio Files Importing Video Files Import Captions After Adding Media To import captions after adding media to your Storyline project: Select the audio track or video that you want to caption. Go to theOptionstab on the Storyline ribbon and click theplus sign(+) next toCaptions. Browse to the caption file you want to import, then clickOpen. Another way to import captions is to right-click the video placeholder or the speaker icon that represents your audio track, chooseAccessibility, then click theplus sign(+) next toCaptions. (See this user guide to learn more about the Size and Position window.) Note about captions in markers: When you right-click an interactive marker and choose Accessibility, you’ll see closed caption features for audio and video since a marker can have both types of media at the same time. Deleting Captions To delete captions you previously added: Select the audio track or video that has captions you want to remove. Go to theOptionstab on the Storyline ribbon and click thegarbage binicon next toCaptions. (The icon will be grayed-out if there aren’t any captions to delete.) Exporting Captions Need to export captions from Storyline so you can edit them or use them in another project? Here’s how: Select the audio track or video that has captions you want to export. Go to theOptionstab on the Storyline ribbon and click thearrowicon next toCaptions. (The icon will be grayed-out if there aren’t any captions to export.) Choose a location where you want to save your caption file, then clickSave. Choosing a Font for Your Closed Captions Choose a font for your closed captions in the player settings. Here’s how: Go to theHometab on the Storyline ribbon and clickPlayer. When the player properties window opens, clickColors & Effectson the ribbon. Use theCaptions fontdrop-down list to select a font. ClickOKto save and close the player settings. To increase the font size for captions, adjust the font size in your player properties. Note that this setting affects all your player features, not just captions. Go to the Home tab on the Storyline ribbon and click Player. When the player properties window opens, click Colors & Effects on the ribbon. Increase the Player font size percentage. It can be any percentage between 75% and 200%. Click OK to save and close the player settings. Showing or Hiding the Closed Captioning Button on the Player The closed captioning button on the course player is enabled by default, but you can disable it if you plan to build your own custom controls. Go to theHometab on the Storyline ribbon and clickPlayer. When the player properties open, mark theCaptionsbox to show the closed captioning button or uncheck it to hide the closed captioning button. ClickOKto save and close the player settings. Tips for interacting with the closed captioning button: The closed captioning button may not always be visible throughout your course. It’s only visible when captions are available on the current slide or layer. It’ll disappear for slides and layers that don’t have captions. When a learner clicks the closed captioning button to turn on captions, the button will remain turned on throughout the course until the learner clicks it again to turn it off. Using Triggers to Turn Captions On an Off If the closed captioning button is enabled on your course player (see above), learners can toggle captions on and off whenever they want. However, you can also control captions via triggers. Just adjust the built-in Player.DisplayCaptions variable to either True (on) or False (off). Here are a couple scenarios where you might control captions via triggers and how to set them up. Turn Captions On by Default Captions are turned off by default, but if most of your learners need captions, you might want to turn them on automatically when the course starts. Justadd a triggerto the first slide in your course with these trigger wizard parameters: Action: Adjust variable Variable: Player.DisplayCaptions Operator: = Assignment Value: Value = True When: Timeline starts Object: Select the first slide in your course from the drop-down list. Tip: You need to import at least one caption file into your project to see the built-in caption variable. Build Your Own Custom Navigation Buttons If you disable the built-in player features and build your own custom navigation buttons, you can use triggers to show and hide captions. Justadd a triggerto a button with these trigger wizard parameters to create a toggle: Action: Adjust Variable Variable: Player.DisplayCaptions Operator: = NOT Assignment When: User clicks Object: Select your custom button from the drop-down list. Tip: You need to import at least one caption file into your project to see the built-in caption variable.99Views0likes0CommentsStoryline 3: Customizing the Focus Order of Slide Objects
Sometimes it’s helpful to change thefocus order of your slide objects to improve keyboard navigation and make your course accessible tolearners with screen readers. With Storyline 3, it’s easy to do. Tab & Reading Order TheFocus Order window controls the tab order of interactive objects, such as buttons and markers, as well as the reading order for non-interactive objects, such as text and images. Customizing theFocus Order Removing Objects from theFocus Order Restoring Objects to theFocus Order Resetting theFocus Order to Its Original State Adding Alternate Text for Screen Readers Customizing theFocus Order Open the slide you want to customize in Slide View. Go to the Home tab on the Storyline ribbon and click Focus Order. When theFocusOrder window opens, select the option to Create customfocus order in the upper left corner. To change thefocus order of an object, select it and use the Up/Down arrows in the lower right corner to move it to a new location in the list. (Storyline will highlight the selected object on the slide with a red outline, so it’s clear which object you’re editing.) When you’re finished, click Save. Tips: The default focus order is left to right and top to bottom. All objects for the slide appear in the Focus Order window, including objects from layers and slide masters. If you add new objects to the slide after customizing thefocus order, they appear at the bottom of the list. Thefocus order you define also controls the reading orderof text and images for screen readers. You can't customize thefocus order of player navigation elements, but you can skip them when you're tabbing through a slide with a screen reader. Removing Objects from theFocus Order It’s a good idea to remove objects from thefocus order altogether if they aren’t crucial to the context of the slide. For example, you might remove background design elements from thefocus order so learners won’t have to repeatedly press the Tab key to advance to important elements, such as captions and text-entry fields. To remove an object from thefocus order, select it in the list and click the Remove button in the lower left corner of the window. Removing an object from thefocus order doesn’t delete it from the slide. It only hides it from keyboard navigation and screen readers. Tip: To remove a slide master object from the customfocus order, you'll need to switch to Slide Master View (press F4). Right-click the object and choose Size and Position, then select the Accessibilitytab and uncheck the visibility box. Restoring Objects to theFocus Order To restore an object to thefocus order that you previously removed, click the Add button in the lower left corner of the window and select the object you want to restore. To restore all objects at once, click the Add button and choose Add all objects back tofocus order. Resetting theFocus Order to Its Original State Need to start over? Just mark the option to Use defaultfocus order at the top of the window or click the Reset button at the bottom of the window. Here’s the difference between the two: Use defaultfocus order: This option resets yourfocus order and remembers your custom order in case you want to switch back. Reset: This option resets yourfocus order but doesn’t remember your custom order. Both options reset only the objects currently in thefocus order list. They don’t restore objects that you previously removed. See Restoring Objects to theFocusOrder. Adding Alternate Text for Screen Readers To add alternate text for screen readers, simply enter text in the Alternate Text column on the right side of thefocus order window. (Another option is to use the Size and Position window. See this user guide for details.) If an object doesn’t have alternate text, screen readers will read the name of that object as it appears in the timeline. Screen readers won’t read objects that you’ve removed from thefocus order. Although slide master objects appear in the customfocus order window, you'll need to switch to Slide Master View (press F4) to set their alternate text. Right-click each object on the slide master, choose Size and Position, and select the Accessibility tab.99Views0likes0CommentsStoryline 3: Adding Alternative Text for Screen Readers
Storyline 3 supports alternative text (alt text) for slide objects so your courses are accessible to learners with screen readers and other assistive technologies. In this user guide, we’ll explore two ways to add alt text in Storyline 3. Using the Focus Order Window Using the Size and Position Window Using the Focus Order Window The Focus Order window lets you customize the order in which slide objects are navigated with a keyboard and read by a screen reader. You can also use the Focus Order window to manage alternate text for all your slide objects. Here’s how: Open the slide you want to customize in Slide View. Go to the Home tab on the Storyline ribbon and click Focus Order. When the Focus Order window opens, enter text in the Alternate Text column. Click Save when you’re finished. Here are some helpful tips for working with alternate text on the Focus Order window: All objects for the slide will appear in the Focus Order window, including objects from layers and slide masters. Although slide master objects appear in the custom tab order window, you'll need to switch to Slide Master View (press F4) to set their alternate text. Right-click each object on the slide master and chooseAccessibility. If an object doesn’t have alternate text, screen readers will read the name of that object as it appears in the timeline. If you don’t want an object to be read by screen readers, select it in the list, then click the garbage bin iconin the lower left corner of the window. (This doesn’t delete the object; it just hides it from screen readers.) To learn more about using the Focus Order window, see this user guide. Using the Size and Position Window The Size and Position window lets you control an object’s height, width, rotation, scale, crop, and location. You can also use the Size and Position window to add alternate text to an object. Here’s how: Right-click the object you want to edit, then choose Accessibility. The Size and Position window will open directly to the Accessibility tab. Mark the box called Object is visible to accessibility tools. Enter text in the Alternate text field. Click Close. Here are some helpful tips for working with alternate text on the Size and Position window: If the visibility box is checked but there isn’t any alternate text, screen readers will read the name of the object as it appears in the timeline. If you’d prefer to hide the selected object from screen readers altogether, uncheck the visibility box. To learn more about using the Size and Position window, see this user guide.78Views0likes0Comments