The Resize and Reflow benchmark evaluates how well content in an interface can adapt to user preferences such as text size, text spacing, and screen orientation. This is tested using built-in browser and device settings to modify the presentation of the content within the interface and verifying that any modifications made do not impede readability or render any of the content unusable.
Conformance with this benchmark supports users who require the ability to modify how text and other content is displayed in an interface to read or interact with it, such as users with low vision, users who are dyslexic, and users who require a fixed orientation for their device (such as a mobile device attached to a mount). Text and other content that can be resized and reflows appropriately is also compatible with a wider range of devices and viewports.
| Criteria Name | Criteria Description |
|---|---|
| 1.3.4 Orientation | Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential. |
| 1.4.4 Resize Text | Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. |
| 1.4.10 Reflow | 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. |
| 1.4.12 Text Spacing | In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property: line height (line spacing) to at least 1.5 times the font size; spacing following paragraphs to at least 2 times the font size; letter spacing (tracking) to at least 0.12 times the font size; word spacing to at least 0.16 times the font size. |