Resizing content

Requirements

• Allow content to resize via pinch/ zoom or provide dynamic type font so that users can resize content to their preference.
• Provide a setting for changing fonts if users cannot use the above methods.
• Allow content to re-flow in web applications.

Full Explanation

React Native:

Dynamic Type will cause your app’s text to grow larger and smaller according to the user’s global settings.

1.4.10 Re-flow (Level AA) (WCAG 2.1 requirement)

Content can be presented without loss of information or functionality and without requiring scrolling in two dimensions for:

• Vertical scrolling content at a width equivalent to 320 CSS pixels.
• Horizontal scrolling content at a height equivalent to 256 CSS pixels.
• Except for parts of the content which require a two-dimensional layout for usage or meaning.

This criterion fills a gap from WCAG 2.0. While 2.0 only required sites to allow users to zoom up to 200% without a loss of content/functionality, it did not cover scenarios in which zooming would result in content that then required horizontal and vertical scrolling.