Spotlight 33

Adaptability

(WCAG 1.3.4, 1.4.4, 1.4.10)

Let’s review three guidelines that talk about making content adaptable to different user needs and preferences, such as the ability to view content in different orientations, resize text for better readability, and reflow content.

1.3.4 Orientation (Level AA) states that content should not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential. This means that users should be able to view and interact with the content in either portrait or landscape orientation, without losing any information or functionality.

This might be important for learners who use a mounted device in a fixed orientation on a wheelchair as they're not able to change the orientation. 

Mobile-responsive authoring tools such as Articulate Rise 360 or Evolve by Intellum automatically scale the content to the orientation of the users' devices.

With slide-based authoring tools, such as Articulate Storyline 360, you should select the option that allows the users to view the content in either landscape or portrait view. 

Setting up adaptable orientation in Storyline 360

The next two criteria are about allowing users to enlarge the text without causing other problems. 

1.4.4 Resize text (Level AA) states that except for captions and images of text, learners should be able to resize text up to 200% without loss of content or functionality. This means that users should be able to increase the size of the text three times its original size without affecting other functions such as navigation or interactivity.

Mobile-responsive authoring tools can scale the content to the required size. However, some authoring tools may have limitations. Storyline 360 supports this when using the Modern Player.


You must be familiar with the experience of having to scroll from left to right if you enlarge an image on your mobile device. 1.4.10 Reflow (Level AA) aims to prevent this for text. It requires that when users increase the text size by 400% in their web browser, the content should still display correctly, without having to use a horizontal scroll bar. The content is usually displayed in more lines, introducing more vertical scrolling, but learners shouldn't use both vertical and horizontal scrolling.

While Storyline 360 doesn't fully support this criterion, there are exemptions that apply to "two-dimensional" content where the layout is important in conveying meaning. 

Resources:

Discussion questions:

Get Involved: Come to the LCA Spotlight LinkedIn group and join the conversation.

When you post in the community, use the hashtag #LCASpotlightAdaptability

Spotlight 32: Sensory characteristics

Coming soon

Spotlight 34: TBC