Ensure Visual Accessibility: supporting the Large Content Viewer

Ensure Visual Accessibility: supporting the Large Content Viewer

Understand what the Large Content Viewer is, how to use it and when.

We have discovered in Supporting Dynamic Type and Larger Text in your app to enhance Accessibility how to take advantage of Dynamic type to accommodate user-preferred text sizes and improve visual accessibility for users with visual impairments who require Larger Text sizes.

Native iOS apps with xxxLarge Text Size applied

In the example made in the article about Dynamic Type, you can notice that not every element automatically adjusts with the preferred text sizes even if larger text sizes are enabled.

Tab Bar Items, Navigation Bars Items, and Toolbar Items in general don't scale with dynamic type and larger accessibility text sizes.

This is done to ensure that there is sufficient space available for the primary content of the app, while also preventing these items from covering the entire screen.

When Larger Text is enabled, the user can tap and hold on any element to view it in the Large Content Viewer. This viewer provides a larger view of the element the user is interacting with and allows the user to perform an action on it as soon as they let go.

Large Content Viewer in Native iOS Apps

How to use it

The Large Content Viewer is shown automatically for standard components like Navigation Bar Items, Tab Bar Items, Toolbar Items and even the Status Bar.

If you’re constraining the text size of elements, or if you are using custom components that should not grow for larger accessibility text sizes, you have to make sure there is support for the Large Content Viewer as well.

Let's explore how this can be achieved in UIKit and SwiftUI.