Lectora Online 3 What’s New


Announcing Lectora Online 3.3 with WCAG 2.0 AA Support and Responsive Course Design

You need it and Lectora Online 3.3 has it!  Lectora Online includes support for creating accessible content that meets 508 and WCAG 2.0 AA specifications! The latest additions to Lectora Online, include:


  • Visible Focus Indicators
  • Language Declaration
  • Reading Order Control
  • Text Block HTML Tags

Other Features:

  • Enhanced Closed Caption Ability
  • Web Windows and Social Objects
  • Improved Shared Title Access Security

Watch the video to see all of the new features in Lectora Online 3.3!

Watch video: What's New in Lectora Online 3.0

Watch video: What's New in Lectora Online 3.1

Watch video: What's New in Lectora Online 3.2

What's New in
Lectora Online 3.3

What's New in Lectora Online 3.3


508/WCAG Accessibility

Lectora and Lectora Online include support for creating accessible content that meets 508 and WCAG 2.0 AA specifications. This includes visible focus indicators, language declaration for the title and text, reading order control, closed caption ability for audio and video, scope attribute for table headers, and more.

Learn more: How to use Lectora to Create Accessible Courses

Visit our page: Trivantis.com/Accessibility



Closed Caption Formats

Do your courses need to be 508/WCAG compliant? Three popular file formats are supported for closed captioning of audio and video: WebVTT, SRT, and XML.

Watch Video: Closed Captioning with WebVTT



Web and Social Objects

Provide opportunities for social and informal learning using the objects available in Lectora and Lectora Online. Place dynamic content on the page with Web Windows and help users connect with learning communities by adding Social Objects such as Twitter(R) Feeds and share buttons to your content.

Watch video: Web and Social Objects in Lectora and Lectora Online



SVG Rendering of Shapes and Buttons

Using scalable vector graphics technology, published content will remain crisp and scalable on high-resolution displays, while also keeping your content’s file size to a minimum.


Image Effects

Easily add a solid, dashed or dotted border to an image. Style it with color, add a shadow and even a reflection. Crop images directly on the page to improve the framing or to better highlight the subject.

Watch Video: Image Effects



Customizable Button States

Configure the Normal, Over, Down and Disabled states of buttons. For each state, you change the shape style, or modify the text style. Use the new Set State action to set the state of a button to either enabled or disabled.

Watch Video: Button Effects and States



Create Buttons in Any Shape

Text buttons, transparent buttons (hot spots) and image buttons can be formatted in any shape. You can now create a text button shaped like an arrow or build a rollover with a polygon-shaped transparent button. Once you’ve set your style and properties, you can easily update the shape type directly from the Style ribbon.

Watch Video: Button Effects and States



Shape & Button Text

Add text directly inside of a shape or button. You can also select and change the text formatting on the object’s Style ribbon.

Watch Video: New and Updated Shapes



Gradient, Texture, and Picture Fill

Change the fill style of buttons and shapes to use gradients, textures or images. Select from a built-in gallery of textures, choose from 26 default gradient styles, customize your own gradient or select an image from the Media Library to design a distinctive button or shape.

Watch Video: New and Updated Shapes

Watch Video: Button Effects and States



Text Block Styles

The text block styling tools you’ve always loved have relocated to the Style ribbon. And they’ve brought along some new pals. You can now apply dashed line and dotted line borders, as well as a shadow effect.

Watch Video: Text Block Styles



Bullets and Numbered Lists

Select from new types of bullets and numbering schemes—choose from circles and squares, Roman numerals, and more.

Watch Video: Bullets and Numbered Lists

Watch Video: Text Block Styles



Customizing Test Results

Lectora and Lectora Online allow you to determine the behavior of quizzes/tests including whether test results will be shown to the student. With the Results Designer, how results are displayed is completely customizable. You can choose what data to show, the order in which the data is presented, how the text is styled, and even embed images within the results.

Watch Video: Customizing Test Results



Rotate and Flip

New object adorners allow for the rotation and flipping of shapes, images and text buttons.

Alternatively, use the controls in the new Rotation and Mirroring group of the Position and Size ribbon to flip and rotate objects.

Watch video: Rotating and Flipping


Additional status indicator objects

Select from 50 additional status indicator sets, such as the three-cut pie, bullseye, hourglass, and progress meters.


Media play optimized

The playing of media has been optimized with a new HTML5 player, eliminating the Flash requirement and providing for sharper rendering on mobile devices.


