Supports Dynamic Type

Link to Supports Dynamic Type copied to clipboard

Platform Guideline Impact - Critical

Text elements should have the required properties to support Dynamic Type and resize the text to the device user's preference.

Impact

People with low vision are most affected by text that cannot resize. Dynamic Type is an assistive technology that allows the end-user to change the font size device-wide to read more easily.

Confirmation

  1. Navigate to the screen containing text and observe the current font size and its layout
  2. Enlarge the font size by changing the Dynamic Type setting:
    • If using a simulator:
      1. Open up Accessibility Inspector
      2. On the top-left corner of the inspector, change the device from your Mac to the iOS simulator
      3. Select the "Settings" button in the top-right corner of the inspector
      4. Under "Font Size", move the slider to a larger setting
    • If using an iOS 13.0+ device:
      1. Open up Settings
      2. Select "Accessibility"
      3. Select "Display & Text Size"
      4. Select "Larger Text"
      5. Move the slider at the bottom of the page to a larger setting
  3. Navigate back to your app and observe the same screen
    • Inaccessible: The text did not change size after updating the Dynamic Type setting.
    • Accessible: The text did change size.

How to Fix

An issue found by this rule occurs when views do not support Dynamic Type settings.

UIKit

Read more about supporting Dynamic Type in UIKit here.

SwiftUI

This rule is not currently supported with SwiftUI views.