Scene Design and Accessibility Enhancements

A Scene is a single or multi-screen in-app experience cached on users’ devices and displayed when users meet certain conditions in your app or website, such as viewing a particular screen or when a Custom Event occurs. They can be presented in fullscreen, modal, or embedded format using the default swipe/click mode or as a Story. Scenes can also contain survey questions.

Check out our recent design and accessibility enhancements for Scenes.

Position for cropped media

When using media that does not fit within the viewable area where it is displayed, you can now determine how it will be cropped. For background media and the List and Media content elements, using the Fit option, select Crop, and then set a Position.

When an image is scaled to fit the width of a viewable area, the vertical Position setting determines if the image will be placed at the top, center, or bottom of the area. When an image is scaled to fit the height of a viewable area, the horizontal Position setting aligns the image to the left, center, or right of the area.

Alignment for content elements

Content elements within a screen or Container can now be aligned horizontally and vertically: left, middle, or right, and top, middle, or bottom.

Mark text as a heading

Specify any Text element as a heading for navigation using assistive technology, such as screen readers.

You can set this new accessibility feature for individual Text elements in the Scene composer or for Text styles in your Scenes’ default settings.

Requirements and documentation

Scenes are an AXP feature. Position for cropped media requires minimum SDKs: iOS 17.1.1 and Android 17.7.2. Marking text as a heading requires minimum SDKs: iOS 18.13.0 and Android 18.5.0.

• About Scenes
• Configure Scene content
• Setting Scene defaults