New Shapes and Shape Styles

Add a cloud, star or callout shapes to draw attention to a part of an image or to attract attention to instructions and information. Change the border from solid to dashed or dotted line. Type text directly within the shape.
Watch Video: New and Updated Shapes



Tag and Search

Title Tags are labels that identify the types of content contained in the title, the target business unit, a learning taxonomy...whatever you want! Create new tags or select from the list of tags already created to help you manage your organization's titles. Then use the Title Search feature to quickly locate titles which contain certain tags.


Responsive Course Design

With Responsive Course Design (RCD) you can develop titles for your primary desktop audience as well as for display on all tablets and smartphones. You can even convert existing titles to be responsive—if you’d like.

Watch video:

RCD Overview

Responsive Course Design in Lectora

View/Download: RCD Quick Start Guide


RCD Overrides: Customizing Views

Lectora’s Responsive Course Design inheritance automatically positions and sizes objects on the page in mobile views. However you still have all of the power of Lectora to customize each view and design the WYSIWYG title you desire.

Watch video:

RCD Overrides: Customizing Views

Converting a Course to be Responsive

View/Download sample title: Chinese Tea Culture


Preview Courses

Scan the convenient QR code with your mobile device's scanner app to instantly preview your HTML published content. You can also simulate your mobile view right in the browser.

Watch video: Previewing Your Titles


Device Rotation and Current View

With Lectora’s Responsive Course Design you can control what information is provided to you learners depending on the type of device—desktop, tablet or smartphone—and orientation they are using.

Watch video: Device Rotation and Current View


Cross-device Moving and Resizing

When working with a Responsive Course Design (RCD) title, this feature will allow you to change the position or size of an object across all devices at the same time.

Watch video: Cross Device Moving and Resizing


Custom Progress Bar Actions

Custom progress bars may be used for many things including showing progress in a non-linear title or as a visual reference for any number of things. You can associate a variable with a custom progress bar and use the Step Progress Bar Position action to determine what direction the bar will move.

Watch video: Custom Progress Bar Actions


Using Page Layouts

Page Layouts determine where default objects such as text blocks, images, and other media are placed on a page. Using them makes it easy to apply a consistent structure for your course development team, and a consistent experience for your learners.

Read article: Using Page Layouts in Lectora and Lectora Online


Publish to ReviewLink

Need to get course feedback and signoff from colleagues? Enable reviewers and team members to take advantage of enhanced commenting features and mobile review by publishing titles to ReviewLink, the online review tool that lets eLearning developers host published courses and manage feedback—all in one place.

Watch videos:

ReviewLink Overview

ReviewLink Publisher Tutorial

ReviewLink Reviewer Tutorial


Automated Status Tracking

Lectora Online includes the ability to automatically track the progress of learners across chapters, sections and pages as Not Started, In Progress or Completed. You can use this information to control actions, and display progress through status indicator objects.

Watch videos:

Automatic Status Tracking

Set Completion Status Action

Status as Action Condition


Inline Variable Replacement

Using variables in your title is easier than ever! Use the Variable drop-down list to select a variable and insert it directly into your text. Display the student’s name, test scores, or any other information.

Watch video: Inline Variable Replacement


Optimize Image Sizes

To improve performance and minimize title size, you can now "right size" image resources to be no larger than the largest size used in the title, regardless of the image’s original file size. You can do this for images in your working title or for just your published images.

Watch video: Optimize Image Sizes 


Menu Creator

With Lectora Online’s Menu Creator you have even more control over how your menus will appear and function. Create a menu based on the title's table of contents. Link the sub-menu style to the primary level style. Adjust the height and width. View a live preview of the menu before inserting it into your title.


Place Objects Outside the Page

Place objects partially or completely outside of the page boundaries of the publisher. Objects off the page can’t be viewed by your learners—use a Move action to animate the objects onto the page. Watch this video (from Lectora 12) to learn more.

Watch video: Enhanced Editing


Opacity Setting

You can adjust the opacity settings of shapes, images, buttons and text blocks. Use this option when layering text over images so that your text is easy to read, or try blending images together by changing their opacity. 


Hover Text Menu

Quickly format text with the Hover Text Menu. The menu will automatically appear when you select letters or words or when you right-click on text in a text block.

Questions about getting started? Drop us a line to find out more!

Send us an email to start chatting with an account rep.